/*
 * Lamari Diarios Core 1.40.709
 * CEPAS · acabado fotográfico para móvil y tablet.
 *
 * La fotografía principal nunca usa máscara, blur, transform ni animación.
 * El difuminado se genera exclusivamente con la capa ambiental existente,
 * situada detrás de la imagen. Esto conserva la estabilidad de v1.40.708.
 * Escritorio (>1100 px) queda intacto.
 */

@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 {
    isolation:isolate !important;
  }

  /* Fondo ambiental suave: reutiliza la misma URL ya presente en el HTML.
   * Queda detrás de la fotografía y se percibe sobre todo en sus laterales. */
  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media > .kd-strain-premium-media-backdrop,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-media > .kd-strain-premium-media-backdrop,
  .kd-strain-detail-app .kd-strain-premium-media > .kd-strain-premium-media-backdrop {
    display:block !important;
    position:absolute !important;
    inset:12px 10px !important;
    z-index:1 !important;
    opacity:.22 !important;
    visibility:visible !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    border-radius:24px !important;
    filter:blur(15px) saturate(.82) brightness(.78) !important;
    transform:scale(1.035) !important;
    transform-origin:center center !important;
    pointer-events:none !important;
    animation:none !important;
    transition:none !important;
    -webkit-mask:none !important;
    mask:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    mix-blend-mode:normal !important;
  }

  /* Foto nítida y estable por encima del ambiente. */
  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:3 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 10px 26px rgba(0,0,0,.22) !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    transform:none !important;
    -webkit-transform:none !important;
    -webkit-mask:none !important;
    mask:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    clip-path:none !important;
    animation:none !important;
    transition:none !important;
    will-change:auto !important;
  }

  /* El botón de ampliación debe permanecer siempre por encima de ambas capas. */
  .kd-strain-detail-app .kd-strain-premium-hero > .kd-strain-photo-zoom {
    z-index:30 !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}

@media (max-width:699px) {
  body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media > .kd-strain-premium-media-backdrop,
  body.kd-standalone-strains-template .kd-strain-detail-app .kd-strain-premium-media > .kd-strain-premium-media-backdrop,
  .kd-strain-detail-app .kd-strain-premium-media > .kd-strain-premium-media-backdrop {
    inset:8px 7px !important;
    border-radius:20px !important;
    opacity:.20 !important;
    filter:blur(12px) saturate(.82) brightness(.80) !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 {
    border-radius:15px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
  }
}