:root{
--color-base:#1058c7;
--color-primario:#d50006;
--color-acento-1:#feb204;
--color-acento-2:#9bdbfe;
--color-fondo:#fefefe;
--color-texto:#1d1d1b;
--superficie:#f1efec;
--color-claro:#ffffff;
--color-secundario:#3f3d3a;
--linea:#1d1d1b;
--linea-suave:#d8d5d0;
--barra-alto:3.6rem;
--transicion:160ms ease;
--titulares:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
--cuerpo:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--barra-alto) + .75rem)}
body{margin:0;background-color:var(--color-fondo);color:var(--color-texto);font-family:var(--cuerpo);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--titulares);font-weight:900;line-height:1;margin:0;color:var(--color-texto)}
p{margin:0 0 1rem}
ul{margin:0}
img{display:block;max-width:100%}
a{color:var(--color-base)}
:focus-visible{outline:3px solid var(--color-acento-1);outline-offset:2px}
.salto{position:absolute;inset-inline-start:-9999px;top:0;z-index:2000;background-color:var(--color-base);color:var(--color-claro);padding:.7rem 1.1rem;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.salto:focus{inset-inline-start:0}
.micro{font-family:var(--cuerpo);font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--color-secundario);margin:0 0 .5rem}
.micro i{color:var(--color-primario);margin-inline-end:.35rem}
.regla{height:1px;background-color:var(--linea)}
.regla--fuerte{height:5px;background-color:var(--color-primario);margin:1.1rem 0 1.4rem}
.barra{position:sticky;top:0;z-index:1500;background-color:var(--color-fondo);border-bottom:1px solid var(--linea)}
.barra__lienzo{display:flex;align-items:stretch;gap:.5rem;max-width:1240px;margin:0 auto;padding:.45rem .8rem}
.barra__marca{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;text-decoration:none;color:var(--color-texto)}
.barra__marca img{width:30px;height:40px;object-fit:contain}
.barra__nombre{display:none;font-family:var(--titulares);font-weight:900;font-size:.78rem;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;max-width:6.5rem}
.anclas{position:relative;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.anclas::-webkit-scrollbar{display:none}
.anclas__lista{display:flex;align-items:stretch;height:100%;list-style:none;margin:0;padding:0}
.ancla{display:flex;align-items:center;gap:.4rem;height:100%;padding:.75rem .65rem;color:var(--color-texto);text-decoration:none;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background-color var(--transicion),color var(--transicion)}
.ancla i{color:var(--color-primario);font-size:.82rem}
.ancla:hover{background-color:var(--superficie)}
.ancla.activo{background-color:var(--superficie);color:#0b3f92}
.anclas__regla{position:absolute;bottom:0;left:0;height:4px;width:0;background-color:var(--color-primario);transition:transform 220ms ease,width 220ms ease}
.barra__contacto{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}
.acceso{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .7rem;border:1px solid var(--linea);color:var(--color-texto);text-decoration:none;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:background-color var(--transicion),color var(--transicion)}
.acceso span{display:none}
.acceso--face{background-color:var(--color-base);border-color:var(--color-base);color:var(--color-claro)}
.acceso--face i,.acceso--mail i{color:var(--color-claro)}
.acceso--mail{background-color:var(--color-primario);border-color:var(--color-primario);color:var(--color-claro)}
.acceso--face:hover{background-color:#0b3f92;color:var(--color-claro)}
.acceso--mail:hover{background-color:#a90005;color:var(--color-claro)}
.portada{border-bottom:1px solid var(--linea)}
.portada__metadatos{margin-bottom:1rem}
.tag{height:auto;padding:.3rem .55rem;border-radius:0;background-color:var(--superficie);color:var(--color-texto);font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.portada__titulo{font-size:clamp(2.2rem,8.5vw,4.4rem);line-height:.97;letter-spacing:-.02em;margin:0}
.portada__entrada{font-size:1.05rem;color:var(--color-secundario);max-width:56ch}
.bloque-portada{margin-top:1.4rem}
.invitacion{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:1rem 0}
.invitacion__texto{font-size:.98rem;color:var(--color-secundario);max-width:60ch;margin-bottom:.9rem}
.invitacion__acciones{display:flex;flex-wrap:wrap;gap:.5rem}
.boton{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1rem;border:1px solid transparent;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background-color var(--transicion),color var(--transicion),border-color var(--transicion)}
.boton--azul{background-color:var(--color-base);color:var(--color-claro)}
.boton--rojo{background-color:var(--color-primario);color:var(--color-claro)}
.boton--azul:hover{background-color:#0b3f92;color:var(--color-claro)}
.boton--rojo:hover{background-color:#a90005;color:var(--color-claro)}
.marco{position:relative;overflow:hidden;margin:0;background-color:var(--superficie)}
.marco img{width:100%;height:100%;object-fit:cover}
.marco--3x4{aspect-ratio:3/4}
.marco--1x1{aspect-ratio:1/1}
.pie-foto{padding:.5rem 0;border-bottom:1px solid var(--linea);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secundario)}
.banda{border-top:1px solid var(--linea)}
.banda--gris{background-color:var(--superficie)}
.banda__encabezado{align-items:flex-start}
.banda__titulo{font-size:clamp(1.55rem,4.6vw,2.6rem);line-height:1.02;letter-spacing:-.015em;margin:0 0 .5rem}
.banda__sumario{font-size:.98rem;color:var(--color-secundario);max-width:62ch;margin:0}
.columna-etiqueta{display:none}
.etiqueta-vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.64rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--color-primario);white-space:nowrap}
.bloque{margin-top:.5rem}
.parrafo{font-size:1.02rem;color:var(--color-secundario);margin:0 0 1.1rem}
.parrafo--entrada{font-size:1.06rem;color:var(--color-texto);border-left:5px solid var(--color-acento-1);padding-left:.85rem}
.celdas{display:grid;grid-template-columns:1fr;margin-top:1.3rem;border-top:1px solid var(--linea);border-left:1px solid var(--linea)}
.celda{padding:1rem;border-right:1px solid var(--linea);border-bottom:1px solid var(--linea);transition:background-color var(--transicion)}
.celda:hover{background-color:rgba(155,219,254,.35)}
.celda__icono{display:block;margin-bottom:.6rem;color:var(--color-base);font-size:1.05rem}
.celda__titulo{font-size:1rem;line-height:1.18;margin:0 0 .4rem}
.celda__texto{font-size:.88rem;color:var(--color-secundario);margin:0}
.ejes{margin-top:2.2rem;border-top:5px solid var(--color-base);padding-top:1rem}
.ejes__lista{display:grid;grid-template-columns:1fr;list-style:none;margin:0;padding:0;border-left:1px solid var(--linea)}
.ejes__item{display:flex;align-items:baseline;gap:.5rem;padding:.7rem .85rem;border-right:1px solid var(--linea);border-bottom:1px solid var(--linea);font-size:.88rem}
.ejes__item i{color:var(--color-base)}
.cierre{margin-top:2.2rem;background-color:var(--color-base);color:var(--color-claro);padding:1.4rem}
.cierre__regla{height:5px;background-color:var(--color-acento-1);margin-bottom:1.1rem}
.cierre .micro{color:var(--color-claro)}
.cierre__texto{font-size:1rem;max-width:72ch;color:var(--color-claro)}
.cierre__acciones{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.cierre .boton--azul{background-color:var(--color-claro);border-color:var(--color-claro);color:#0b3f92}
.cierre .boton--azul:hover{background-color:var(--color-acento-2);border-color:var(--color-acento-2);color:#0b3f92}
.cierre .boton--rojo{background-color:var(--color-acento-1);border-color:var(--color-acento-1);color:var(--color-texto)}
.cierre .boton--rojo:hover{background-color:var(--color-claro);border-color:var(--color-claro);color:var(--color-texto)}
.colofon{border-top:5px solid var(--color-texto);background-color:var(--color-fondo)}
.colofon__marca{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.8rem}
.colofon__logo{width:42px;height:56px;object-fit:contain}
.colofon__nombre{font-size:clamp(1.4rem,5vw,2.3rem);line-height:1;letter-spacing:-.01em;margin:0}
.colofon__bajada{font-size:.88rem;color:var(--color-secundario);max-width:46ch}
.colofon__lista{list-style:none;margin:0;padding:0}
.colofon__lista li{border-bottom:1px solid var(--linea-suave)}
.colofon__lista a{display:flex;align-items:center;gap:.55rem;padding:.55rem 0;color:var(--color-texto);text-decoration:none;font-size:.85rem;transition:color var(--transicion)}
.colofon__lista a:hover{color:var(--color-primario)}
.colofon__lista i{width:1.1rem;color:var(--color-base);text-align:center}
.colofon__nota{margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--linea-suave);font-size:.82rem;color:var(--color-secundario)}
.colofon__nota a{color:var(--color-base)}
[data-aparece]{transition:opacity 420ms ease,transform 420ms ease}
.js-activo [data-aparece]{opacity:0;transform:translateX(-14px)}
.js-activo [data-aparece].visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.js-activo [data-aparece],.js-activo [data-aparece].visible{opacity:1;transform:none;transition:none}
}
@media (min-width:560px){
.barra__nombre{display:block}
}
@media (min-width:700px){
.celdas,.celdas--cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}
.ejes__lista{grid-template-columns:repeat(2,minmax(0,1fr))}
.cierre{padding:1.8rem}
}
@media (min-width:900px){
.cierre{padding:2.1rem}
.banda__sumario{font-size:1rem}
}
@media (min-width:1000px){
.columna-etiqueta{display:block}
.bloque--inverso{flex-direction:row-reverse}
.parrafo{font-size:1.04rem}
.portada__metadatos{margin-bottom:1.2rem}
}
@media (min-width:1100px){
.acceso span{display:inline}
.ejes__lista{grid-template-columns:repeat(4,minmax(0,1fr))}
.celdas--tres{grid-template-columns:repeat(3,minmax(0,1fr))}
}