:root{--tinta: #0C0C0B;--papel: #F2F0EB;--papel-2: #EAE7E0;--hueso: #EDEAE3;--cuerpo: #3A382F;--acento: #C08A3E;--acento-tinta: #8A5A1E;--gris: #6E695F;--gris-claro: #8A8478;--sobre-tinta: rgba(237, 234, 227, .72);--sobre-tinta-2: rgba(237, 234, 227, .6);--raya: rgba(12, 12, 11, .16);--raya-tinta: rgba(237, 234, 227, .16);--serif: "Instrument Serif", Georgia, serif;--sans: Archivo, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--ancho: 1440px;--margen: clamp(16px, 3vw, 28px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:inherit;text-decoration:none}a:hover{color:var(--acento-tinta)}.oscuro a:hover{color:var(--acento)}::selection{background:var(--acento);color:var(--tinta)}:focus-visible{outline:2px solid var(--acento);outline-offset:3px}button{font:inherit;color:inherit}@keyframes subir{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}.ojo{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gris)}.oscuro .ojo{color:var(--acento)}.ojo.acento{color:var(--acento-tinta)}.oscuro .ojo.acento{color:var(--acento)}.titulo{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.4vw,62px);line-height:1.04;letter-spacing:-.015em;margin:18px 0 0;text-wrap:balance}.bajada{max-width:48ch;font-size:17px;line-height:1.62;color:var(--cuerpo);margin:0}.oscuro .bajada{color:var(--sobre-tinta)}.rotulo{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);padding-top:8px;border-top:1px solid var(--raya)}.oscuro .rotulo{color:var(--sobre-tinta-2);border-top-color:var(--raya-tinta)}.seccion{padding:clamp(72px,9vw,110px) var(--margen)}.seccion.oscuro{background:var(--tinta);color:var(--hueso)}.caja{max-width:var(--ancho);margin:0 auto}.grilla-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(32px,4vw,56px)}.cabeza{align-items:end;margin-top:18px}.cabeza .titulo{margin:0;max-width:24ch}.boton{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:0 20px;border:1px solid currentColor;cursor:pointer;background:transparent;transition:background .15s,color .15s}.boton.lleno{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}.boton.lleno:hover{background:var(--acento);border-color:var(--acento);color:var(--tinta)}.boton:not(.lleno):hover{background:var(--tinta);color:var(--papel)}.oscuro .boton.lleno{background:var(--hueso);color:var(--tinta);border-color:var(--hueso)}.oscuro .boton:not(.lleno):hover{background:var(--hueso);color:var(--tinta)}.barra{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:10px var(--margen);min-height:56px;background:#0c0c0bf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--hueso);border-bottom:1px solid var(--raya-tinta)}.barra .marca{font-family:var(--mono);font-size:12px;letter-spacing:.34em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;min-height:40px}.barra .marca svg{width:22px;height:22px;flex:none}.barra nav{display:flex;gap:4px;margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;overflow-x:auto;scrollbar-width:none}.barra nav::-webkit-scrollbar{display:none}.barra nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;color:#edeae3a8;white-space:nowrap;border-bottom:1px solid transparent}.barra nav a:hover{color:var(--hueso)}.barra nav a[aria-current=page]{color:var(--hueso);border-bottom-color:var(--acento)}.barra .accion{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(237,234,227,.4);min-height:40px;padding:0 14px;display:inline-flex;align-items:center;white-space:nowrap}.barra .accion:hover{background:var(--hueso);color:var(--tinta)}@media (max-width: 760px){.barra nav{order:3;flex-basis:calc(100% + 2 * var(--margen));margin:0 calc(-1 * var(--margen));padding:0 calc(var(--margen) - 8px);border-top:1px solid var(--raya-tinta);letter-spacing:.06em}.barra nav a{padding:0 8px}.barra .accion{margin-left:auto}}
