/* ============================================================
   MINAIRON CAPITAL — Tema NEGRO + DORADO (mismo sistema que la app)
   Se carga DESPUÉS de site-2026.css y redefine la paleta + tipografía.
   ============================================================ */

/* Satoshi en local */
@font-face{font-family:'Satoshi';src:url('/assets/fonts/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/assets/fonts/Satoshi-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/assets/fonts/Satoshi-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/assets/fonts/Satoshi-Black.woff2') format('woff2');font-weight:900;font-display:swap}

:root{
  --bg:#0D1419;
  --surface:#141f29;
  --surface-muted:#18242f;
  --text:#F5F2EA;
  --text-soft:#8d9aa6;
  --primary:#D4AF62;
  --primary-strong:#AC8B47;
  --accent:#D4AF62;
  --border:#26333f;
  --shadow-sm:0 10px 26px rgba(0,0,0,.35);
  --shadow-md:0 22px 50px rgba(0,0,0,.45);
  --font-sans:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-serif:'Satoshi',-apple-system,BlinkMacSystemFont,sans-serif;
  --gold-grad:linear-gradient(135deg,#E7C883 0%,#D4AF62 45%,#AC8B47 100%);
}

html,body{
  background:
    radial-gradient(900px 520px at 50% -10%, #16263230 0%, transparent 60%),
    #05080b;
  color:var(--text);
}

/* Tipografía */
h1,h2,h3{font-family:var(--font-sans);font-weight:700;letter-spacing:-.4px;color:var(--text)}
h1{font-weight:900}
p{color:var(--text-soft)}
a{color:var(--primary)}

/* Cabecera */
.site-header{background:rgba(13,20,25,.82);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
.brand{color:var(--text);font-weight:700;letter-spacing:.04em}
.site-nav a{color:var(--text-soft)}
.site-nav a:hover{color:var(--primary)}
.mobile-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text)}

/* Secciones y tarjetas */
.section.alt{background:#0f1820}
.hero-card,.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.quote-card{border-left:3px solid var(--primary);background:var(--surface-muted)}
.stats .card{background:var(--surface-muted);text-align:center}
.stats .card strong{color:var(--primary)}

/* rejilla de 4 columnas (teaser de cartera) */
.grid.cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:720px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}

/* Botones */
.btn{font-family:var(--font-sans);font-weight:700;border-radius:12px}
.btn.primary{background:var(--gold-grad);color:#22160a;border:none;box-shadow:0 10px 24px rgba(172,139,71,.28)}
.btn.primary:hover{filter:brightness(1.06);background:var(--gold-grad)}
.btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}
.btn.secondary:hover{border-color:#3a4a58}
.btn.ghost{border:1px solid var(--primary-strong);color:var(--primary);background:transparent}
.btn.ghost:hover{background:#13283a}

/* Pills / badges */
.badge{background:#1d2a36;color:var(--primary);border:1px solid var(--border);font-weight:700}

/* Listas numeradas */
.number-list li::marker{color:var(--primary)}

/* Inputs (calculadoras, formularios) */
input,select,textarea{
  background:var(--surface-muted)!important;border:1px solid var(--border)!important;color:var(--text)!important;
  border-radius:11px;font-family:var(--font-sans)}
input::placeholder,textarea::placeholder{color:var(--text-soft)}
label{color:var(--text-soft)}

/* Drawer móvil */
.drawer__panel{background:var(--surface);border-left:1px solid var(--border)}
.drawer__panel a{color:var(--text)}

/* Pie */
footer,.site-footer{background:#0b1118;border-top:1px solid var(--border);color:var(--text-soft)}
hr{border-color:var(--border)}

/* ===== Calculadora de interés compuesto: pasar de azul/blanco a negro+dorado ===== */
.compound-kicker{color:var(--text-soft)}
.compound-hero{background:var(--surface-muted)!important;border:1px solid var(--border)}
.compound-hero > span{color:var(--text-soft)}
.compound-hero-value{color:var(--primary)}
.compound-hero p{color:var(--text-soft)}
.compound-input__head strong{color:var(--primary)}
.compound-input input[type="range"]{accent-color:var(--primary)!important;background:var(--surface-muted)!important}
.compound-summary-cards .card span{color:var(--text-soft)}
.compound-summary-cards .card strong{color:var(--primary)}
.graph-shell{background:var(--surface)!important;border-color:var(--border)}
.projection-list li{background:var(--surface-muted)!important;border-color:var(--border)}
.projection-list .year{color:var(--text-soft)}
.projection-list .amount{color:var(--primary)}
.calculator-sticky-summary{background:var(--surface-muted)!important;color:var(--text)!important}
.mc-modal__dialog,.mc-bottom-sheet__panel{background:var(--surface)!important;color:var(--text)}
.mc-modal__close,.mc-bottom-sheet__close{background:var(--surface-muted)!important;color:var(--text)}

/* gráfico SVG: línea y puntos en dorado (CSS gana a los atributos del SVG) */
.graph-shell svg path[stroke]{stroke:var(--primary)!important}
.graph-shell svg circle{fill:var(--primary)!important;stroke:var(--surface)!important}
#calcCurveFill stop:first-child{stop-color:rgba(212,175,98,.35)}
#calcCurveFill stop:last-child{stop-color:rgba(212,175,98,0)}

/* números grandes: que no se corten (envolver y escalar) */
.compound-hero-value,
.compound-summary-cards .card strong,
.compound-input__head strong{overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.compound-summary-cards .card strong{font-size:clamp(.95rem,.7rem + 1.1vw,1.35rem);display:block;line-height:1.15}
.compound-hero-value{font-size:clamp(1.5rem,1rem + 2.2vw,2.4rem)}
.compound-input__head strong{font-size:clamp(1.1rem,.9rem + 1vw,1.6rem)}

/* Tarjetas que son enlaces: sin subrayado (p.ej. buscar.html) */
a.card{text-decoration:none}
a.card:hover{border-color:var(--primary-strong)}

/* Banner de cookies (inyectado por cta.js) */
.cookie-banner{
  position:fixed;bottom:1.5rem;right:1.5rem;max-width:360px;z-index:10000;
  background:var(--surface);border:1px solid var(--border);border-radius:16px;
  padding:1rem 1.1rem;box-shadow:var(--shadow-md);color:var(--text)}
.cookie-banner__content strong{display:block;margin-bottom:.35rem;font-size:1rem;color:var(--text)}
.cookie-banner__content p{margin:0 0 .75rem;font-size:.9rem;color:var(--text-soft)}
.cookie-banner__options{display:grid;gap:.4rem;margin-bottom:.85rem;font-size:.9rem;color:var(--text-soft)}
.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:.5rem}
@media(max-width:720px){.cookie-banner{left:1rem;right:1rem;bottom:1rem;max-width:none}}

/* Botón flotante "Guardar resultado" (cta.js) */
.mc-calc-sticky{background:var(--gold-grad);color:#22160a;font-family:var(--font-sans)}
.mc-calc-sticky:hover{filter:brightness(1.06)}

/* Modales de cta.js: interior en negro + dorado */
.mc-modal__content h2{color:var(--text)}
.mc-modal__subtitle{color:var(--text-soft)}
.mc-form{color:var(--text)}
.mc-form__label{color:var(--text)}
.mc-form__input:focus{outline:2px solid var(--primary);border-color:var(--primary)!important}
.mc-button{background:var(--gold-grad);color:#22160a}
.mc-button:hover{box-shadow:0 10px 20px rgba(172,139,71,.28)}
.mc-form__fineprint{color:var(--text-soft)}
.mc-form__status{color:var(--primary)}
.mc-form__consent input{accent-color:var(--primary)}
.mc-modal__summary{background:var(--surface-muted)}
.mc-modal__summary-row{border-bottom:1px solid var(--border)}
.mc-modal__summary-row dt{color:var(--text)}
.mc-modal__summary-row dd{color:var(--text-soft)}
.mc-modal__summary-empty{color:var(--text-soft)}

.brand{display:inline-flex;align-items:center}
.brand-logo{height:38px;width:auto;display:block}
.brand-word{flex-direction:column;line-height:1.05}
.brand-word b{font-weight:800;letter-spacing:.13em;font-size:1.05rem;color:var(--primary)}
.brand-word i{font-style:normal;font-weight:600;letter-spacing:.4em;font-size:.58rem;color:var(--primary);margin-top:1px}
@media(max-width:480px){.brand-word b{font-size:.95rem}}
@media(max-width:480px){.brand-logo{height:30px}}