/* * Lamari Diarios Core 1.40.682 * CEPAS · cierre definitivo de fotografía completa en tarjetas. * * No se estira el IMG al tamaño del marco: se conservan sus dimensiones * naturales y se limita únicamente por max-width/max-height. Esto impide que * cualquier regla histórica basada en cover vuelva a recortar la fotografía. */ /* Selector independiente de clases de : también funciona cuando /cepas/ * se renderiza mediante shortcode dentro de una plantilla no estándar. */ .kd-strains-app .kd-strain-card-art.has-photo, .kd-strains-app .kd-strain-card-art.has-main-photo, .kd-strains-app .kd-strain-card-art.has-cepas-photo { position: relative !important; overflow: hidden !important; background: #eef3ef !important; isolation: isolate !important; } /* Fondo ambiental únicamente para ocupar el aire exterior de fotos que no * tienen transparencia. La capa es decorativa: la foto principal nunca usa * cover y siempre se ve completa. */ .kd-strains-app .kd-strain-card-art.has-photo .kd-strain-photo-backdrop, .kd-strains-app .kd-strain-card-art.has-main-photo .kd-strain-photo-backdrop, .kd-strains-app .kd-strain-card-art.has-cepas-photo .kd-strain-photo-backdrop { display: block !important; position: absolute !important; inset: -14px !important; z-index: 0 !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; opacity: .16 !important; filter: blur(18px) saturate(.72) brightness(.92) !important; transform: scale(1.06) !important; pointer-events: none !important; } /* Contrato principal: dimensiones intrínsecas + dos límites máximos. * El navegador reduce la imagen hasta que ENTREN ancho y alto a la vez; nunca * aumenta una dimensión para rellenar el marco y por tanto nunca recorta. */ .kd-strains-app .kd-strain-card-art.has-photo .kd-strain-card-photo, .kd-strains-app .kd-strain-card-art.has-main-photo .kd-strain-card-photo, .kd-strains-app .kd-strain-card-art.has-cepas-photo .kd-strain-card-photo { position: absolute !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; inset: auto !important; z-index: 1 !important; display: block !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: calc(100% - 24px) !important; max-height: calc(100% - 24px) !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important; filter: none !important; transform: translate(-50%, -50%) !important; transform-origin: center center !important; transition: none !important; } /* Ni hover ni focus vuelven a ampliar el cogollo: la flor permanece completa. */ .kd-strains-app .kd-strain-card-art.has-photo:hover .kd-strain-card-photo, .kd-strains-app .kd-strain-card-art.has-photo:focus .kd-strain-card-photo, .kd-strains-app .kd-strain-card-art.has-main-photo:hover .kd-strain-card-photo, .kd-strains-app .kd-strain-card-art.has-cepas-photo:hover .kd-strain-card-photo { transform: translate(-50%, -50%) !important; } /* La valoración queda por encima de foto y backdrop. */ .kd-strains-app .kd-strain-card-art > .kd-strain-card-badge { z-index: 3 !important; } @media (max-width: 782px) { .kd-strains-app .kd-strain-card-art.has-photo .kd-strain-card-photo, .kd-strains-app .kd-strain-card-art.has-main-photo .kd-strain-card-photo, .kd-strains-app .kd-strain-card-art.has-cepas-photo .kd-strain-card-photo { max-width: calc(100% - 16px) !important; max-height: calc(100% - 16px) !important; } }