/* Estilo común de las páginas interiores (contacto, aviso legal, privacidad). Sigue MARCA.md. */
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/plex-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/plex-sans-600.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/plex-mono-500.woff2) format("woff2");font-weight:400 600;font-display:swap}
:root{color-scheme:light;--ink:#14112B;--paper:#FFFFFF;--soft:#F3F1FA;--muted:#4A4763;--sky:#7CC4FF;--sun:#FFD23F;--mint:#5ED6A8;--lilac:#CDBBFF;--bad:#C4271B;--good:#0E7A4A;
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--f-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--f-body)}
.wrap{max-width:820px;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}
a{color:var(--ink);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 7px var(--sun);border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:8px;z-index:5}
.skip:focus{left:8px}
header{border-bottom:2.5px solid var(--ink);padding:22px 0 40px}
header.c-sky{background:var(--sky)}header.c-lilac{background:var(--lilac)}header.c-mint{background:var(--mint)}
.brand{font:700 1.25rem var(--f-display);text-decoration:none;display:inline-flex;align-items:center;gap:10px;min-height:44px}
.chap{display:table;margin-top:36px;background:var(--ink);color:var(--paper);font:500 .875rem var(--f-mono);padding:6px 12px;border-radius:6px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(2.2rem,6vw,3.4rem);margin:16px 0 0}
h2{font-size:1.5rem;margin:40px 0 10px}
h3{font-size:1.2rem;margin:0 0 8px}
.lead{font-size:1.1875rem;margin:16px 0 0;max-width:60ch}
main{padding:36px 0 72px}
ul{padding-left:1.25em}
li{margin:6px 0}
code{font:500 .9375rem var(--f-mono);background:var(--soft);padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}
.box{background:var(--soft);border-radius:16px;padding:20px 22px}
.small{font-size:.9375rem}
dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:6px 18px}
dt{font-weight:600}dd{margin:0}
@media (max-width:520px){dl{grid-template-columns:1fr}dd{margin-bottom:8px}}
footer{border-top:2.5px solid var(--ink);padding:28px 0 40px;font-size:.9375rem}
footer nav ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 18px}
footer nav a{display:inline-block;min-height:24px;padding:2px 0}

/* Formulario */
.form{display:grid;gap:22px;margin-top:8px}
.field{display:grid;gap:6px}
.field label,.legend{font-weight:600}
.opt{font-weight:400;color:var(--muted)}
.hint{margin:0;color:var(--muted);font-size:.9375rem}
input[type=text],input[type=email],input[type=url],select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);border-radius:12px;padding:11px 14px;min-height:50px}
textarea{min-height:150px;resize:vertical}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2314112B' stroke-width='2.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
[aria-invalid=true]{border-color:var(--bad);border-width:3px}
.err{margin:0;color:var(--bad);font-weight:600;font-size:.9375rem}
.err::before{content:"Error: "}
.err[hidden]{display:none}
.check{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.check input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--ink)}
.trampa{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:13px 26px;border-radius:999px;font:600 1.0625rem var(--f-body);text-decoration:none;border:2.5px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;justify-self:start}
.btn:hover{box-shadow:4px 4px 0 var(--sun)}
.btn[aria-disabled=true]{opacity:.75;cursor:progress}
.summary{border:2.5px solid var(--bad);border-radius:16px;padding:18px 22px;background:var(--paper)}
.summary h2{margin:0 0 6px;font-size:1.25rem}
.summary ul{margin:0}
.done{border:2.5px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--ink);padding:24px;background:var(--mint)}
.done h2{margin-top:0}
.done p{margin:6px 0 0}
.info{background:var(--soft);border-radius:14px;padding:14px 18px;font-size:.9375rem}
.info p{margin:0}
.info p+p{margin-top:6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}