@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--marino:#203650;--turquesa:#049faa;--turquesa-texto-claro:#04737a;--turquesa-texto-oscuro:#7fd6dc;--blanco:#fff;--negro:#000;--papel:#f4f5f3;--linea:#e8ecef;--sec-oscuro:#c0cfdd;--sec-claro:#5b6b7c;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--s16:128px;--radio:4px;--font:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--gutter:16px;--nav-h:56px}@media (width>=768px){:root{--gutter:32px}}@media (width>=1200px){:root{--gutter:48px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--s2))}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--papel);color:var(--marino);font:400 1rem/1.65 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:4px}:focus-visible{outline:3px solid var(--turquesa);outline-offset:4px}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding-left:1.2em}code,pre{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.875rem}.skip{left:var(--s2);background:var(--marino);color:var(--blanco);padding:var(--s1) var(--s2);border-radius:var(--radio);z-index:20;font-weight:700;position:absolute;top:-100px}.skip:focus{top:var(--s2)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:700}.display{letter-spacing:-.04em;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:800;line-height:.96}.title{letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.08}.subtitle{font-size:1.125rem;font-weight:700;line-height:1.3}.lede{max-width:36rem;font-size:1.125rem}.muted{color:var(--sec-claro)}.on-dark .muted{color:var(--sec-oscuro)}.note{color:var(--sec-claro);max-width:40rem;font-size:.875rem}.wrap{width:min(100% - 2 * var(--gutter), 1280px);margin-inline:auto}.section{padding-block:var(--s12)}@media (width>=768px){.section{padding-block:var(--s16)}}.section+.section{border-top:1px solid var(--linea)}.section__head{gap:var(--s2);margin-bottom:var(--s6);max-width:44rem;display:grid}.section__head .eyebrow{color:var(--turquesa-texto-claro)}.grid-2,.grid-3,.grid-4{gap:var(--s3);display:grid}@media (width>=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.nav{z-index:10;background:var(--marino);color:var(--blanco);height:var(--nav-h);border-bottom:1px solid #ffffff1f;position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;gap:var(--s3);height:100%;display:flex}.nav__brand{align-items:center;gap:var(--s2);font-size:.875rem;font-weight:700;text-decoration:none;display:flex}.nav__brand img{width:auto;height:28px}.nav__links{gap:var(--s3);margin:0;padding:0;font-size:.875rem;list-style:none;display:none}.nav__links a{color:var(--sec-oscuro);text-decoration:none}.nav__links a:hover{color:var(--blanco)}@media (width>=1024px){.nav__links{display:flex}}.btn{align-items:center;gap:var(--s1);min-height:48px;padding:0 var(--s3);border-radius:var(--radio);cursor:pointer;border:2px solid #0000;font-family:inherit;font-size:.9375rem;font-weight:700;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.btn--primary{background:var(--marino);color:var(--blanco);border-color:var(--marino)}.btn--primary:hover{background:#2c4a6e;border-color:#2c4a6e}.on-dark .btn--primary,.nav .btn--primary{background:var(--blanco);color:var(--marino);border-color:var(--blanco)}.on-dark .btn--primary:hover,.nav .btn--primary:hover{background:var(--sec-oscuro);border-color:var(--sec-oscuro)}.btn--ghost{color:currentColor;background:0 0;border-color:currentColor}.btn--ghost:hover{background:#ffffff1a}.section .btn--ghost:hover{background:var(--linea)}.btn--small{min-height:36px;padding:0 var(--s2);font-size:.8125rem}.btn[aria-pressed=true]{background:var(--marino);color:var(--blanco);border-color:var(--marino)}.card{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}.card__body{padding:var(--s2) var(--s3) var(--s3);gap:var(--s1);display:grid}.sample{aspect-ratio:4/3;padding:var(--s4);justify-content:center;align-items:center;display:flex}.sample img{object-fit:contain;width:auto;max-height:100%}.sample--light{background:var(--blanco)}.sample--dark{background:var(--marino)}.links{gap:var(--s1) var(--s2);flex-wrap:wrap;font-size:.875rem;display:flex}.links a{font-weight:700}.hero{background:var(--marino);color:var(--blanco);padding-block:var(--s12)}@media (width>=768px){.hero{padding-block:var(--s16)}}.hero .wrap{gap:var(--s8);align-items:center;display:grid}@media (width>=1024px){.hero .wrap{grid-template-columns:7fr 5fr}}.hero .eyebrow{color:var(--turquesa-texto-oscuro);margin-bottom:var(--s3)}.hero .lede{margin-block:var(--s4) var(--s6);color:var(--sec-oscuro)}.hero__actions{gap:var(--s2);flex-wrap:wrap;display:flex}.hero__logo{padding:var(--s4)}.hero__meta{margin-top:var(--s6);color:var(--sec-oscuro);font-size:.875rem}.comp .sample{aspect-ratio:3/2}.comp__min{color:var(--sec-claro);font-size:.875rem}.filters{gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.filters__group{gap:var(--s1);flex-wrap:wrap;align-items:center;display:flex}.filters__label{letter-spacing:.1em;text-transform:uppercase;color:var(--sec-claro);margin-right:var(--s1);font-size:.75rem;font-weight:700}.library[data-composition=completo] .variant:not([data-composition=completo]),.library[data-composition=horizontal] .variant:not([data-composition=horizontal]),.library[data-composition=simbolo] .variant:not([data-composition=simbolo]){display:none}.library[data-background=light] .sample{background:var(--blanco)}.library[data-background=dark] .sample{background:var(--marino)}.library__count{color:var(--sec-claro);margin-left:auto;font-size:.875rem}.swatch{border-radius:var(--radio);border:1px solid var(--linea);background:var(--blanco);overflow:hidden}.swatch__chip{aspect-ratio:16/9;border-bottom:1px solid var(--linea)}.swatch__body{padding:var(--s2) var(--s3) var(--s3);gap:var(--s1);display:grid}.copy{align-items:center;gap:var(--s1);border:1px solid var(--linea);border-radius:var(--radio);padding:4px var(--s1);font:inherit;cursor:pointer;color:inherit;background:0 0;font-size:.875rem;display:inline-flex}.copy:hover{border-color:var(--marino)}.copy[data-copied=true]{background:var(--marino);border-color:var(--marino);color:var(--blanco)}.type-specimen{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:var(--s4);gap:var(--s2);display:grid}.type-specimen .big{letter-spacing:-.02em;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1}.type-specimen .body{max-width:34rem;font-family:Segoe UI,system-ui,sans-serif}.clearspace{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:var(--s4)}.clearspace svg{width:100%;height:auto}.sizes{gap:var(--s2);padding:0;list-style:none;display:grid}.sizes li{gap:var(--s2);padding-block:var(--s2);border-bottom:1px solid var(--linea);grid-template-columns:1fr auto auto;align-items:baseline;display:grid}.sizes strong{font-weight:700}.misuses{gap:var(--s2);padding:0;list-style:none;display:grid}.misuses li{padding-left:var(--s3);position:relative}.misuses li:before{content:"";background:var(--turquesa);width:12px;height:2px;position:absolute;top:.7em;left:0}.snippet{background:var(--marino);color:var(--blanco);border-radius:var(--radio);padding:0;overflow:hidden}.snippet__bar{padding:var(--s1) var(--s2);border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;display:flex}.snippet__label{letter-spacing:.1em;text-transform:uppercase;color:var(--sec-oscuro);font-size:.75rem}.snippet pre{padding:var(--s3);white-space:pre;margin:0;overflow:auto}.snippet .copy{color:var(--blanco);border-color:#ffffff4d}.snippet .copy[data-copied=true]{background:var(--blanco);border-color:var(--blanco);color:var(--marino)}.mt-2{margin-top:var(--s2)}.mt-4{margin-top:var(--s4)}.mt-6{margin-top:var(--s6)}.my-2{margin-block:var(--s2)}.footer{background:var(--marino);color:var(--sec-oscuro);padding-block:var(--s6);font-size:.875rem}.footer .wrap{gap:var(--s2) var(--s4);flex-wrap:wrap;justify-content:space-between;display:flex}.footer a{color:var(--blanco)}.swatch__chip[data-hex=\#203650]{background:#203650}.swatch__chip[data-hex=\#049FAA]{background:#049faa}.swatch__chip[data-hex=\#FFFFFF]{background:#fff}.swatch__chip[data-hex=\#000000]{background:#000}