/* Estilos comunes de flotacreativa.com. Cada página suma los suyos en su propio <style>. */
@font-face{font-family:'Aktiv Grotesk';src:url('/fonts/AktivGrotesk-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Aktiv Grotesk';src:url('/fonts/AktivGrotesk-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Aktiv Grotesk';src:url('/fonts/AktivGrotesk-Medium.otf') format('opentype');font-weight:500 700;font-style:normal;font-display:swap}
body{margin:0;background:#ffffff}
a{color:#000000;text-decoration:none}a:hover{text-decoration:underline}
h1{font:inherit}

/* Foco visible al navegar con teclado */
:focus-visible{outline:2px solid #000;outline-offset:3px}
.tabin:focus-visible{outline:none}

/* Texto solo para lectores de pantalla */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Contador de fotos de los productos: 1 / 3 */
.pcc{position:absolute;left:8px;bottom:8px;z-index:2;font-size:12px;letter-spacing:.04em;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.55),0 0 10px rgba(0,0,0,.35);pointer-events:none}

/* Celular */
@media (max-width:600px){
[style*="font-size: 56px"]{font-size:34px!important}
[style*="font-size: 40px"]{font-size:28px!important}
[style*="grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);"]{grid-template-columns:minmax(0,1fr)!important}
[style*="grid-template-columns: minmax(0, 1fr) 100px minmax(0, 2.4fr) 24px"]{grid-template-columns:minmax(0,1fr) auto!important;row-gap:4px!important}
[style*="grid-template-columns: minmax(0, 1fr) 100px minmax(0, 2.4fr) 24px"]>span:nth-child(3){grid-column:1/-1}
[style*="grid-template-columns: minmax(0, 1fr) 100px minmax(0, 2.4fr) 24px"]>span:nth-child(4){display:none}
nav[aria-label]{flex-wrap:wrap;justify-content:flex-start!important}
nav[aria-label] label,nav[aria-label] a{white-space:nowrap}
/* Grillas de 4 (créditos de exposiciones): de a 2 */
[style*="grid-template-columns: repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:28px!important}
figcaption{overflow-wrap:anywhere}
[style*="grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px"]{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
/* Mails grandes: que entren en la pantalla */
a[href^="mailto:"][style*="font-size: 56px"]{font-size:26px!important}
}