/* Stable hit areas and a shared finish for sector artwork. */
#casos .sector-visual{width:100%;height:clamp(90px,11vw,150px);align-items:center;justify-content:center;pointer-events:none}
#casos .sector-btn .sector-visual .sector-base{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:brightness(1.02) contrast(1.01) saturate(.98) drop-shadow(0 6px 10px rgba(7,21,44,.12))!important;transform:none!important;scale:var(--sector-optical-scale,1)}
#casos .sector-btn[data-sector="ingenieria"]{--sector-optical-scale:1.07}
#casos .sector-btn[data-sector="hoteles"]{--sector-optical-scale:1.04}
#casos .sector-btn[data-sector="cruceros"]{--sector-optical-scale:1.01}
#casos .sector-btn[data-sector="laboratorios"]{--sector-optical-scale:1.14}
#casos .sector-btn[data-sector="seguros"]{--sector-optical-scale:1.14}
#casos .sector-btn[data-sector="automocion"]{--sector-optical-scale:1.01}
#casos .sector-btn[data-sector="tecnologia"]{--sector-optical-scale:1.03}
#casos .sector-btn[data-sector="retail"]{--sector-optical-scale:1.03}
#casos .sector-client-mark{transition:opacity .12s ease}
@media(max-width:560px){#casos .sector-visual{width:64px;height:64px;max-width:100%;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){#casos .sector-client-mark{transition:none}}

/* Client logos reveal directly on the section background. */
#casos .sector-btn.client-revealed .sector-visual{background:transparent}