:root{
  --ink:#24242A;--asphalt:#16161A;--amber:#F6B60C;--amber-deep:#D89C00;--paper:#FAF8F3;--paper-2:#F1ECE1;
  --line:#E5DFD2;--line-dark:#33333B;--muted:#6E6E77;--muted-light:#A9A9B4;--white:#fff;
  --maxw:1180px;
  --f-display:"Archivo",system-ui,sans-serif;--f-body:"Inter",system-ui,sans-serif;--f-mono:"Space Mono",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--f-body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--f-display);letter-spacing:-.02em;font-weight:800;line-height:1.15}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}

.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-display);font-weight:700;font-size:.98rem;padding:.85rem 1.4rem;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:.15s;white-space:nowrap}
.btn--amber{background:var(--amber);color:var(--ink)}
.btn--amber:hover{background:var(--amber-deep)}
.btn--sm{padding:.6rem 1.05rem;font-size:.9rem}

.header{position:sticky;top:0;z-index:60;background:var(--ink);color:#fff;border-bottom:1px solid var(--line-dark)}
.header__inner{display:flex;flex-wrap:nowrap;align-items:center;gap:1.25rem;padding-block:16px;position:relative;min-width:0}
.brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.brand__mark{width:42px;height:42px;border-radius:10px;flex-shrink:0;overflow:hidden;display:block}
.brand__mark img{width:100%;height:100%;display:block;object-fit:cover}
.brand__name{font-family:var(--f-display);font-weight:900;font-size:1.15rem;line-height:1;display:block}
.brand__conn{color:var(--amber);font-weight:700}
.brand__desc{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-top:3px;display:block}
.nav{display:flex;flex-wrap:nowrap;gap:1rem 1.25rem;flex-shrink:1;min-width:0}
.nav a{font-size:.88rem;font-weight:500;color:#D9D9E0;transition:.15s;white-space:nowrap}
.nav a:hover{color:#fff}
.nav a.active{color:var(--amber)}
.header__mobile-menu{display:flex;align-items:center;flex:1;min-width:0;gap:1.25rem}
.header__mobile-menu .nav{flex:1;min-width:0}
.header__end{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}
.header__lang-mount{display:flex;align-items:center;flex-shrink:0}
.header__cta{display:flex;align-items:center;gap:.55rem;flex-shrink:0}
.header__cta .login{font-family:var(--f-display);font-weight:600;font-size:.88rem;color:#fff;padding:.5rem .15rem;white-space:nowrap}
.header__cta .btn--sm{padding:.55rem .85rem;font-size:.82rem}
.burger{display:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);border-radius:10px;cursor:pointer;padding:0;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}
.burger span{display:block;width:22px;height:2.5px;border-radius:2px;background:#fff;transition:.25s}

.pagehead{background:var(--paper);padding-block:56px 46px;border-bottom:1px solid var(--line)}
.crumbs{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--muted);margin-bottom:18px;flex-wrap:wrap}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--amber-deep)}
.crumbs__sep{opacity:.5}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.pagehead h1{font-size:clamp(2.1rem,5vw,3rem);font-weight:900;margin-top:12px}
.pagehead p{color:var(--muted);font-size:1.05rem;margin-top:14px;max-width:62ch}

.legal{padding-block:48px 64px}
/* Same horizontal box as .pagehead .wrap (full column width, no narrow inner cap) */
main.legal .wrap.legal__content{max-width:var(--maxw);width:100%}
.legal__content h2{font-size:1.35rem;margin-top:2rem;margin-bottom:.75rem}
.legal__content h2:first-child{margin-top:0}
.legal__content p,.legal__content li{color:var(--muted);font-size:.98rem}
.legal__content p{margin-bottom:1rem}
.legal__content ul,.legal__content ol{margin:0 0 1rem 1.25rem}
.legal__content li{margin-bottom:.45rem}
.legal__content a{color:var(--amber-deep);text-decoration:underline;text-underline-offset:2px}
.legal__content a:hover{color:var(--ink)}
.legal__updated{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light)}

.footer{background:var(--ink);color:#C9C9D2;padding-block:48px 28px;margin-top:auto}
.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.84rem;color:#8C8C97;text-align:center}
.footer__legal{width:100%;margin:0}
.footer__legal-company,.footer__legal-notice{margin:0;line-height:1.45}
.footer__legal-notice{max-width:52rem;margin-top:.35rem;margin-inline:auto}
.footer__bottom-links{text-align:center}
.footer__bottom a:hover{color:var(--amber)}

@media (max-width:1180px){
  .nav{gap:.85rem 1rem}
  .nav a{font-size:.82rem}
}
@media (max-width:960px){
  .header__inner{position:relative}
  .header__mobile-menu{display:none;flex:none}
  .header__mobile-menu.is-open{
    display:flex;flex-direction:column;align-items:stretch;
    position:absolute;top:100%;left:0;right:0;z-index:55;
    background:var(--ink);border-bottom:1px solid var(--line-dark);
    padding-bottom:22px;
  }
  .header__mobile-menu.is-open .nav{
    display:flex;flex-direction:column;flex:none;
    padding:20px 24px;gap:18px;
    border-bottom:1px solid var(--line-dark);
  }
  .header__mobile-menu.is-open .header__cta{
    display:flex;flex-direction:column;
    padding:18px 24px 0;gap:.75rem;align-items:stretch;
  }
  .header__mobile-menu.is-open .header__cta .btn{width:100%;justify-content:center;text-align:center}
  .burger{display:flex}
}