:root{
  --bg:#eef3f8;--surface:#fff;--surface2:#f5f8fc;--panel:#fff;--ink:#0d1b2e;--soft:#43536b;--muted:#728198;
  --border:#dce5ee;--green:#169b43;--blue:#086bc5;--orange:#ed6800;--purple:#6535ae;--teal:#07928f;--navy:#0a477f;
  --gold:#d79400;--red:#d84141;--shadow:0 18px 50px rgba(15,32,55,.10);--radius:4px;
}
:root[data-theme="dark"]{
  --bg:#030a13;--surface:#07111f;--surface2:#0b1726;--panel:#0c1929;--ink:#f4f8ff;--soft:#c6d5e8;--muted:#8397b1;
  --border:#14263a;--shadow:0 24px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-shell{width:min(1180px,100%);margin:0 auto;background:var(--surface);min-height:100vh;box-shadow:var(--shadow);border-left:1px solid var(--border);border-right:1px solid var(--border)}
.topbar{height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:50}
.brand{display:flex;gap:9px;align-items:center;font-size:25px;font-weight:850;letter-spacing:-1.2px}.brand strong{color:#23d66f}.brand-mark{width:27px;height:24px;display:flex;gap:3px;align-items:flex-end}.brand-mark i{width:7px;background:#23d66f;display:block}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:24px}
.nav{display:flex;justify-content:center;gap:34px;font-size:14px;font-weight:750;color:var(--soft)}.nav a{padding:25px 0 21px;border-bottom:3px solid transparent}.nav a.active{color:#23d66f;border-color:#23d66f}
.theme-toggle{border:1px solid var(--border);background:var(--surface2);color:var(--ink);border-radius:999px;padding:8px 12px;display:flex;gap:8px;align-items:center;font-size:12px}.theme-toggle b{min-width:30px}
.app-content{background:var(--surface2);min-height:calc(100vh - 112px)}.footer{min-height:44px;padding:12px 16px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:11px}

.home{padding:12px}.home-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:13px 7px 17px}.home-intro h1{margin:0;font-size:20px}.home-intro p{margin:4px 0 0;color:var(--muted);font-size:13px}.privacy-chip{font-size:11px;color:var(--soft);border:1px solid var(--border);padding:8px 10px;background:var(--surface)}
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;grid-auto-flow:dense}.tile{min-height:214px;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--radius);position:relative;overflow:hidden;transition:transform .15s ease,filter .15s ease}.tile:hover{transform:translateY(-2px);filter:brightness(1.04)}.tile.span3{grid-column:span 3}.tile.span4{grid-column:span 4}.tile.span2{grid-column:span 2;min-height:135px;padding:15px}.tile h2{margin:0;font-size:22px;letter-spacing:-.5px}.tile.span2 h2{font-size:15px}.tile-kicker{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.tile-question{font-size:28px;line-height:1.02;font-weight:850;letter-spacing:-1.2px;max-width:95%}.tile.span2 .tile-question{font-size:16px}.tile-number{font-size:46px;line-height:.98;font-weight:900;letter-spacing:-2px;margin-top:28px}.tile-number.compact{font-size:38px;margin-top:26px}.tile-number.mini{font-size:27px;margin-top:18px;letter-spacing:-1px}.tile-subnumber{font-size:14px;font-weight:700;margin-top:7px;opacity:.9}.tile.span2 .tile-subnumber{font-size:11px}.tile-action{font-size:13px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.tile-action span{font-size:20px}.tile .live-rate{display:flex;gap:24px;align-items:flex-end}.tile .live-rate small{display:block;font-size:12px;margin-bottom:5px}.tile .live-rate strong{font-size:30px}.rate-meta{font-size:10px;opacity:.85;margin-top:8px}.bg-green{background:linear-gradient(135deg,#117b30,#1da64a)}.bg-blue{background:linear-gradient(135deg,#075ba9,#0877d5)}.bg-orange{background:linear-gradient(135deg,#c64a00,#ef6800)}.bg-purple{background:linear-gradient(135deg,#4c238e,#6d39b7)}.bg-teal{background:linear-gradient(135deg,#087375,#0a9a96)}.bg-deepblue{background:linear-gradient(135deg,#074578,#0a67b8)}.bg-gold{background:linear-gradient(135deg,#b77900,#e6a000)}.bg-lime{background:linear-gradient(135deg,#3f7925,#579e2d)}.bg-navy{background:linear-gradient(135deg,#072f55,#0b4f87)}.bg-red{background:linear-gradient(135deg,#a92d2d,#d94a43)}
.tile-watermark{position:absolute;right:-12px;bottom:-18px;font-size:110px;font-weight:900;opacity:.055;line-height:1}

.tool-page{padding-bottom:30px}.crumb{padding:12px 20px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface)}.hero{padding:26px 28px;color:#fff}.hero h1{margin:5px 0 6px;font-size:32px;letter-spacing:-1.1px}.hero p{margin:0;max-width:760px;font-size:14px;line-height:1.45;opacity:.92}.hero .eyebrow{font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px}.card{background:var(--panel);border:1px solid var(--border);padding:22px}.card h2{font-size:21px;margin:0 0 18px}.card h3{font-size:15px;margin:22px 0 10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:750;margin-bottom:7px}.input-wrap{display:flex;align-items:center;background:var(--surface2);border:1px solid var(--border);min-height:49px}.input-wrap span{padding:0 0 0 13px;color:var(--muted);font-weight:700}.input-wrap input,.input-wrap select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);padding:13px;font-weight:750}.input-wrap select{appearance:auto}.hint{font-size:11px;color:var(--muted);line-height:1.4;margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--border);background:var(--surface2);color:var(--ink);padding:9px 13px;font-size:12px;font-weight:750}.chip.active{background:var(--orange);border-color:var(--orange);color:#fff}.btn-primary{width:100%;border:0;color:#fff;background:var(--orange);padding:14px 18px;font-weight:850;letter-spacing:.02em;margin-top:4px}.btn-secondary{border:1px solid var(--border);background:var(--surface2);color:var(--ink);padding:10px 13px;font-size:12px;font-weight:750}.inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.result-actions{padding-top:13px;border-top:1px solid var(--border)}.optional{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.note{padding:11px 12px;border-left:3px solid var(--blue);background:var(--surface2);font-size:11px;color:var(--soft);line-height:1.45;margin:10px 0}.warning{border-left-color:var(--orange)}
.result-empty{min-height:330px;display:grid;place-items:center;text-align:center;color:var(--muted)}.result-empty strong{display:block;color:var(--ink);font-size:20px;margin-bottom:5px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric-card{border:1px solid var(--border);background:var(--surface2);padding:14px}.metric-card small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.07em}.metric-card strong{display:block;font-size:25px;letter-spacing:-.8px;margin-top:4px}.metric-card.primary{grid-column:1/-1;background:var(--ink);color:var(--surface)}:root[data-theme="dark"] .metric-card.primary{background:#e8f1ff;color:#07111f}.metric-card.primary small{color:inherit;opacity:.7}.metric-card.primary strong{font-size:34px}.result-message{margin:12px 0 0;padding:12px;background:var(--surface2);font-size:12px;line-height:1.45}.positive{color:#20bd63}.negative{color:#f06a61}
.table-wrap{overflow:auto;margin-top:14px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:11px;min-width:540px}th,td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:right}th:first-child,td:first-child{text-align:left}th{background:var(--surface2);font-weight:800;color:var(--soft);position:sticky;top:0}tr:last-child td{border-bottom:0}
.compare-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.compare-card{border:1px solid var(--border);padding:10px;background:var(--surface2)}.compare-card b{display:block;font-size:18px}.compare-card small{font-size:10px;color:var(--muted)}

.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.tab{border:1px solid var(--border);background:var(--surface2);color:var(--ink);padding:9px 12px;font-size:12px;font-weight:800}.tab.active{background:var(--ink);color:var(--surface)}
.course-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.course{background:var(--panel);border:1px solid var(--border);padding:18px}.course h3{margin:0 0 8px}.course p{font-size:12px;line-height:1.5;color:var(--soft)}.course details{margin-top:12px}.course summary{font-size:12px;font-weight:800;cursor:pointer}.course .lesson{font-size:12px;line-height:1.55;color:var(--soft);padding-top:8px}
.hub{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hub-card{background:var(--panel);border:1px solid var(--border);padding:18px;min-height:145px}.hub-card h3{margin:0 0 8px}.hub-card p{font-size:12px;color:var(--muted);line-height:1.45}.hub-card a{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;color:var(--blue)}
.source-strip{padding:12px 14px;margin:0 14px 14px;border:1px solid var(--border);background:var(--surface);font-size:10px;color:var(--muted);line-height:1.45}

@media(max-width:900px){.site-shell{border:0}.nav{display:none}.topbar{grid-template-columns:1fr auto;padding:0 14px}.mosaic{grid-template-columns:repeat(6,1fr)}.tile.span4,.tile.span3{grid-column:span 3}.tile.span2{grid-column:span 2}.tool-grid{grid-template-columns:1fr}.hub{grid-template-columns:1fr 1fr}.course-list{grid-template-columns:1fr}.footer{flex-direction:column}}
@media(max-width:620px){body{background:var(--surface)}.site-shell{width:100%;box-shadow:none}.home{padding:6px}.home-intro{padding:10px 5px 12px}.home-intro h1{font-size:17px}.privacy-chip{display:none}.mosaic{grid-template-columns:repeat(2,1fr);gap:6px}.tile.span4,.tile.span3,.tile.span2{grid-column:span 1;min-height:162px;padding:12px}.tile h2,.tile.span2 h2{font-size:15px}.tile-question,.tile.span2 .tile-question{font-size:18px}.tile-number{font-size:31px;margin-top:18px}.tile-number.compact{font-size:28px;margin-top:18px}.tile-number.mini{font-size:23px;margin-top:13px}.tile-subnumber,.tile.span2 .tile-subnumber{font-size:10px}.tile-action{font-size:10px}.tile .live-rate{gap:13px}.tile .live-rate strong{font-size:18px}.rate-meta{font-size:8px}.tool-page{padding-bottom:16px}.crumb{padding:10px 12px}.hero{padding:20px 15px}.hero h1{font-size:25px}.hero p{font-size:12px}.tool-grid{padding:7px;gap:7px}.card{padding:15px}.card h2{font-size:19px}.form-row{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.metric-card strong{font-size:20px}.metric-card.primary strong{font-size:29px}.compare-row{grid-template-columns:1fr}.hub{grid-template-columns:1fr;padding:7px}.course-list{padding:7px}.source-strip{margin:0 7px 7px}.footer{font-size:9px}.theme-toggle b{display:none}.theme-toggle{padding:8px 10px}}


@media print{
  @page{margin:14mm}
  body.printing-result{background:#fff!important;color:#111!important}
  body.printing-result .topbar,
  body.printing-result .footer,
  body.printing-result .crumb,
  body.printing-result .hero,
  body.printing-result .source-strip,
  body.printing-result .tool-grid>.card:not(.print-target){display:none!important}
  body.printing-result .app-content,
  body.printing-result .tool-page,
  body.printing-result .tool-grid{display:block!important;background:#fff!important;padding:0!important}
  body.printing-result .print-target{display:block!important;width:100%!important;border:0!important;box-shadow:none!important;background:#fff!important;color:#111!important}
  body.printing-result .print-target .metric-card{break-inside:avoid;border:1px solid #ccc!important;background:#fff!important;color:#111!important}
  body.printing-result .print-target .metric-card.primary{background:#f2f2f2!important;color:#111!important}
  body.printing-result .print-target .result-actions{display:none!important}
  body.printing-result table{color:#111!important}
}

/* Ayuda contextual */
.field-label-text{display:inline-flex;align-items:center;gap:6px;position:relative}
.help-tip{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface2);color:var(--muted);font-size:10px;font-weight:900;line-height:1;vertical-align:middle;cursor:help}
.help-tip:hover,.help-tip:focus,.help-tip.open{color:var(--ink);border-color:var(--soft);outline:none}
.help-tip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(3px);width:min(290px,72vw);padding:10px 11px;background:#101827;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.28);font-size:11px;font-weight:600;line-height:1.4;text-align:left;letter-spacing:0;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:100;transition:opacity .12s ease,transform .12s ease}
.help-tip::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);border:5px solid transparent;border-top-color:#101827;opacity:0;visibility:hidden;z-index:101}
.help-tip:hover::after,.help-tip:focus::after,.help-tip.open::after,.help-tip:hover::before,.help-tip:focus::before,.help-tip.open::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
:root[data-theme="dark"] .help-tip::after{background:#eaf2ff;color:#07111f;border-color:#c7d5e8}
:root[data-theme="dark"] .help-tip::before{border-top-color:#eaf2ff}
.euro-mini{margin-top:5px;font-weight:750;opacity:.9}
.currency-tabs{margin-top:2px}
.result-actions .btn-secondary::first-letter{font-size:13px}
@media(max-width:620px){.help-tip::after{left:auto;right:-14px;transform:translateY(3px);width:min(260px,78vw)}.help-tip::before{left:auto;right:0;transform:none}.help-tip:hover::after,.help-tip:focus::after,.help-tip.open::after{transform:translateY(0)}.help-tip:hover::before,.help-tip:focus::before,.help-tip.open::before{transform:none}}

/* V4: Inflación gana el espacio del acceso duplicado de Tipo de cambio */
.bg-magenta{background:linear-gradient(135deg,#a81362,#e01878)}
.inflation-feature{grid-column:span 6;min-height:135px;padding:15px}
.inflation-feature .tile-kicker{font-size:12px}
.inflation-feature .inflation-number{font-size:38px;margin-top:16px}
.inflation-feature .tile-subnumber{font-size:12px}
.inflation-feature .tile-action{font-size:13px}
:root[data-theme="light"] .bg-magenta{background:linear-gradient(135deg,#b21468,#e52882)}
@media(max-width:900px){.inflation-feature{grid-column:span 6}}
@media(max-width:620px){.inflation-feature{grid-column:span 2;min-height:162px;padding:12px}.inflation-feature .inflation-number{font-size:31px;margin-top:18px}.inflation-feature .tile-action{font-size:10px}}

/* V5 · precisión, confianza, accesibilidad y comparación */
:root{--magenta:#e01878}
*:focus-visible{outline:3px solid #34d17b;outline-offset:3px}
.input-wrap:has([aria-invalid="true"]){border-color:#e5484d;box-shadow:0 0 0 2px rgba(229,72,77,.12)}
.field-error{margin-top:6px;color:#e5484d;font-size:11px;font-weight:750;line-height:1.35}
.accuracy-banner{border:1px solid #d9a441;background:rgba(217,164,65,.10);padding:12px;margin:10px 0 13px;font-size:12px;line-height:1.45}.accuracy-banner b{display:block;margin-bottom:3px;color:#d28f00}
.assumptions{margin:12px 0;border:1px solid var(--border);background:var(--surface2);padding:10px 12px}.assumptions summary{cursor:pointer;font-size:11px;font-weight:850;color:var(--ink);display:flex;align-items:center;gap:6px}.assumptions ul{margin:9px 0 0;padding-left:18px;color:var(--soft);font-size:11px;line-height:1.5}
.data-status{display:flex;flex-direction:column;gap:2px;padding:10px 11px;margin:9px 0 12px;border:1px solid var(--border);font-size:10px;line-height:1.35}.data-status.live{background:rgba(31,184,99,.09);border-color:rgba(31,184,99,.32)}.data-status.live b{color:#20bd63}.data-status.demo{background:rgba(237,104,0,.10);border-color:rgba(237,104,0,.40)}.data-status.demo b{color:#ed6800}.demo-text{color:#ffd29f!important;font-weight:850}
.rate-showcase{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 15px}.rate-showcase>div{border:1px solid var(--border);background:var(--surface2);padding:12px}.rate-showcase small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}.rate-showcase b{font-size:25px;display:block;margin-top:3px}
.offer-grid,.offer-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.offer-card,.offer-result{border:1px solid var(--border);background:var(--surface2);padding:13px}.offer-card h3,.offer-result h3{margin:0 0 10px}.offer-result.winner{border-color:#25b761;box-shadow:inset 0 3px 0 #25b761}.offer-badge{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.winner .offer-badge{color:#25b761}.offer-big{font-size:28px;font-weight:900;letter-spacing:-1px}.offer-result dl{margin:12px 0 0}.offer-result dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:8px 0;font-size:11px}.offer-result dt{color:var(--muted)}.offer-result dd{margin:0;font-weight:800}.compare-card.selected{border-color:var(--orange)}.compare-card span{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid var(--border)}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.method-card,.official-links,.legal-notice{border:1px solid var(--border);background:var(--panel);padding:17px}.method-card h2,.official-links h2{font-size:17px;margin:0 0 8px}.method-card p{font-size:12px;color:var(--soft);line-height:1.55}.official-links{margin:0 14px 10px;display:flex;flex-direction:column;gap:8px}.official-links a{font-size:12px;font-weight:800;color:var(--blue)}.legal-notice{margin:0 14px 14px;background:var(--surface2);font-size:12px;line-height:1.5}.legal-notice b{display:block;margin-bottom:4px}
.footer-legal{max-width:620px;text-align:right;line-height:1.45}.footer a{text-decoration:underline}
.green-btn{background:var(--green)!important}.blue-btn{background:var(--blue)!important}.teal-btn{background:var(--teal)!important}.purple-btn{background:var(--purple)!important}.lime-btn{background:#579e2d!important}.magenta-btn{background:var(--magenta)!important}
[hidden]{display:none!important}
@media(max-width:700px){.offer-grid,.offer-results,.method-grid{grid-template-columns:1fr}.footer-legal{text-align:left}.rate-showcase{grid-template-columns:1fr 1fr}.loan-mode-tabs .tab{flex:1}.result-actions .btn-secondary{flex:1 1 auto}}


/* V6 · páginas indexables y contenido SEO útil */
.seo-preload{padding:22px;background:var(--surface2)}.seo-preload-inner{max-width:900px;margin:auto;background:var(--panel);border:1px solid var(--border);padding:22px}.seo-preload h1{margin:0 0 8px;font-size:30px;letter-spacing:-1px}.seo-preload h2{font-size:16px;margin:18px 0 7px}.seo-preload p,.seo-preload li{font-size:13px;line-height:1.55;color:var(--soft)}.seo-noscript{border-left:3px solid var(--orange);padding:9px 11px;background:var(--surface2)}
.seo-crawl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.seo-crawl-grid a,.seo-related a{border:1px solid var(--border);background:var(--surface2);padding:11px;font-size:12px;font-weight:800;color:var(--ink)}
.seo-content{margin:0 14px 14px;background:var(--panel);border:1px solid var(--border);padding:22px;line-height:1.6}.seo-content h2{font-size:20px;margin:22px 0 7px}.seo-content h2:first-child{margin-top:0}.seo-content h3{font-size:15px;margin:16px 0 5px}.seo-content p{font-size:13px;color:var(--soft);max-width:900px}.seo-content a{color:var(--blue);font-weight:800;text-decoration:underline}.seo-related{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--border);margin-top:20px;padding-top:15px}.seo-method-link{margin-top:18px!important}.static-content{margin-top:14px}.static-content p{max-width:820px}
@media(max-width:700px){.seo-preload{padding:8px}.seo-preload-inner{padding:16px}.seo-preload h1{font-size:24px}.seo-crawl-grid{grid-template-columns:1fr 1fr}.seo-content{margin:0 7px 7px;padding:16px}}

/* V7 · Exactla brand + decision experience */
:root{--exactla-navy:#071f3d;--exactla-cyan:#0fb7cc;--exactla-lime:#84dc19}
:root[data-theme="dark"]{--exactla-navy:#edf5ff}
.brand{gap:10px;font-size:21px;letter-spacing:.08em}
.brand-word{font-weight:900;letter-spacing:.09em;color:var(--ink)}
.brand-mark.exactla-mark{position:relative;width:29px;height:29px;display:grid;grid-template-columns:repeat(3,7px);grid-template-rows:repeat(3,7px);gap:2px;align-items:stretch;overflow:visible}
.brand-mark.exactla-mark i{width:7px;height:7px!important;background:var(--exactla-navy);display:block;border-radius:1px}
.brand-mark.exactla-mark i:nth-child(5),.brand-mark.exactla-mark i:nth-child(8){background:var(--exactla-cyan)}
.brand-mark.exactla-mark i:nth-child(10){position:absolute;right:0;top:-5px;background:var(--exactla-lime)}
.brand-mark.exactla-mark i:nth-child(3){visibility:hidden}
.brand:hover .brand-mark.exactla-mark i:nth-child(10){transform:translateY(-1px)}
.brand-mark.exactla-mark i{transition:transform .16s ease,filter .16s ease}

.tile{box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.tile:hover{transform:translateY(-3px) scale(1.006);filter:brightness(1.035);box-shadow:0 12px 28px rgba(0,0,0,.13)}
.tile:active{transform:translateY(0) scale(.988);transition-duration:.06s}
.tile-last{margin-top:7px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:850;padding:5px 7px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.17);max-width:100%;width:max-content}
.tile-last b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}

.result-card.result-reveal>*{animation:exactlaResultIn .32s ease both}
.result-card.result-reveal>*:nth-child(2){animation-delay:.035s}.result-card.result-reveal>*:nth-child(3){animation-delay:.07s}.result-card.result-reveal>*:nth-child(4){animation-delay:.105s}
@keyframes exactlaResultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.exactla-reading{margin:14px 0;border:1px solid rgba(15,183,204,.32);background:linear-gradient(135deg,rgba(15,183,204,.08),rgba(132,220,25,.05));padding:14px;position:relative;overflow:hidden}
.exactla-reading::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--exactla-cyan),var(--exactla-lime))}
.exactla-reading-kicker{font-size:10px;font-weight:950;letter-spacing:.12em;color:var(--exactla-cyan);margin-bottom:9px;text-transform:uppercase}
.exactla-reading-row{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;padding:6px 0;border-top:1px solid rgba(120,150,180,.15);font-size:12px;line-height:1.45;color:var(--soft)}
.exactla-reading-row:first-of-type{border-top:0}.exactla-reading-row b{color:var(--ink)}
.exactla-reading-icon{font-weight:950;color:var(--exactla-cyan);text-align:center}
.exactla-reading-row.good .exactla-reading-icon{color:#22b765}.exactla-reading-row.warn .exactla-reading-icon{color:#d99200}.exactla-reading-row.bad .exactla-reading-icon{color:#d94a43}

.scenario-box{margin:14px 0;border:1px solid var(--border);background:var(--surface2);padding:14px}
.scenario-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:9px}.scenario-head h3{margin:0;font-size:15px}.scenario-head strong{font-size:17px;color:var(--exactla-cyan)}
.scenario-box input[type="range"]{width:100%;accent-color:var(--exactla-cyan)}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.scenario-metric{border:1px solid var(--border);background:var(--panel);padding:9px}.scenario-metric small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}.scenario-metric b{display:block;margin-top:3px;font-size:15px;color:var(--ink)}

.last-calc-note{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);background:var(--surface2);padding:9px 10px;margin:0 0 12px;font-size:11px;color:var(--soft)}
.last-calc-note b{color:var(--ink)}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.tile,.brand-mark.exactla-mark i{transition:none!important}.result-card.result-reveal>*{animation:none!important}}
@media(max-width:620px){.brand{font-size:16px;gap:7px}.brand-mark.exactla-mark{transform:scale(.86);transform-origin:left center;width:25px}.brand-word{letter-spacing:.06em}.scenario-grid{grid-template-columns:1fr}.tile-last b{max-width:140px}}

/* V7.1 · pulido móvil, acento Exactla, accesibilidad y datos en vivo */
:root{--exactla-lime-ink:#4f8d00}
:root[data-theme="dark"]{--exactla-lime-ink:#a3eb46}
.header-actions{display:flex;align-items:center;gap:8px}
.mobile-menu-toggle{display:none;width:42px;height:38px;border:1px solid var(--border);background:var(--surface2);color:var(--ink);align-items:center;justify-content:center;padding:0;border-radius:999px}
.mobile-menu-toggle span,.mobile-menu-toggle::before,.mobile-menu-toggle::after{content:"";display:block;width:17px;height:2px;background:currentColor;border-radius:4px;transition:transform .16s ease,opacity .16s ease}
.mobile-menu-toggle{flex-direction:column;gap:4px}
.mobile-menu-toggle[aria-expanded="true"] span{opacity:0}
.mobile-menu-toggle[aria-expanded="true"]::before{transform:translateY(6px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"]::after{transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{position:fixed;inset:68px 0 0;z-index:49;display:none}
.mobile-nav.open{display:block}
.mobile-nav-scrim{position:absolute;inset:0;border:0;background:rgba(3,10,19,.55);width:100%;height:100%;padding:0}
.mobile-nav-panel{position:absolute;right:0;top:0;width:min(370px,88vw);height:100%;overflow:auto;background:var(--surface);border-left:1px solid var(--border);box-shadow:-24px 0 60px rgba(0,0,0,.22);padding:14px}
.mobile-nav-title{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:8px 9px}
.mobile-nav-links{display:grid;gap:6px}
.mobile-nav-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:11px 12px;border:1px solid var(--border);background:var(--surface2);font-size:13px;font-weight:800}
.mobile-nav-links a::after{content:"→";color:var(--exactla-lime-ink);font-size:16px}
.mobile-nav-links a.active{border-color:var(--exactla-lime);box-shadow:inset 3px 0 0 var(--exactla-lime);background:linear-gradient(90deg,rgba(132,220,25,.10),var(--surface2))}
body.mobile-menu-open{overflow:hidden}

/* El lima identifica acciones y estados propios de Exactla sin reemplazar el color de cada herramienta. */
.btn-primary{box-shadow:inset 0 -3px 0 var(--exactla-lime)}
.btn-secondary{transition:border-color .14s ease,box-shadow .14s ease,transform .08s ease}
.btn-secondary:hover{border-color:var(--exactla-lime);box-shadow:inset 0 -2px 0 rgba(132,220,25,.7)}
.btn-secondary:active{transform:translateY(1px)}
.tab.active{border-color:var(--exactla-lime);box-shadow:inset 0 -3px 0 var(--exactla-lime)}
.exactla-reading-kicker{color:var(--exactla-lime-ink)}
.scenario-box input[type="range"]{accent-color:var(--exactla-lime)}
.scenario-head strong{color:var(--exactla-lime-ink)}
.result-actions .btn-secondary:first-child{border-left:3px solid var(--exactla-lime)}

.method-review{margin:10px 0 0;padding:10px 11px;border:1px solid rgba(132,220,25,.36);background:rgba(132,220,25,.07);font-size:10px;line-height:1.5;color:var(--soft)}
.method-review b{color:var(--ink)}
.method-review .review-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--exactla-lime);margin-right:6px;box-shadow:0 0 0 3px rgba(132,220,25,.14)}
.method-review a{color:var(--blue);font-weight:800;text-decoration:underline}

.data-status.loading{background:rgba(15,183,204,.07);border-color:rgba(15,183,204,.28)}
.data-status.loading b{color:var(--exactla-cyan)}
.loading-line{display:inline-block;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--border),rgba(15,183,204,.22),var(--border));background-size:220% 100%;animation:exactlaShimmer 1.15s linear infinite}
.loading-line.wide{width:150px}.loading-line.short{width:86px}
.rate-showcase.loading>div{min-height:69px}
.rate-showcase.loading b{font-size:0;margin-top:8px}
.rate-showcase.loading b::after{content:"";display:block;width:92px;height:24px;border-radius:4px;background:linear-gradient(90deg,var(--border),rgba(15,183,204,.22),var(--border));background-size:220% 100%;animation:exactlaShimmer 1.15s linear infinite}
@keyframes exactlaShimmer{from{background-position:220% 0}to{background-position:-220% 0}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:900px){
  .mobile-menu-toggle{display:flex}
  .header-actions{gap:6px}
}
@media(min-width:901px){.mobile-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.loading-line,.rate-showcase.loading b::after{animation:none!important}}

/* V7.2 · PWA instalable */
.pwa-install-header{border:1px solid var(--exactla-lime);background:rgba(132,220,25,.09);color:var(--ink);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;white-space:nowrap}
.pwa-install-header:hover{box-shadow:inset 0 -2px 0 var(--exactla-lime)}
.pwa-install-mobile-wrap{margin-top:14px;padding:12px;border:1px solid rgba(132,220,25,.35);background:rgba(132,220,25,.07)}
.pwa-install-mobile{width:100%;border:0;background:var(--ink);color:var(--surface);padding:12px;font-size:12px;font-weight:900;border-bottom:3px solid var(--exactla-lime)}
.pwa-install-mobile-wrap small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}
.pwa-toast-wrap{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:120;width:min(520px,calc(100% - 28px));display:grid;gap:7px;pointer-events:none}
.pwa-toast{opacity:0;transform:translateY(9px);transition:opacity .18s ease,transform .18s ease;background:var(--ink);color:var(--surface);padding:11px 13px;border:1px solid var(--border);box-shadow:var(--shadow);font-size:11px;line-height:1.4;border-left:4px solid var(--exactla-cyan)}
.pwa-toast.warn{border-left-color:var(--orange)}.pwa-toast.good{border-left-color:var(--exactla-lime)}.pwa-toast.show{opacity:1;transform:translateY(0)}
.pwa-dialog{width:min(440px,calc(100% - 30px));border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:0;box-shadow:0 28px 90px rgba(0,0,0,.34)}
.pwa-dialog::backdrop{background:rgba(3,10,19,.66)}.pwa-dialog form{position:relative;padding:24px}.pwa-dialog h2{margin:7px 0 8px}.pwa-dialog p{color:var(--soft);font-size:12px;line-height:1.55}.pwa-dialog-close{position:absolute;right:11px;top:9px;border:0;background:transparent;color:var(--muted);font-size:25px}.pwa-dialog-mark{color:var(--exactla-lime-ink);font-size:29px;font-weight:900}
.data-status.cached{background:rgba(215,148,0,.08);border-color:rgba(215,148,0,.30)}.data-status.cached b{color:#aa7200}:root[data-theme="dark"] .data-status.cached b{color:#f0bd50}
@media(max-width:900px){.pwa-install-header{display:none!important}}
@media(prefers-reduced-motion:reduce){.pwa-toast{transition:none!important}}

/* V7.3 · refinamiento final Metro para desktop + mobile */
.home{padding:14px}
.mosaic{gap:12px}
.tile-action{line-height:1.18;gap:10px}
.tile-watermark{opacity:.035}

/* Paleta más diferenciada y con contraste AA para texto blanco pequeño. */
.bg-green{background:linear-gradient(135deg,#0f692b,#177b37)}
.bg-blue{background:linear-gradient(135deg,#064b8c,#075da9)}
.bg-orange{background:linear-gradient(135deg,#a94100,#bd5000)}
.bg-purple{background:linear-gradient(135deg,#442078,#552990)}
.bg-teal{background:linear-gradient(135deg,#056164,#087b7a)}
.bg-deepblue{background:linear-gradient(135deg,#06355f,#074a7f)}
.bg-gold{background:linear-gradient(135deg,#7a4f00,#9d6700)}
.bg-lime{background:linear-gradient(135deg,#35691f,#467f29)}
.bg-navy{background:linear-gradient(135deg,#052b4a,#063d68)}
.bg-red{background:linear-gradient(135deg,#862525,#aa3330)}
.bg-magenta,:root[data-theme="light"] .bg-magenta{background:linear-gradient(135deg,#8e0f51,#b41462)}

@media(max-width:620px){
  .home{padding:7px}
  .mosaic{gap:7px}
  .tile.mobile-feature{grid-column:span 2;min-height:174px;padding:14px}
  .tile.mobile-feature .tile-number{font-size:36px;margin-top:17px}
  .tile.mobile-feature .tile-subnumber{font-size:11px}
  .tile.mobile-feature .tile-action{font-size:10px}
  .tile.fx-feature{min-height:190px}
  .tile.fx-feature h2{font-size:18px}
  .tile.fx-feature .live-rate{gap:30px}
  .tile.fx-feature .live-rate strong{font-size:27px}
  .tile.fx-feature .rate-meta{font-size:9px}
  .inflation-feature{min-height:174px}
}
.tile-kicker,.tile-subnumber,.rate-meta{opacity:1;color:rgba(255,255,255,.97)}
.euro-mini{opacity:1}


/* V11.2 · crédito Sandía Binaria */
.footer-credit{margin-top:6px;font-size:10px;line-height:1.35;color:var(--muted)}
.footer-credit a{color:var(--exactla-lime-ink);font-weight:900;text-decoration:none}
.footer-credit a:hover{text-decoration:underline}
@media(max-width:620px){.footer-credit{font-size:9px;margin-top:5px}}

/* v11.12 FINAL · naranja más vivo, combos legibles y consentimiento */
:root{--orange:#c84d00}
.bg-orange,.hero.bg-orange{background:linear-gradient(135deg,#b94200 0%,#c64a00 48%,#cb4f00 100%)}
.chip.active,.btn-primary{background:var(--orange);border-color:var(--orange)}
.input-wrap select{color:var(--ink);background-color:transparent;color-scheme:light}
.input-wrap select option,.input-wrap select optgroup{background:#f7fbff;color:#0d1b2e}
.input-wrap select option[disabled]{color:#718198}
:root[data-theme="dark"] .input-wrap select option,
:root[data-theme="dark"] .input-wrap select optgroup{background:#f7fbff;color:#0d1b2e}
:root[data-theme="dark"] .input-wrap select option[disabled]{color:#718198}
.consent-panel{position:fixed;left:50%;bottom:16px;z-index:1000;width:min(760px,calc(100% - 24px));transform:translate(-50%,calc(100% + 40px));opacity:0;pointer-events:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 18px;background:var(--panel);color:var(--ink);border:1px solid var(--border);border-left:4px solid var(--exactla-lime);box-shadow:0 18px 60px rgba(0,0,0,.3);transition:transform .2s ease,opacity .2s ease}
.consent-panel.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.consent-copy strong{font-size:14px}.consent-copy p{margin:5px 0 0;font-size:11px;line-height:1.5;color:var(--soft)}.consent-copy a{color:var(--exactla-lime-ink);font-weight:800;text-decoration:underline}.consent-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.consent-btn{border:1px solid var(--border);padding:10px 13px;font-size:11px;font-weight:850}.consent-primary{background:var(--exactla-lime);border-color:var(--exactla-lime);color:#06140b}.consent-secondary{background:var(--surface2);color:var(--ink)}.consent-manage-link{border:0;background:transparent;color:var(--muted);padding:0;font:inherit;text-decoration:underline;cursor:pointer}.consent-manage-link:hover{color:var(--ink)}
@media(max-width:620px){.consent-panel{bottom:8px;grid-template-columns:1fr;gap:12px;padding:14px}.consent-actions{justify-content:stretch}.consent-btn{flex:1}.consent-copy p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.consent-panel{transition:none}}

/* v11.13 FINAL · naranja realmente más vivo + selects nativos 100% legibles */
:root{--orange:#e24a00}
.bg-orange,.hero.bg-orange{
  background:linear-gradient(135deg,#d93f00 0%,#e94e00 52%,#f0660a 100%);
}
.bg-orange .tile-kicker,.hero.bg-orange .eyebrow{color:#fff}
.chip.active,.btn-primary{background:var(--orange);border-color:var(--orange)}

/* En tema oscuro los selects usan una superficie clara deliberada.
   Esto evita el fallo de Chrome/Windows donde el popup nativo mostraba
   texto blanco sobre fondo blanco aunque las option tuvieran estilos. */
:root[data-theme="dark"] .input-wrap:has(select){
  background:#f4f7fb;
  border-color:#b9c8d9;
}
:root[data-theme="dark"] .input-wrap select{
  color-scheme:light!important;
  background:#f4f7fb!important;
  color:#0b1726!important;
  -webkit-text-fill-color:#0b1726!important;
  font-weight:800;
}
:root[data-theme="dark"] .input-wrap select option,
:root[data-theme="dark"] .input-wrap select optgroup{
  background:#fff!important;
  color:#0b1726!important;
  -webkit-text-fill-color:#0b1726!important;
}
:root[data-theme="dark"] .input-wrap select option:disabled{color:#6e7d90!important}
:root[data-theme="dark"] .input-wrap:has(select):focus-within{
  border-color:var(--exactla-lime);
  box-shadow:0 0 0 2px rgba(157,255,0,.16);
}