/*
 * Lamari Diarios Core 1.40.706
 * CEPAS · hero individual estable en móvil/tablet.
 *
 * Revisión profunda del problema "la foto aparece al cargar y luego desaparece".
 * En <=1100 px eliminamos del plano de composición los elementos que fuerzan GPU
 * (blur del backdrop, máscaras compuestas y filtros de la foto) y definimos un
 * layout determinista. Escritorio conserva el diseño anterior sin cambios.
 */
@media (max-width:1100px) {
  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 {
    overflow:hidden !important;
    background:#0a1810 !important;
    isolation:auto !important;
    transform:none !important;
    filter:none !important;
    perspective:none !important;
  }

  /* El backdrop borroso es decorativo y era otra capa de composición acelerada.
   * Se retira solo en móvil/tablet: la foto real permanece como única imagen. */
  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 {
    display:none !important;
    opacity:0 !important;
    filter:none !important;
    transform:none !important;
  }

  /* Un único degradado ligero por debajo de la foto; la capa :after se elimina. */
  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media:before,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-media:before,
  .kd-strain-detail-app .kd-strain-premium-media:before {
    z-index:1 !important;
    background:linear-gradient(90deg,#07140c 0%,#091b10 45%,rgba(9,27,16,.72) 58%,rgba(9,27,16,.12) 76%,transparent 100%) !important;
    filter:none !important;
    transform:none !important;
  }
  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media:after,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-media:after,
  .kd-strain-detail-app .kd-strain-premium-media:after {
    display:none !important;
    content:none !important;
  }

  /* Contrato fuerte de visibilidad. No queda ninguna máscara, filtro, animación,
   * blend o transformación que pueda hacer desaparecer la capa IMG tras pintar. */
  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 {
    z-index:4 !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    -webkit-mask:none !important;
    mask:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    -webkit-mask-composite:initial !important;
    mask-composite:initial !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;
    -webkit-backface-visibility:visible !important;
    content-visibility:visible !important;
    contain:none !important;
    object-fit:contain !important;
    background:transparent !important;
  }
}

/* Tablet: imagen nítida en una zona derecha estable. No depende de transform. */
@media (min-width:700px) and (max-width:1100px) {
  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;
    top:18px !important;
    right:12px !important;
    bottom:auto !important;
    left:auto !important;
    width:43% !important;
    height:calc(100% - 110px) !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:43% !important;
    max-height:calc(100% - 110px) !important;
    object-position:center center !important;
  }
  .kd-strain-detail-app .kd-strain-premium-copy {
    position:relative !important;
    z-index:5 !important;
    width:59% !important;
  }
}

/* Móvil: foto en un panel propio por encima del contenido, sin superposición. */
@media (max-width:699px) {
  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media:before,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-media:before,
  .kd-strain-detail-app .kd-strain-premium-media:before {
    background:linear-gradient(180deg,#0a1810 0%,#0a1810 78%,rgba(10,24,16,.88) 100%) !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;
    top:8px !important;
    right:9px !important;
    bottom:8px !important;
    left:9px !important;
    width:calc(100% - 18px) !important;
    height:calc(100% - 16px) !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:calc(100% - 18px) !important;
    max-height:calc(100% - 16px) !important;
    object-position:center center !important;
  }
  .kd-strain-detail-app .kd-strain-premium-copy {
    position:relative !important;
    z-index:5 !important;
    width:100% !important;
  }
}