/* IAORION · la misma familia de color que las páginas 3D: verde profundo sobre papel cálido. */
:root{--ink:#24372f;--ink2:#4c5c54;--mut:#637169;--paper:#f8f6f0;--surface:#fffdf8;--sage:#e6e9e0;--line:#dbded5;--ember:#294e40;--ember2:#1e3b30;--em:#5b7562;
  --display:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--body);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--ember)}
:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.aviso{background:#EFE8D8;color:#5C4A25;font-size:13px;font-weight:600;text-align:center;padding:7px 16px}
.nav{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.nav .in{display:flex;align-items:center;gap:28px;min-height:64px}
.marca{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:500 17px var(--display);letter-spacing:.02em}
.marca img{width:36px;height:36px;border-radius:50%}
.links{display:flex;gap:24px;flex:1}
.links a{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15px}.links a:hover{color:var(--ember)}
.dcha{margin-inline-start:auto}
.idioma{display:flex;border:1px solid var(--line);border-radius:6px;padding:2px}
.idioma button{appearance:none;background:none;border:0;font:600 13px var(--body);color:var(--ink2);min-width:38px;min-height:36px;border-radius:4px;cursor:pointer}
.idioma button.on{background:var(--ink);color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:6px;border:1px solid var(--ember);background:var(--ember);color:#fff;font:500 15.5px var(--body);text-decoration:none;text-align:center;cursor:pointer}
.btn:hover{background:var(--ember2);border-color:var(--ember2)}
.btn.sec{background:transparent;color:var(--ink);border-color:#A9B3A6}.btn.sec:hover{background:var(--sage);border-color:var(--ink)}
.pie{background:var(--surface);border-top:1px solid var(--line);padding:40px 0 22px}
.pie-g{display:grid;grid-template-columns:1.5fr .9fr 1.15fr .9fr 1.3fr;gap:28px}
.pie p{margin:12px 0 0;font-size:14.5px;color:var(--ink2);max-width:30em}
.pie nav{display:flex;flex-direction:column;gap:8px;min-width:0}.pie nav b{font-size:13px;color:var(--ink);margin-bottom:2px}.pie nav a{overflow-wrap:anywhere}.pie nav a{color:var(--ink2);text-decoration:none;font-size:14.5px}.pie nav a:hover{color:var(--ember)}
.copy{margin-top:26px;font-size:13px;color:var(--mut);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px}
@media(max-width:760px){.nav .in{flex-wrap:wrap;gap:6px 14px;padding-block:8px}.links{order:3;flex:1 0 100%;overflow-x:auto;gap:18px;padding-bottom:4px}.links a{white-space:nowrap}.pie-g{grid-template-columns:1fr 1fr}.pie-g>div:first-child{grid-column:1/-1}}
@media(max-width:400px){.wrap{padding:0 16px}}

.redes{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.redes a{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;min-height:38px;border:1px solid var(--line);border-radius:4px;font-size:13.5px;color:var(--ink);text-decoration:none}.redes a:hover{background:var(--sage)}.redes svg{width:16px;height:16px;flex:none}
@media(max-width:760px){.nav .links{gap:12px!important;justify-content:space-between;scrollbar-width:none}.nav .links::-webkit-scrollbar{display:none}.nav .links a{font-size:14px!important}}
