:root{--azul:#153e49;--oro:#ac8751;--papel:#f8f7f3;--tinta:#223c42;--gris:#53676b;--borde:#dbe2de}*{box-sizing:border-box}body{margin:0;background:var(--papel);color:var(--tinta);font:17px/1.65 system-ui,sans-serif}a{color:var(--azul);text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--oro);outline-offset:4px}.wrap{max-width:1100px;margin:auto;padding:0 24px}header{background:white;border-bottom:1px solid var(--borde)}.head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:22px;padding-bottom:22px}.brand{text-decoration:none;font-weight:700;line-height:1.25}.brand small{display:block;font-size:12px;letter-spacing:.13em;color:var(--gris);margin-top:7px}nav ul{display:flex;list-style:none;gap:22px;padding:0;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}.active{border-bottom:2px solid var(--oro)}.menu-toggle{display:none}h1,h2,h3{line-height:1.2;font-weight:550}h1{font-family:Georgia,serif;font-size:clamp(36px,5.3vw,62px);margin:20px 0 24px}h2{font-family:Georgia,serif;font-size:32px}h3{font-size:20px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:#71603e;text-transform:uppercase}.hero{padding:76px 0 62px;display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.lead{font-size:20px;color:var(--gris);max-width:650px}.card{background:white;border:1px solid var(--borde);border-radius:12px;padding:30px}.priority{background:var(--azul);color:white}.priority p{color:#dde8e8}.button,button{display:inline-block;background:var(--azul);border:1px solid var(--azul);color:white;border-radius:6px;padding:13px 20px;font:600 15px system-ui;text-decoration:none;cursor:pointer}.priority .button{background:#f1e4ce;color:var(--azul);border-color:#f1e4ce}.secondary{background:transparent;color:var(--azul)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.fine{font-size:13px;color:var(--gris)}.priority .fine{color:#dde8e8}section{padding:36px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.notice{border-left:3px solid var(--oro);padding:18px 22px;background:#eeeee6}details{background:white;border-bottom:1px solid var(--borde);padding:20px}summary{cursor:pointer;font-weight:600}footer{background:#e8ede9;margin-top:60px;padding:35px 0 100px;font-size:14px}.bottom{position:fixed;bottom:0;background:white;border-top:1px solid var(--borde);width:100%;padding:12px 24px;text-align:center;z-index:5}.bottom a{font-size:14px}.content{max-width:850px;margin:auto;padding:45px 24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:14px;display:block;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #abbab9;border-radius:5px;background:white;color:var(--tinta);font:16px system-ui}textarea{min-height:100px}.full{grid-column:1/-1}fieldset{border:1px solid var(--borde);margin:25px 0;padding:23px}legend{font-weight:650;padding:0 10px}#resultado{min-height:320px}#estado{min-height:28px}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:white;z-index:10;padding:12px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:25px;padding-top:40px}.grid,.fields{grid-template-columns:1fr}.head{flex-wrap:wrap}.menu-toggle{display:block;background:white;color:var(--azul);padding:8px 12px}nav{width:100%}nav ul{gap:14px}html.js nav ul{display:none}html.js nav ul.open{display:flex}.full{grid-column:auto}.card{padding:23px}section{padding:25px 0}}

/* Identidad oscura: carbón, grafito y blanco */
:root{--azul:#e4e7ed;--oro:#aeb9cd;--papel:#111318;--tinta:#f3f4f6;--gris:#bbc1cc;--borde:#363b46}
body{background:var(--papel);color:var(--tinta)}header{background:#171a21;border-color:var(--borde)}
.head{align-items:center;gap:28px}.brand{font-size:clamp(25px,3.2vw,38px);font-weight:750;letter-spacing:-.035em;max-width:640px;color:#fff}.brand small{font-size:11px;letter-spacing:.15em;color:#b9c1d0;margin-top:12px}
nav a{color:#e0e4eb}h1,h2{font-family:system-ui,sans-serif;font-weight:700;letter-spacing:-.035em}h1{font-size:clamp(42px,5.4vw,66px)}h2{font-size:32px}.eyebrow{color:#b9c6dc}.card,details{background:#1c2029;border-color:var(--borde)}.priority{background:#222834;color:#fff}.priority p,.priority .fine{color:#d1d6df}.priority .eyebrow{color:#c6cfdf!important}
.button,button{background:#e4e8ef;color:#151923;border-color:#e4e8ef}.button.secondary,button.secondary{background:transparent;color:#edf0f5;border-color:#8993a5}.priority .button{background:#e4e8ef;color:#151923;border-color:#e4e8ef}button:disabled{cursor:default;opacity:.8}.notice{background:#222630;border-color:#aeb9cd}.bottom{background:#171a21;border-color:var(--borde)}.bottom a{color:#f4f5f8;font-weight:650}footer{background:#171a21;color:#c8ced8}input,select,textarea{background:#171a21;color:#f3f4f6;border-color:#647087}.menu-toggle{background:#252b37;color:#fff;border-color:#647087}.skip:focus{background:#252b37;color:#fff}
@media(max-width:760px){.brand{font-size:29px;max-width:100%}.brand small{font-size:10px}.head{gap:18px}.hero{gap:28px}h1{font-size:42px}}

/* Revisión: fondos luminosos y cabecera oscura */
:root{--papel:#f4f5f2;--tinta:#26312e;--gris:#58645f;--borde:#d6ddd7;--azul:#293d35;--oro:#657b6d}
body{background:var(--papel);color:var(--tinta)}header{background:#242d29;border-color:#3b4740}.brand,.head nav a{color:#fff}.brand small{color:#cad7ce}.card,details{background:#fff;border-color:var(--borde)}.eyebrow{color:#536b5d}.priority{background:#e6ece4;color:#26312e}.priority p,.priority .fine{color:#46584b}.priority .eyebrow{color:#536b5d!important}.button,button,.priority .button{background:#304b3c;color:#fff;border-color:#304b3c}.button.secondary,button.secondary{color:#304b3c;border-color:#7b8e80;background:transparent}a{color:#304b3c}.notice{background:#e8ede5;border-color:#7b8e80}.bottom{background:#fff;border-color:#d6ddd7}.bottom a{color:#304b3c}footer{background:#e5eae4;color:#46564a}.hero-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.hero-visual{display:grid;gap:20px}.hero{gap:42px}.hero-visual .priority{padding:24px}.hero-visual h2{font-size:26px;margin-top:8px}.hero-visual p{margin:12px 0}.brand{font-size:clamp(25px,3.2vw,38px)}.head .menu-toggle{background:#35463b;color:white}.skip:focus{background:#fff;color:#26312e}
