/*
 * Lamari Diarios Core 1.40.705
 * CEPAS · hero individual: fotografía estable en móvil y tablet.
 *
 * Algunos navegadores móviles/tablet pierden la capa IMG al recomponer
 * múltiples máscaras CSS (-webkit-mask-image + mask-composite) después del
 * primer render. El síntoma es que la fotografía aparece un instante y luego
 * queda transparente. En <=1100px eliminamos exclusivamente la máscara de la
 * foto principal; el encuadre responsive y los gradientes del hero continúan
 * gestionados por las hojas existentes.
 */
@media (max-width:1100px) {
  html body.kd-strains-page .kd-strain-detail-app .kd-strain-premium-media > img.kd-strain-premium-photo,
  html 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 {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-composite: initial !important;
    mask-composite: initial !important;
    -webkit-mask-repeat: initial !important;
    mask-repeat: initial !important;
    -webkit-mask-size: initial !important;
    mask-size: initial !important;
    opacity: 1 !important;
    visibility: visible !important;
    clip-path: none !important;
  }
}