/*
 * Lamari Diarios Core 1.40.708
 * CEPAS · cierre definitivo de tablet en vertical.
 *
 * El problema de parpadeo/desaparición en portrait nacía de varias capas
 * responsive históricas que competían entre sí (700–1100 px) y de watchdogs
 * JS que volvían a escribir estilos tras el primer render.
 *
 * En tablet vertical usamos una composición única, en flujo normal:
 * fotografía -> texto -> identidad histórica. No hay capas cruzadas ni
 * elementos que dependan de transform/mask/blur para mantenerse visibles.
 * Tablet apaisada y escritorio conservan el diseño anterior.
 */

@media (min-width:700px) and (max-width:1100px) and (orientation:portrait) {
  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-hero,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-hero,
  .kd-strain-detail-app .kd-strain-premium-hero {
    --kd-strain-portrait-media-height: clamp(330px, 46vw, 440px);
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    align-items:stretch !important;
    contain:none !important;
    transform:none !important;
    filter:none !important;
  }

  /* Fotografía en panel propio. Ninguna capa puede invadir el texto. */
  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-media,
  .kd-strain-detail-app .kd-strain-premium-media {
    position:relative !important;
    inset:auto !important;
    order:1 !important;
    display:block !important;
    width:100% !important;
    height:var(--kd-strain-portrait-media-height) !important;
    min-height:var(--kd-strain-portrait-media-height) !important;
    max-height:var(--kd-strain-portrait-media-height) !important;
    flex:0 0 var(--kd-strain-portrait-media-height) !important;
    overflow:hidden !important;
    z-index:1 !important;
    background:#0a1810 !important;
    isolation:auto !important;
    transform:none !important;
    filter:none !important;
    perspective:none !important;
  }

  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media-backdrop,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-media-backdrop,
  .kd-strain-detail-app .kd-strain-premium-media-backdrop,
  .kd-strain-detail-app .kd-strain-premium-media:before,
  .kd-strain-detail-app .kd-strain-premium-media:after {
    display:none !important;
    content:none !important;
    opacity:0 !important;
    filter:none !important;
    transform:none !important;
  }

  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media > img.kd-strain-premium-photo,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-media > img.kd-strain-premium-photo,
  .kd-strain-detail-app .kd-strain-premium-media > img.kd-strain-premium-photo {
    position:absolute !important;
    inset:12px 16px !important;
    display:block !important;
    width:calc(100% - 32px) !important;
    height:calc(100% - 24px) !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:calc(100% - 32px) !important;
    max-height:calc(100% - 24px) !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:3 !important;
    -webkit-mask:none !important;
    mask:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    clip-path:none !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    transform:none !important;
    -webkit-transform:none !important;
    animation:none !important;
    transition:none !important;
    will-change:auto !important;
    backface-visibility:visible !important;
    content-visibility:visible !important;
    contain:none !important;
  }

  /* Texto completamente en flujo normal, por debajo de la fotografía. */
  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-copy,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-copy,
  .kd-strain-detail-app .kd-strain-premium-copy {
    position:relative !important;
    inset:auto !important;
    order:2 !important;
    display:flex !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    flex:0 0 auto !important;
    padding:30px 30px 28px !important;
    overflow:visible !important;
    z-index:5 !important;
    box-sizing:border-box !important;
    transform:none !important;
    filter:none !important;
  }

  .kd-strain-detail-app .kd-strain-premium-copy > p {
    max-width:none !important;
    overflow:visible !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    font-size:14px !important;
    line-height:1.62 !important;
  }

  .kd-strain-detail-app .kd-strain-hero-eyebrow,
  .kd-strain-detail-app .kd-strain-title-line,
  .kd-strain-detail-app .kd-strain-rating-row,
  .kd-strain-detail-app .kd-strain-hero-tags {
    opacity:1 !important;
    visibility:visible !important;
  }

  .kd-strain-detail-app .kd-strain-hero-tags {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
  }

  /* Identidad histórica: no ocultamos el origen en portrait. */
  body.kd-strains-page .kd-strain-detail-app .kd-strain-breeder-banner,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-breeder-banner,
  .kd-strain-detail-app .kd-strain-breeder-banner,
  .kd-strain-detail-app .kd-strain-breeder-banner.has-origin {
    position:relative !important;
    inset:auto !important;
    order:3 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    gap:0 !important;
    padding:16px 22px !important;
    overflow:visible !important;
    z-index:8 !important;
    box-sizing:border-box !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
    filter:none !important;
  }

  .kd-strain-detail-app .kd-strain-breeder-identity,
  .kd-strain-detail-app .kd-strain-breeder-lineage,
  .kd-strain-detail-app .kd-strain-breeder-origin,
  .kd-strain-detail-app .kd-strain-breeder-seal {
    display:flex !important;
    min-width:0 !important;
    min-height:54px !important;
    align-items:center !important;
    padding:10px 14px !important;
    border-left:0 !important;
    border-top:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    box-sizing:border-box !important;
  }

  .kd-strain-detail-app .kd-strain-breeder-lineage,
  .kd-strain-detail-app .kd-strain-breeder-origin {
    display:block !important;
  }

  .kd-strain-detail-app .kd-strain-breeder-origin {
    grid-column:1 / -1 !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
  }

  .kd-strain-detail-app .kd-strain-breeder-seal {
    justify-self:stretch !important;
  }

  .kd-strain-detail-app .kd-strain-breeder-banner strong {
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  /* El botón de ampliación permanece dentro del panel de foto y con su texto. */
  .kd-strain-detail-app .kd-strain-premium-hero > .kd-strain-photo-zoom {
    position:absolute !important;
    top:calc(var(--kd-strain-portrait-media-height) - 58px) !important;
    right:18px !important;
    bottom:auto !important;
    left:auto !important;
    z-index:30 !important;
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    min-height:42px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:0 14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    animation:none !important;
    transition:background .18s ease,border-color .18s ease !important;
  }

  .kd-strain-detail-app .kd-strain-premium-hero > .kd-strain-photo-zoom span {
    display:inline !important;
    opacity:1 !important;
    visibility:visible !important;
    white-space:nowrap !important;
  }
}

/* iPad/Android portrait estrecho: banner en una sola columna para evitar
 * truncados y saltos, manteniendo absolutamente todos los datos visibles. */
@media (min-width:700px) and (max-width:820px) and (orientation:portrait) {
  .kd-strain-detail-app .kd-strain-breeder-banner,
  .kd-strain-detail-app .kd-strain-breeder-banner.has-origin {
    grid-template-columns:1fr !important;
  }
  .kd-strain-detail-app .kd-strain-breeder-origin,
  .kd-strain-detail-app .kd-strain-breeder-lineage,
  .kd-strain-detail-app .kd-strain-breeder-identity,
  .kd-strain-detail-app .kd-strain-breeder-seal {
    grid-column:1 !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
  }
  .kd-strain-detail-app .kd-strain-breeder-identity {border-top:0 !important;}
}