/* Deploia — estilos compartidos por las páginas interiores */
:root{
  --bg:#F1F6F3; --bg-2:#E6F0EB; --surface:#FFFFFF; --surface-2:#F7FBF9;
  --ink:#08211C; --ink-soft:#4A6862; --ink-faint:#56726C; --line:#DCE9E4;
  --accent:#10A37F; --accent-2:#0E8FBF; --accent-soft:#E3F5EE;
  --glow:rgba(16,163,127,0.28); --glow-2:rgba(14,143,191,0.22);
  --gold:#A8791F; --gold-ink:#5E4100; --gold-soft:#F5D568;
  --plata:#4A5159; --plata-soft:#DDE0E4;
  --platino:#0B7A93; --platino-soft:#DFF2F7;
  --down:#B4442F;
  --neu-light:rgba(255,255,255,0.95); --neu-dark:rgba(150,180,170,0.45);
  --shadow-sm:0 1px 2px rgba(8,33,28,0.06);
  --shadow-md:0 12px 30px -14px rgba(8,33,28,0.22);
  --shadow-lg:0 30px 60px -24px rgba(8,33,28,0.32);
  --title-shadow:0 2px 0 rgba(16,163,127,0.12), 0 14px 30px rgba(8,33,28,0.10);
}
:root[data-theme="dark"]{
  --bg:#0A0908; --bg-2:#120E0B; --surface:#17130F; --surface-2:#1E1813;
  --ink:#F7F0EA; --ink-soft:#BBA99C; --ink-faint:#9A8878; --line:#2C231C;
  --accent:#E08A63; --accent-2:#FFA76A; --accent-soft:#2A1B12;
  --glow:rgba(224,138,99,0.30); --glow-2:rgba(255,167,106,0.20);
  --gold:#E0B457; --gold-ink:#F2CC66; --gold-soft:#4A3A0E;
  --plata:#CBD0D6; --plata-soft:#34383D;
  --platino:#7FE3F5; --platino-soft:#0E2C34;
  --down:#E06A4E;
  --neu-light:rgba(255,255,255,0.05); --neu-dark:rgba(0,0,0,0.66);
  --shadow-sm:0 1px 2px rgba(0,0,0,0.5);
  --shadow-md:0 12px 30px -14px rgba(0,0,0,0.7);
  --shadow-lg:0 30px 60px -24px rgba(0,0,0,0.8);
  --title-shadow:0 2px 0 rgba(224,138,99,0.18), 0 16px 34px rgba(0,0,0,0.55);
}

*{box-sizing:border-box;}
[hidden]{display:none !important;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;margin:0;text-wrap:balance;letter-spacing:-0.02em;font-weight:800;}
p{margin:0;}
a{color:inherit;}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;}
.wrap{max-width:1000px;margin:0 auto;padding:0 26px;}
.wrap-sm{max-width:760px;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}

/* ---- nav ---- */
header{position:sticky;top:0;z-index:60;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:18px;}
.brand{position:relative;width:fit-content;display:flex;align-items:center;font-family:'Bricolage Grotesque';font-weight:500;font-size:22px;text-decoration:none;letter-spacing:-0.04em;text-transform:uppercase;white-space:nowrap;flex:none;}
.brand::after{content:"LATAM";position:absolute;right:0;top:100%;margin-top:-.3em;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:max(.28em,7px);letter-spacing:.4em;line-height:1;transform:translateX(.4em);color:currentColor;-webkit-text-fill-color:currentColor;text-transform:uppercase;pointer-events:none}
.brand-ia{display:inline-block;padding-right:.08em;margin-right:-.08em;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.navtools{display:flex;align-items:center;gap:9px;}

.toggle{
  width:36px;height:36px;border-radius:11px;flex:none;cursor:pointer;
  border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);
  display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s;
}
.toggle:hover{color:var(--accent);border-color:var(--accent);}
.toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;}
.toggle .i-sun{display:none;}
:root[data-theme="dark"] .toggle .i-moon{display:none;}
:root[data-theme="dark"] .toggle .i-sun{display:block;}

/* ---- botones ---- */
.btn{font-family:'Manrope';font-weight:700;font-size:14px;border:1px solid transparent;padding:11px 18px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .16s, box-shadow .16s, border-color .16s, color .16s;}
.btn-main{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#FFFFFF;box-shadow:0 10px 24px -12px var(--glow), inset 0 1px 0 rgba(255,255,255,.35);}
:root[data-theme="dark"] .btn-main{color:#1A0F08;}
.btn-main:hover{transform:translateY(-2px);}
.btn-soft{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm);}
.btn-soft:hover{border-color:var(--accent);color:var(--accent);}
.btn-sm{padding:8px 13px;font-size:12.5px;border-radius:10px;}
.btn-lg{padding:15px 28px;font-size:15.5px;border-radius:14px;}
.btn-block{width:100%;justify-content:center;}

/* ---- cabecera de página ---- */
.page-head{padding:52px 0 34px;}
.kicker{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:9px;margin-bottom:11px;}
.kicker::before{content:"";width:20px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);}
.page-head h1{font-size:clamp(28px,4vw,42px);line-height:1.05;text-shadow:var(--title-shadow);}
.page-head .lead{color:var(--ink-soft);font-size:15.5px;line-height:1.65;margin-top:14px;max-width:58ch;}

/* ---- tarjetas ---- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow-md), 10px 10px 22px var(--neu-dark), -10px -10px 22px var(--neu-light);}
.card + .card{margin-top:20px;}

/* ---- formularios ---- */
.campo{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;}
.campo > label{font-size:14px;font-weight:700;}
.campo .ayuda{font-size:12.5px;color:var(--ink-faint);line-height:1.55;}
.campo input,.campo textarea,.campo select{
  font-family:'Manrope';font-size:14.5px;color:var(--ink);background:var(--surface-2);
  border:1px solid var(--line);border-radius:12px;padding:12px 14px;resize:vertical;width:100%;
  box-shadow:inset 3px 3px 7px var(--neu-dark), inset -3px -3px 7px var(--neu-light);
}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:2px solid var(--accent);outline-offset:1px;}
.privado{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-2);background:var(--accent-soft);padding:4px 9px;border-radius:7px;}

/* ---- sellos ---- */
.seal-tier{display:inline-flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:7px;}
.tier-plata{color:var(--plata);background:var(--plata-soft);}
.tier-oro{color:var(--gold-ink);background:var(--gold-soft);}
.tier-platino{color:var(--platino);background:var(--platino-soft);}

/* ---- medidor C.O.N.A.D. ---- */
.meter{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.meter-col{display:flex;flex-direction:column;align-items:center;gap:5px;}
.meter-val{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;}
.bar-track{width:100%;height:58px;border-radius:9px;background:color-mix(in srgb, var(--ink) 7%, var(--surface));display:flex;align-items:flex-end;overflow:hidden;box-shadow:inset 2px 2px 5px var(--neu-dark);}
.bar{width:100%;border-radius:9px;background:linear-gradient(180deg,var(--accent-2),var(--accent));height:calc(var(--v) * 1%);}
.meter-lbl{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--ink-faint);}

footer{border-top:1px solid var(--line);padding:30px 0;margin-top:70px;}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-faint);}