*,*::before,*::after{box-sizing:border-box}
:root{--nav:64px;--naranja:#ff7200;--tinta:#0c0c0c}
html{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:#000;-webkit-text-size-adjust:100%}
@media (max-width:820px),(max-height:560px){html{scroll-snap-type:y proximity}}
html.paso,html.paso-tactil{scroll-snap-type:none}
body{margin:0;background:#000;color:#fff;font-family:'Bricolage Grotesque',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:normal;hyphens:manual}
::selection{background:var(--naranja);color:var(--tinta)}
:focus-visible{outline:2px solid var(--naranja);outline-offset:3px}
html:has(.capa:not([hidden])),html:has(.menu-sitio.abierta){overflow:hidden}
.sec{position:relative;height:100vh;height:100svh;padding-top:var(--nav);scroll-snap-align:start;scroll-snap-stop:always;contain:layout paint;--vh:calc((100vh - var(--nav)) / 100);overflow:hidden}
@supports (height:100svh){.sec{--vh:calc((100svh - var(--nav)) / 100)}}
.sec>.raiz{position:relative;height:100%;overflow:hidden}
#inicio{padding-top:0;contain:none}
/* efecto cortina: el contenido del hero queda fijo en pantalla y la propia sección lo recorta (clip-path),
   así La agencia sube por encima sin que nada se mueva ni quede reproduciéndose a la vista debajo */
.cortina{position:relative}
#laagencia{z-index:1;box-shadow:0 -28px 70px rgba(0,0,0,.4)}
#inicio{clip-path:inset(0)}
#inicio > .raiz{position:fixed;top:0;left:0;right:0;height:100vh;height:100svh}
#inicio::after{content:"";position:absolute;inset:0;z-index:50;background:#000;opacity:0;pointer-events:none}
@keyframes cortina-sombra{from{opacity:0}to{opacity:.55}}
@supports (animation-timeline:view()){
 #inicio{view-timeline:--hero block}
 #inicio::after{animation:cortina-sombra linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}
}
#inicio:has(.capa:not([hidden])){clip-path:none}
#inicio:has(.capa:not([hidden])) > .raiz{position:absolute;inset:0;height:auto}
@media (max-width:900px),(max-height:600px){#servicios{height:auto;min-height:100svh}#servicios>.raiz{height:auto}}
@media (max-width:1100px),(max-height:640px){#casos{height:auto;min-height:100svh}#casos>.raiz{height:auto}}
/* a section with an open card stops containing it, so the card covers the whole screen */
.sec:has(.capa:not([hidden])){contain:none;overflow:visible;z-index:50}
.salto{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;color:#000;padding:10px 14px}.salto:focus{left:12px;top:12px}
/* menú del sitio */
.menu-sitio{position:fixed;inset:0 0 auto;height:var(--nav);z-index:100;display:flex;align-items:center;gap:clamp(12px,1.8vw,28px);padding:0 clamp(16px,2.6vw,40px);color:#fff;transition:background .35s ease,opacity .3s ease}
/* entrada de la barra fija: baja desde arriba y los botones aparecen de izquierda a derecha */
.menu-sitio{isolation:isolate}
.menu-sitio::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;box-shadow:0 1px 0 rgba(12,12,12,.1);transform:translateY(-101%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.menu-sitio.solida::before{transform:none}
/* barra fija blanca: letras negras, logo con isotipo naranja, destaque naranja */
.menu-sitio{transition:background .35s ease,opacity .3s ease,color .2s ease}
.menu-sitio.solida{color:var(--tinta)}
.menu-sitio .nav-logo{position:relative}
.menu-sitio .nav-logo img{transition:filter .2s ease}
.menu-sitio.solida .nav-logo img{filter:brightness(0)}
.menu-sitio.solida .nav-logo::after{content:"";position:absolute;left:0;top:0;width:23.96%;height:72.2%;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20460%20341%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%23ff7200%22%3E%3Crect%20width%3D%22460%22%20height%3D%2239%22/%3E%3Crect%20width%3D%2239%22%20height%3D%22341%22/%3E%3Crect%20x%3D%22421%22%20width%3D%2239%22%20height%3D%22341%22/%3E%3Crect%20y%3D%22302%22%20width%3D%22307%22%20height%3D%2239%22/%3E%3Crect%20x%3D%22344%22%20y%3D%22302%22%20width%3D%22116%22%20height%3D%2239%22/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat}

.menu-sitio.solida .nav-menu a:hover,.menu-sitio.solida .nav-menu a.activo{opacity:1}
.menu-sitio.solida .nav-menu a::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;background:var(--naranja);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.menu-sitio.solida .nav-menu a:hover::after,.menu-sitio.solida .nav-menu a.activo::after{transform:scaleX(1)}
.menu-sitio.solida .nav-boton{color:var(--tinta)}
.menu-sitio.solida .nav-red:hover{color:var(--naranja)}
.menu-sitio.solida .nav-idioma{border-left-color:rgba(12,12,12,.16)}
.menu-sitio.solida .nav-idioma a[aria-current] .bandera{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--naranja)}
@keyframes nav-entra{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.menu-sitio.solida .nav-menu a,.menu-sitio.solida .boton-cafe,.menu-sitio.solida .nav-tel,.menu-sitio.solida .nav-red,.menu-sitio.solida .nav-idioma{animation:nav-entra .2s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(90ms + var(--i,0) * 22ms)}
@media (prefers-reduced-motion:reduce){.menu-sitio::before{transition:none}.menu-sitio.solida .nav-menu a,.menu-sitio.solida .boton-cafe,.menu-sitio.solida .nav-tel,.menu-sitio.solida .nav-red,.menu-sitio.solida .nav-idioma{animation:none}}
body:has(.capa:not([hidden])) .menu-sitio{opacity:0;pointer-events:none}
.menu-sitio a{color:inherit;text-decoration:none}
.nav-logo{flex:none;display:block;line-height:0}.nav-logo img{height:28px;width:auto}
.nav-menu{flex:1;display:flex;justify-content:center;gap:2px}
.nav-menu a{position:relative;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:9px 13px;border-radius:999px;white-space:nowrap;opacity:1;transition:background .3s,opacity .3s,color .3s}
.nav-menu a:hover{opacity:1}
.nav-menu a.activo{background:#000;opacity:1}
.menu-sitio.solida .nav-menu a.activo{background:none}
.menu-sitio.solida .nav-menu a.activo::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;background:var(--naranja)}
.nav-der{flex:none;display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;letter-spacing:.04em}
.nav-tel{white-space:nowrap}
.nav-red{display:grid;place-items:center;width:28px;height:28px}.nav-red:hover,.nav-tel:hover{opacity:1}
.nav-red svg{width:17px;height:17px;fill:currentColor}
.nav-idioma{display:flex;gap:2px;margin-left:2px;padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}
.nav-idioma a{display:grid;place-items:center;min-width:32px;min-height:32px;padding:0}
.nav-idioma .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav-idioma .bandera{width:19px;height:19px;flex:none;border-radius:50%;opacity:.45;filter:grayscale(.7);transition:opacity .25s,filter .25s,box-shadow .25s}
.nav-idioma a:hover .bandera{opacity:1;filter:none}
.nav-idioma a[aria-current] .bandera{opacity:1;filter:none;box-shadow:0 0 0 2px #000,0 0 0 4px var(--naranja)}
.boton-cafe{display:inline-flex;align-items:center;gap:.5em;border:0;border-radius:999px;background:var(--naranja);color:var(--tinta);font:inherit;font-weight:700;letter-spacing:0;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .25s ease}
.boton-cafe:hover{background:#ff8a2b;transform:translateY(-1px)}
.boton-cafe svg{width:1.1em;height:1.1em}
.nav-der .boton-cafe{font-size:13px;padding:9px 16px}
.nav-boton{display:none;align-items:center;gap:12px;margin-left:auto;height:44px;padding:0 2px;border:0;background:none;color:#fff;font:inherit;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.nav-boton .lineas{position:relative;width:24px;height:11px}
.nav-boton .lineas i{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .3s ease}
.nav-boton .lineas i:first-child{top:0}.nav-boton .lineas i:last-child{bottom:0}
.nav-boton:hover .lineas i:first-child{transform:translateX(-4px)}
.menu-sitio:not(.solida) .nav-menu,.menu-sitio:not(.solida) .nav-der{display:none}
.menu-sitio:not(.solida) .nav-boton{display:inline-flex}
@media (max-width:1680px){.nav-tel{display:none}}
@media (min-width:1366px) and (max-width:1760px){.nav-menu .mf{display:none}}
@media (max-width:1520px){.nav-menu{gap:0}.nav-menu a{padding:9px 8px;letter-spacing:.05em}.menu-sitio.solida .nav-menu a::after{left:8px;right:8px}.nav-der{gap:8px}.nav-der .boton-cafe{padding:8px 13px}.nav-idioma a{padding:4px 4px}}
@media (max-width:1365px){
 :root{--nav:56px}
 .nav-logo img{height:24px}
 .menu-sitio .nav-menu,.menu-sitio .nav-der{display:none}
 .menu-sitio .nav-boton{display:inline-flex}
}
.nav-fila{display:contents}
/* panel del menú: tarjeta blanca que baja desde arriba */
html:has(.panel-menu:not([hidden])){overflow:hidden}
.panel-menu{position:fixed;inset:0;z-index:150;padding:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .3s ease;overflow-y:auto}
.panel-menu[hidden]{display:none}
.panel-menu.in{opacity:1}
.pm-caja{margin:0;padding:0 clamp(20px,2.6vw,40px);background:#fff;color:var(--tinta);transform:translateY(-18px);transition:transform .5s cubic-bezier(.2,.75,.2,1)}
.panel-menu.in .pm-caja{transform:none}
.pm-top{height:var(--nav);display:flex;align-items:center;justify-content:space-between}
.pm-top .nav-logo{position:relative}
.pm-top .nav-logo img{filter:brightness(0)}
.pm-top .nav-logo::after{content:"";position:absolute;left:0;top:0;width:23.96%;height:72.2%;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20460%20341%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%23ff7200%22%3E%3Crect%20width%3D%22460%22%20height%3D%2239%22/%3E%3Crect%20width%3D%2239%22%20height%3D%22341%22/%3E%3Crect%20x%3D%22421%22%20width%3D%2239%22%20height%3D%22341%22/%3E%3Crect%20y%3D%22302%22%20width%3D%22307%22%20height%3D%2239%22/%3E%3Crect%20x%3D%22344%22%20y%3D%22302%22%20width%3D%22116%22%20height%3D%2239%22/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat}
.pm-cerrar{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 2px;border:0;background:none;color:var(--tinta);font:inherit;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.pm-cerrar svg{width:18px;height:18px;transition:transform .3s ease}
.pm-cerrar:hover svg{transform:rotate(90deg)}
.pm-medio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,96px);align-items:center;padding:clamp(12px,2.4vh,32px) 0 clamp(20px,3.4vh,44px)}
.pm-links{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(0px,.4vh,4px);min-width:0}
.pm-links a{position:relative;padding:2px 0 6px;color:var(--tinta);text-decoration:none;font-weight:800;font-size:clamp(28px,min(3.7vw,5.6vh),58px);line-height:1.04;letter-spacing:-.03em;background:linear-gradient(var(--naranja),var(--naranja)) 0 100% / 0 3px no-repeat;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.75,.2,1),background-size .35s ease,color .25s ease}
.panel-menu.in .pm-links a{opacity:1;transform:none}
.pm-links:hover a:not(:hover){color:rgba(12,12,12,.32)}
.pm-links a:hover,.pm-links a:focus-visible{background-size:100% 3px;outline:0}
.pm-links a.activo::after{content:".";color:var(--naranja)}
.pm-foto{position:relative;height:min(54vh,560px);overflow:hidden;background:#ededeb}
.pm-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);filter:contrast(1.1) saturate(1.05) brightness(.9);transition:opacity .55s ease,transform 1.4s cubic-bezier(.2,.75,.2,1)}
.pm-foto img.on{opacity:1;transform:none}
.pm-pie{display:grid;grid-template-columns:auto auto auto auto 1fr;gap:18px clamp(24px,4vw,72px);align-items:end;padding:20px 0 24px;border-top:1px solid #e2e0dc;font-size:14px;line-height:1.55;color:var(--tinta)}
.pm-pie p{margin:0}
.pm-pie a{color:inherit;text-decoration:none;transition:color .2s}.pm-pie a:hover{color:var(--tinta)}
/* tipografía: Bricolage Grotesque en títulos, subtítulos, rótulos y botones; Instrument Sans en cuerpos de texto */
.salto,.pie-sitio p,.pie-sitio address,.pie-sitio li,.pie-sitio a,.pm-pie p,.pm-pie address,.pm-pie a,
[id^=s-] p,[id^=s-] li,[id^=s-] dd,[id^=s-] address,
#s-agencia .lead .t,#s-casos .cifras span{font-family:'Instrument Sans',system-ui,sans-serif}
.pie-sitio .pie-lema,.pie-sitio .pie-rot,.pm-pie .pm-rot,.pie-sitio .pie-logo,
#s-casos .cli,#s-casos .contador,#s-casos .area,#s-hero .rot,#s-arthur p,#s-hero .frase,#s-hero .frase span,#s-hero .cafe a,#s-hero .cafe b,#s-preguntas .contacto a{font-family:'Bricolage Grotesque',system-ui,sans-serif}
.pm-rot{margin:0 0 6px!important;font:700 11px/1.4 'Bricolage Grotesque',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a7874}
.pm-contacto{display:flex;flex-direction:column;align-items:flex-start}
.pm-redes{display:flex;gap:2px;margin-left:-10px}.pm-redes a{display:grid;place-items:center;width:40px;height:40px;color:var(--tinta)}.pm-redes a:hover{color:var(--naranja)}.pm-redes svg{width:18px;height:18px;fill:currentColor}
.pm-pie .nav-idioma{margin:0 0 0 -6px;padding:0;border:0;gap:4px}
.pm-pie .nav-idioma a{min-width:40px;min-height:40px}
.pm-pie .nav-idioma .bandera{opacity:.55}
.pm-pie .nav-idioma a[aria-current] .bandera{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--naranja)}
.pm-cafe{justify-self:end;display:inline-flex;align-items:center;gap:.55em;padding:8px 0;border:0;border-bottom:1px solid rgba(12,12,12,.3);background:none;color:var(--tinta);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s}
.pm-cafe:hover{border-color:var(--naranja)}
.pm-cafe i{font-style:normal;color:var(--naranja)}
@media (max-width:900px){
 .pm-medio{grid-template-columns:1fr}
 .pm-foto{display:none}
 .pm-links a{font-size:clamp(28px,8.4vw,40px)}
 .pm-pie{grid-template-columns:1fr auto;align-items:center;gap:12px 20px}
 .pm-donde{display:none}
 .pm-contacto{grid-column:1 / -1}
 .pm-cafe{grid-column:1 / -1;justify-self:start;font-size:16px}
}
@media (prefers-reduced-motion:reduce){.panel-menu,.pm-caja,.pm-links a,.pm-foto img{transition:none}}
/* pie del sitio */
.pie-sitio{scroll-snap-align:end;background:#000;color:#fff;font-size:14px;line-height:1.6;border-top:1px solid rgba(255,255,255,.08)}
.pie-in{max-width:1440px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(20px,5.5vw,80px) 28px}
.pie-sitio a{color:inherit;text-decoration:none;transition:color .25s,opacity .25s}
.pie-sitio a:hover{color:var(--naranja)}
.pie-marca{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap;padding-bottom:clamp(36px,5vw,56px);border-bottom:1px solid rgba(255,255,255,.12)}
.pie-logo-imp{height:30px;width:auto;display:block}
.pie-cierre{display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap}
.pie-lema{margin:0;color:#fff;font-weight:800;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;line-height:1.1}
.pie-lema i{font-style:normal;color:var(--naranja)}
.pie-cierre .boton-cafe{font-size:15px;padding:13px 22px;min-height:44px}
.pie-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:clamp(36px,5vw,56px) 0}
.pie-rot{margin:0 0 12px;font:700 11px/1.4 'Bricolage Grotesque',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a7874}
.pie-sitio p{margin-top:0}
.pie-sitio address{font-style:normal}
.pie-links{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.pie-links a,.pie-contacto a{display:inline-flex;align-items:center;min-height:30px}
.pie-contacto{display:flex;flex-direction:column;align-items:flex-start}
.pie-red{display:flex;gap:clamp(32px,6vw,96px);flex-wrap:wrap;padding:28px 0 36px;border-top:1px solid rgba(255,255,255,.12)}
.pie-logos{display:flex;align-items:center;gap:28px}
.pie-logo{display:flex;align-items:center;min-height:44px;line-height:0;opacity:.75}.pie-logo:hover{opacity:1}
.pie-logo img{height:20px;width:auto;filter:brightness(0) invert(1)}
.pie-logo.latam img{height:16px}
.pie-logo.cubo img{height:34px;filter:grayscale(1) contrast(1.15)}
.pie-base{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#7a7874}
.pie-base p{margin:0}
.pie-base a{min-height:44px;display:inline-flex;align-items:center}
/* esquinas rectas en todo el sitio (las banderas siguen circulares) */
*,*::before,*::after{border-radius:0!important}
.nav-idioma .bandera{border-radius:50%!important}
@media (max-width:820px){.pie-cols{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.pie-cols{grid-template-columns:1fr 1fr;gap:28px 20px}.pie-cols address{font-size:13px}}
/* celular: el pie empieza debajo de la barra del menú, así la frase no queda tapada */
@media (max-width:820px){.pie-in{padding-top:calc(var(--nav) + 36px)}}

/* pie: sin logo (ya está en el menú); lema centrado y ¿Hablamos? abre la ventana del café */
.pie-sitio .pie-marca{justify-content:center;text-align:center}
.pie-lema{text-align:center;font-size:clamp(24px,3vw,40px)}
.pie-hablamos{font:inherit;color:var(--naranja);background:none;border:0;padding:0 0 .04em;margin-left:.25em;cursor:pointer;background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat;transition:background-size .35s ease}
.pie-hablamos:hover,.pie-hablamos:focus-visible{background-size:100% 2px}
.pie-hablamos:focus-visible{outline:2px solid var(--naranja);outline-offset:4px}
/* el café del menú se esconde mientras se ve el pie, para no repetirlo */
.nav-der .boton-cafe{transition:opacity .3s ease,visibility .3s}
.menu-sitio.con-pie .nav-der .boton-cafe{opacity:0;visibility:hidden}
/* botonera: café sin relleno naranja, con la misma letra que el resto */
.menu-sitio .nav-der .boton-cafe{background:none;color:inherit;border-radius:0;padding:9px 6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;gap:.5em;opacity:1}
.menu-sitio .nav-der .boton-cafe::after{content:"";position:absolute;left:6px;right:6px;bottom:3px;height:2px;background:var(--naranja);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.menu-sitio .nav-der .boton-cafe{position:relative}
.menu-sitio .nav-der .boton-cafe:hover{background:none;transform:none}
.menu-sitio .nav-der .boton-cafe:hover::after{transform:scaleX(1)}
/* redes más juntas */
.nav-der .nav-fila .nav-red + .nav-red{margin-left:-6px}
/* idiomas: más juntos, la elegida a color y las otras en gris, sin aro */
.nav-idioma{gap:0}
.nav-idioma a{min-width:28px}
.nav-idioma .bandera{opacity:.5;filter:grayscale(1)}
.nav-idioma a:hover .bandera{opacity:.85;filter:grayscale(.3)}
.nav-idioma a[aria-current] .bandera,.menu-sitio.solida .nav-idioma a[aria-current] .bandera,.pm-pie .nav-idioma a[aria-current] .bandera{opacity:1!important;filter:none!important;box-shadow:none!important}

/* idiomas también en el hero (y donde el menú se reduce al botón Menú): después del botón */
.idioma-rapido{display:none;flex:none;margin-left:14px}
.menu-sitio:not(.solida) .idioma-rapido{display:flex}
@media (max-width:1365px){.menu-sitio .idioma-rapido{display:flex}}
.menu-sitio.solida .idioma-rapido{border-left-color:rgba(12,12,12,.16)}
@media (max-width:420px){.idioma-rapido{margin-left:8px;padding-left:8px}.idioma-rapido a{min-width:26px}}

html{scroll-snap-type:none!important}
.interior{background:#fff;color:var(--tinta);min-height:100vh}
#inicio{position:absolute;top:-300vh;left:0;width:1px;height:1px;overflow:hidden}
.menu-sitio .boton-cafe,.pm-cafe{display:none!important}
.int-in{max-width:1440px;margin:0 auto;padding:calc(var(--nav) + clamp(40px,7vh,88px)) clamp(20px,5.5vw,80px) clamp(64px,10vh,120px)}
.int-titulo{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:clamp(40px,6.4vw,96px);line-height:.95;letter-spacing:-.03em}
.int-titulo i{font-style:normal;color:var(--naranja)}
.filtros{display:flex;flex-wrap:wrap;gap:4px 22px;margin:clamp(24px,4vh,40px) 0 clamp(28px,5vh,48px);padding-bottom:14px;border-bottom:1px solid #e2e0dc}
.filtros button{position:relative;padding:8px 0;border:0;background:none;color:#7a7874;font:600 12px/1.2 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s}
.filtros button:hover,.filtros button[aria-pressed="true"]{color:var(--tinta)}
.filtros button[aria-pressed="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--naranja)}
.notas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vh,48px) clamp(20px,2.4vw,36px)}
.card{display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}
.card .ft{aspect-ratio:16/10;background:#e9e7e3 center/cover no-repeat;overflow:hidden}
.card .ft img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.75,.2,1)}
.card:hover .ft img{transform:scale(1.04)}
.card .fe{font:600 12px/1.3 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.06em;color:#7a7874}
.card h2,.card h3{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:clamp(18px,1.45vw,22px);line-height:1.18;letter-spacing:-.01em;transition:color .2s}
.card:hover h2,.card:hover h3{color:#3a3536}
.card p{margin:0;font-size:15px;line-height:1.5;color:var(--tinta);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card.destacada{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,48px);align-items:end;padding-bottom:clamp(28px,4vh,48px);border-bottom:1px solid #e2e0dc}
.card.destacada .ft{aspect-ratio:16/9}
.card.destacada h2{font-size:clamp(26px,2.8vw,44px);font-weight:800;line-height:1.04;letter-spacing:-.025em}
.card.destacada p{-webkit-line-clamp:5;font-size:17px}
.card.destacada .tx{display:flex;flex-direction:column;gap:14px}
.mas-notas{display:flex;justify-content:center;margin-top:clamp(36px,6vh,64px)}
.boton-linea{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:0 20px;border:1px solid rgba(12,12,12,.35);background:none;color:var(--tinta);font:500 14px/1 'Instrument Sans',system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.boton-linea:hover{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.boton-linea[hidden]{display:none}
.estado{color:#7a7874;font-size:15px}
.archivo{margin-top:clamp(56px,9vh,96px);padding-top:28px;border-top:1px solid #e2e0dc}
.archivo h2{margin:0 0 16px;font:700 11px/1.4 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a7874}
.archivo ul{list-style:none;margin:0;padding:0;columns:3;column-gap:32px}
.archivo li{break-inside:avoid;padding:5px 0;font-size:14px;line-height:1.4}
.archivo a{color:var(--tinta);text-decoration:none}.archivo a:hover{color:#3a3536;text-decoration:underline}
.archivo time{display:block;color:#7a7874;font-size:12px}
/* nota */
.nota-in{max-width:1000px}
.volver{display:inline-flex;align-items:center;gap:.5em;margin-bottom:clamp(24px,4vh,40px);color:var(--tinta);text-decoration:none;font:600 12px/1 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.volver:hover{color:#3a3536}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:18px;font:600 12px/1.3 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a7874}
.nota-titulo{margin:0;max-width:none;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:clamp(32px,4.4vw,64px);line-height:1.02;letter-spacing:-.028em;text-wrap:balance}
.nota-titulo i{font-style:normal;color:var(--naranja)}
.bajada-nota{max-width:46ch;margin:22px 0 0;font-size:clamp(18px,1.5vw,22px);line-height:1.45}
.portada-nota{margin:clamp(28px,5vh,48px) 0}
.portada-nota img{display:block;width:100%;height:auto}
.cuerpo-nota{max-width:none;font-size:19px;line-height:1.7}
.cuerpo-nota p{margin:0 0 1.15em}
.cuerpo-nota h2,.cuerpo-nota h3,.cuerpo-nota h4{margin:1.6em 0 .6em;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.01em}
.cuerpo-nota h2{font-size:28px}.cuerpo-nota h3{font-size:23px}.cuerpo-nota h4{font-size:19px}
.cuerpo-nota a{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--naranja);text-decoration-thickness:2px;text-underline-offset:.18em}
.cuerpo-nota ul,.cuerpo-nota ol{margin:0 0 1.15em;padding-left:1.3em}
.cuerpo-nota li p{margin:0 0 .4em}
.cuerpo-nota figure{margin:1.6em 0}
.cuerpo-nota figure img{display:block;width:100%;height:auto}
.cuerpo-nota figcaption{margin-top:8px;font-size:14px;line-height:1.45;color:#7a7874}
.cuerpo-nota blockquote{margin:1.4em 0;padding:0 0 0 22px;border-left:1px solid #c9c6c0;font-size:20px;line-height:1.5}
.cuerpo-nota hr{border:0;border-top:1px solid #e2e0dc;margin:2em 0}
.cuerpo-nota .tabla{overflow-x:auto;margin:1.4em 0}
.cuerpo-nota table{border-collapse:collapse;font-size:15px;line-height:1.45;min-width:100%}
.cuerpo-nota td{border:1px solid #e2e0dc;padding:8px 10px;vertical-align:top}
.cuerpo-nota td p{margin:0}
.cuerpo-nota .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.cuerpo-nota .boton-nota,.cuerpo-nota .archivo-nota{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid rgba(12,12,12,.35);text-decoration:none;font-size:15px}
.cuerpo-nota .boton-nota:hover,.cuerpo-nota .archivo-nota:hover{background:var(--tinta);color:#fff}
.relacionadas{margin-top:clamp(56px,9vh,96px);padding-top:28px;border-top:1px solid #e2e0dc}
.relacionadas>h2{margin:0 0 24px;font:700 11px/1.4 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a7874}
@media (max-width:1000px){.notas{grid-template-columns:repeat(2,minmax(0,1fr))}.card.destacada{grid-template-columns:1fr}.archivo ul{columns:2}}
@media (max-width:640px){.notas{grid-template-columns:1fr}.archivo ul{columns:1}.cuerpo-nota{font-size:17px}}

.nav-idioma{display:none!important}