:root{--navy:#071b3d;--blue:#1267e8;--teal:#12a99a;--bg:#f7f9fc;--text:#0d1b34;--muted:#64748b;--card:#fff;--line:#e5eaf2;--danger:#c62828}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand img{width:54px;height:54px;object-fit:contain;object-position:center top}.brand span{font-size:28px;font-weight:800;letter-spacing:-1px}.menu{font-size:14px;color:var(--muted);display:flex;gap:24px}.menu a{color:inherit;text-decoration:none}
.hero{background:linear-gradient(135deg,#fff 0%,#f2f7ff 100%);padding:64px 6% 54px}.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero h1{font-size:clamp(42px,6vw,68px);line-height:.98;margin:12px 0 18px;letter-spacing:-2.8px;color:var(--navy)}.hero p{font-size:20px;line-height:1.55;color:#526176;max-width:650px;margin:0 0 28px}.search{display:flex;background:#fff;border:1px solid #d9e0eb;border-radius:16px;padding:7px;box-shadow:0 10px 30px rgba(12,36,70,.08);max-width:650px}.search input{flex:1;border:0;outline:0;padding:14px 16px;font-size:16px}.search button{border:0;border-radius:11px;background:var(--blue);color:#fff;padding:0 22px;font-weight:750;cursor:pointer}.hero-art{display:flex;justify-content:center}.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 20px 60px rgba(18,44,88,.12);max-width:390px}.hero-card img{width:100%;height:250px;object-fit:contain;object-position:center top}
.market{max-width:1180px;margin:0 auto;padding:28px 6% 10px}.market-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.market-head h2{margin:0;font-size:22px}.market-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.market-date{font-size:12px;color:var(--muted);white-space:nowrap}.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quote{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 4px 16px rgba(14,36,70,.03);cursor:pointer}.quote-label{font-size:12px;color:var(--muted);font-weight:750}.quote-value{font-size:21px;font-weight:850;color:var(--navy);margin-top:5px}.quote-source{font-size:10px;color:#8a97aa;margin-top:5px}.loading{color:#8a97aa;font-size:13px}.section{max-width:1180px;margin:0 auto;padding:46px 6% 70px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-title h2{margin:0;font-size:28px;letter-spacing:-.8px}.section-title p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;gap:16px;min-height:150px;cursor:pointer;transition:.18s;box-shadow:0 4px 18px rgba(14,36,70,.03)}.tool:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(14,36,70,.08)}.icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:27px;flex:none}.i1{background:#dff8ee}.i2{background:#e5efff}.i3{background:#fff0df}.i4{background:#efe6ff}.i5{background:#ffe7ec}.i6{background:#ddf7f4}.i7{background:#e2f1ff}.i8{background:#fff2c9}.i9{background:#e3f7e8}.arrow{margin-left:auto;color:#8190a5;font-size:24px;align-self:center}.ad{margin-top:24px;border:1px dashed #cdd6e3;border-radius:18px;background:#fff;padding:18px;text-align:center;color:#9aa6b7;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.footer{background:#081b3d;color:#dce6f5;padding:35px 6%;text-align:center}
.modal{display:none;position:fixed;inset:0;background:rgba(3,17,40,.58);z-index:20;padding:20px;overflow:auto}.modal.show{display:flex;align-items:flex-start;justify-content:center}.panel{width:min(680px,100%);background:#fff;border-radius:24px;margin:20px auto;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.2);position:relative}.home-btn{border:1px solid #d8e0eb;border-radius:12px;background:#fff;color:var(--navy);padding:11px 15px;font-weight:800;cursor:pointer;margin-top:18px}.close{position:absolute;right:16px;top:14px;border:0;background:#f1f5f9;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}.panel h2{margin:0 48px 6px 0;font-size:28px}.panel .sub{color:var(--muted);margin:0 0 22px}.switch{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;margin-bottom:18px}.switch button{flex:1;border:0;background:transparent;padding:11px;border-radius:9px;font-weight:750;color:#64748b;cursor:pointer}.switch button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(0,0,0,.07)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #d8e0eb;border-radius:12px;padding:13px 14px;font-size:17px;outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,103,232,.1)}.primary{width:100%;border:0;border-radius:12px;background:var(--blue);color:#fff;padding:14px;font-size:16px;font-weight:800;cursor:pointer;margin-top:16px}.secondary{border:1px solid #d8e0eb;border-radius:12px;background:#fff;color:var(--navy);padding:12px 15px;font-weight:750;cursor:pointer}.result{margin-top:18px;background:#f5f9ff;border:1px solid #dbe9ff;border-radius:16px;padding:17px}.result .big{font-size:29px;font-weight:850;color:var(--navy);margin-top:3px}.rows{display:grid;gap:8px;margin-top:10px}.row{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #e4ebf4}.row:last-child{border-bottom:0}.hint{font-size:12px;color:#718096;margin-top:12px;line-height:1.45}.error{color:var(--danger);font-size:13px;margin-top:10px}.ad-modal{margin-top:18px;border:1px dashed #cdd6e3;border-radius:14px;padding:12px;text-align:center;color:#9aa6b7;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hidden{display:none!important}
@media(max-width:800px){
.market{padding:14px 18px 2px}.market-head{display:flex;align-items:center;margin-bottom:8px}.market-head h2{font-size:18px}.market-head p{display:none}.market-date{font-size:10px;margin-top:0}.quotes{grid-template-columns:repeat(4,minmax(88px,1fr));gap:7px;overflow-x:auto;padding-bottom:4px}.quote{padding:9px 8px;border-radius:12px;min-width:88px}.quote-label{font-size:10px}.quote-value{font-size:14px;margin-top:3px}.quote-source{display:none}
header{padding:0 18px}.menu{display:none}.hero{padding:42px 18px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero-art{display:none}.hero h1{letter-spacing:-2px}.search button{padding:0 16px}.section{padding:34px 18px 55px}.grid{grid-template-columns:1fr}.section-title{display:block}.section-title p{margin-top:6px}.panel{margin:0 auto;padding:22px 18px;border-radius:20px}.fields{grid-template-columns:1fr}.modal{padding:10px}
}

/* DEMO VISUAL — NO ALTERA LA LÓGICA DE LAS CALCULADORAS */
.grid .tool:nth-child(1){background:linear-gradient(135deg,#e9f3ff,#dcecff);border-color:#cfe2fb}
.grid .tool:nth-child(2){background:linear-gradient(135deg,#e8fbf4,#d8f5e9);border-color:#ccebdd}
.grid .tool:nth-child(3){background:linear-gradient(135deg,#fff7dd,#ffefbd);border-color:#f6e3a6}
.grid .tool:nth-child(4){background:linear-gradient(135deg,#f4edff,#e9ddff);border-color:#ddcff8}
.grid .tool:nth-child(5){background:linear-gradient(135deg,#ffeef2,#ffdde6);border-color:#f7ccd8}
.grid .tool:nth-child(6){background:linear-gradient(135deg,#e9fbfb,#d5f3f2);border-color:#c9e9e8}
.grid .tool:nth-child(7){background:linear-gradient(135deg,#eaf4ff,#dcecff);border-color:#cfe1f5}
.grid .tool:nth-child(8){background:linear-gradient(135deg,#fff8df,#ffefba);border-color:#f2e0a4}
.grid .tool:nth-child(9){background:linear-gradient(135deg,#ebfaee,#daf4df);border-color:#cde8d2}
.grid .tool:nth-child(10){background:linear-gradient(135deg,#fff1e7,#ffe1cd);border-color:#f2d5c0}
.grid .tool:nth-child(11){background:linear-gradient(135deg,#e8f6ff,#d7edff);border-color:#c8e1f4}
.grid .tool:nth-child(12){background:linear-gradient(135deg,#f7ecff,#eadcff);border-color:#dbcaf2}
.grid .tool h3{color:var(--navy);margin-top:2px}
.grid .tool p{color:#506078}
.grid .tool .arrow{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.78);display:grid;place-items:center}
.grid .tool:hover{transform:translateY(-3px) scale(1.005)}
.content-section{max-width:1180px;margin:0 auto;padding:18px 6% 52px}
.content-section.alt{background:#fff;max-width:none}
.content-wrap{max-width:1180px;margin:0 auto}
.content-kicker{font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.content-section h2{font-size:30px;letter-spacing:-.8px;margin:0 0 10px;color:var(--navy)}
.content-intro{font-size:16px;line-height:1.65;color:#526176;max-width:860px;margin:0 0 24px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.guide-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 4px 18px rgba(14,36,70,.035)}
.guide-card:nth-child(1){background:#eef6ff}.guide-card:nth-child(2){background:#edfbf5}.guide-card:nth-child(3){background:#fff8e3}
.guide-card:nth-child(4){background:#f7efff}.guide-card:nth-child(5){background:#fff0f4}.guide-card:nth-child(6){background:#eefafa}
.guide-card h3{margin:0 0 10px;font-size:18px;color:var(--navy)}
.guide-card p{margin:0 0 9px;color:#526176;line-height:1.58;font-size:14px}
.example{margin-top:12px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.72);color:#32455f;font-size:13px;line-height:1.5}
.value-strip{max-width:1180px;margin:0 auto 40px;padding:0 6%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.value-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:13px;align-items:flex-start}
.value-item .badge{width:40px;height:40px;border-radius:12px;background:#eaf4ff;display:grid;place-items:center;font-size:20px;flex:none}
.value-item strong{display:block;color:var(--navy);margin-bottom:4px}.value-item span{font-size:13px;line-height:1.5;color:#607086}
.faq{display:grid;gap:10px;max-width:900px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px}
.faq summary{font-weight:800;cursor:pointer;color:var(--navy)}
.faq p{color:#526176;line-height:1.6;margin:10px 0 0;font-size:14px}
.about-box{background:linear-gradient(135deg,#edf5ff,#fff);border:1px solid #dbe7f5;border-radius:20px;padding:23px}
.about-box p{color:#526176;line-height:1.65;margin:0 0 11px}
.demo-ad{max-width:1180px;margin:0 auto 48px;padding:0 6%}
.demo-ad .ad-note{font-size:10px;color:#94a3b8;text-align:center;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}
.site-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px}.site-links a{color:#dce6f5;text-decoration:none}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}.value-strip{grid-template-columns:1fr}}
@media(max-width:800px){
 .guide-grid{grid-template-columns:1fr}
 .content-section{padding:22px 18px 38px}
 .value-strip{padding:0 18px}
 .demo-ad{padding:0 18px}
}


/* Refuerzo editorial para AdSense: no cambia la lógica de las calculadoras */
.tool-editorial{margin-top:24px;border-top:1px solid #e2e8f0;padding-top:22px;color:#334155}
.tool-editorial h3{color:#0f2f57;font-size:20px;margin:22px 0 8px}
.tool-editorial h4{color:#173b67;font-size:15px;margin:18px 0 6px}
.tool-editorial p,.tool-editorial li{font-size:14px;line-height:1.7}
.tool-editorial ul{padding-left:20px}
.example-box{background:#f7fbff;border:1px solid #dbeafe;border-radius:14px;padding:15px 17px;margin:12px 0}
.method-box{background:#fffaf0;border:1px solid #fde7b0;border-radius:14px;padding:15px 17px;margin:12px 0}
.source-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:13px 15px;margin-top:14px;font-size:13px;color:#64748b}
.related-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.related-tools button{border:1px solid #cfe0f2;background:white;color:#17456f;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}
.related-tools button:hover{background:#edf6ff}
.portal-note{max-width:1100px;margin:8px auto 34px;padding:0 24px}
.portal-note-inner{background:linear-gradient(135deg,#edf7ff,#f8fffb);border:1px solid #d8eaf5;border-radius:20px;padding:24px}
.portal-note h2{margin:0 0 8px;color:#0f2f57;font-size:24px}.portal-note p{margin:0;color:#53657a;line-height:1.65}
.panel{max-width:820px}



:root{
 --ab-navy:#0b2f5b;--ab-blue:#087bf5;--ab-blue2:#0069dc;--ab-ink:#12263f;
 --ab-muted:#607184;--ab-shell:#e8edf1;--ab-key:#2d465d;--ab-key2:#1e3347;
 --ab-lcd:#dbe7e1;--ab-line:#d7e0e8;--ab-bg:#f6f8fa;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ab-bg);color:var(--ab-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.ab-header{background:#fff;border-bottom:1px solid #e4e9ee;min-height:90px;display:flex;align-items:center}
.ab-header-in{width:min(1180px,calc(100% - 36px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}
.ab-brand{display:flex;align-items:center;gap:12px}
.ab-bars{display:flex;gap:4px;align-items:flex-end;height:43px}.ab-bars i{display:block;width:9px;border-radius:2px;background:linear-gradient(#62bbff,#087bf5)}.ab-bars i:nth-child(1){height:17px}.ab-bars i:nth-child(2){height:29px}.ab-bars i:nth-child(3){height:42px}
.ab-word{font-size:38px;line-height:.95;font-weight:800;color:var(--ab-navy);letter-spacing:-1px}.ab-tag{font-size:14px;color:#4b6176;margin-top:6px}
.ab-nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:650;color:#34516c}.ab-nav a:hover{color:var(--ab-blue)}
.ab-home{max-width:1180px;margin:30px auto 70px;padding:0 18px}
.ab-machine{background:linear-gradient(145deg,#fbfcfd,#e2e8ec);border:1px solid #c9d3dc;border-radius:30px;padding:28px;box-shadow:0 24px 60px rgba(25,45,65,.13),inset 0 1px 0 #fff}
.ab-screen{min-height:160px;background:linear-gradient(#dfeae5,#d3e0da);border:11px solid #182938;border-radius:18px;padding:26px 32px;display:flex;align-items:flex-start;justify-content:space-between;box-shadow:inset 0 3px 10px rgba(0,0,0,.18)}
.ab-screen-title{font-size:23px;color:#2e484c}.ab-screen-zero{font:72px "Courier New",monospace;color:#112d30}
.ab-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}
.ab-key{min-height:114px;background:linear-gradient(#304a61,#20364a);border:1px solid #15293a;border-bottom:5px solid #132536;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-weight:750;font-size:18px;box-shadow:0 6px 10px rgba(0,0,0,.15);transition:.15s}
.ab-key:hover{transform:translateY(-2px);background:linear-gradient(#385871,#27445d)}.ab-key-icon{font-size:29px;color:#dbeaff}.ab-key:first-child{background:linear-gradient(#1688ff,#006de4);border-color:#005dc8}
.ab-intro{max-width:980px;margin:34px auto 0;background:#fff;border:1px solid #e0e6eb;border-radius:20px;padding:30px;line-height:1.72}
.ab-intro h1,.ab-intro h2{color:var(--ab-navy)}.ab-intro h1{font-size:30px;margin-top:0}.ab-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.ab-intro-grid div{background:#f7f9fb;border:1px solid #e4e9ee;border-radius:15px;padding:18px}
.ab-page{max-width:980px;margin:28px auto 70px;padding:0 18px}.ab-back{display:inline-block;margin-bottom:17px;color:var(--ab-blue);font-weight:700}
.ab-toolbox{background:#fff;border:1px solid #dce4ea;border-radius:24px;box-shadow:0 16px 42px rgba(28,50,72,.08);overflow:hidden}
.ab-toolhead{padding:28px 30px;background:linear-gradient(90deg,#effaf6,#eef6ff)}.ab-toolhead h1{margin:0 0 8px;color:var(--ab-navy);font-size:34px}.ab-toolhead p{margin:0;line-height:1.55;color:#36516b}
.ab-toolbody{padding:28px 30px}
.ab-toolbody .panel-content{max-width:none;padding:0}.ab-toolbody .panel-content>h2:first-child{display:none}.ab-toolbody .panel-content>.sub:first-of-type{display:none}
.ab-article{background:#fff;border:1px solid #e0e6eb;border-radius:20px;padding:30px;margin-top:20px;font-size:16px;line-height:1.75}.ab-article h2,.ab-article h3{color:var(--ab-navy);line-height:1.25}.ab-article h2{margin-top:34px}.ab-article h2:first-child{margin-top:0}.ab-formula{background:#f3f7fb;border-left:4px solid var(--ab-blue);border-radius:10px;padding:14px 16px;margin:14px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ab-related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.ab-related a{border:1px solid #dbe4eb;border-radius:12px;padding:13px;background:#fafcfd;font-weight:700}.ab-related a:hover{border-color:#9cc9f8;color:var(--ab-blue)}
.ab-footer{background:#0c2c50;color:#d9e7f4;padding:32px 18px;margin-top:60px}.ab-footer-in{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ab-footer a{color:#fff}.ab-footer-links{display:flex;gap:16px;flex-wrap:wrap}
.ab-hidden-quotes{display:none!important}
@media(max-width:760px){
 .ab-header{min-height:72px}.ab-header-in{width:calc(100% - 28px)}.ab-word{font-size:30px}.ab-tag{display:none}.ab-nav a:not(:first-child){display:none}.ab-bars{height:34px}.ab-bars i{width:7px}.ab-bars i:nth-child(3){height:33px}
 .ab-home{margin-top:15px;padding:0 10px}.ab-machine{padding:12px;border-radius:21px}.ab-screen{min-height:105px;border-width:8px;padding:16px 18px;border-radius:15px}.ab-screen-title{font-size:15px}.ab-screen-zero{font-size:49px}
 .ab-keys{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:11px}.ab-key{min-height:80px;font-size:14px;border-radius:12px;gap:4px}.ab-key-icon{font-size:22px}
 .ab-intro{margin-top:20px;padding:21px 18px}.ab-intro h1{font-size:25px}.ab-intro-grid{grid-template-columns:1fr}
 .ab-page{padding:0 10px;margin-top:18px}.ab-toolhead,.ab-toolbody,.ab-article{padding:20px 18px}.ab-toolhead h1{font-size:27px}
 .ab-related{grid-template-columns:1fr 1fr}.ab-footer-in{display:block}.ab-footer-links{margin-top:18px}
}

.ab-screen-market{display:block}
.ab-market-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.ab-market-date{font-size:13px;color:#4c6264}
.ab-market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.ab-market-grid>div{border-left:1px solid rgba(30,55,58,.22);padding:0 15px;min-width:0}
.ab-market-grid>div:first-child{border-left:0;padding-left:0}
.ab-market-grid small{display:block;text-transform:uppercase;font-size:13px;font-weight:800;color:#435b5e;margin-bottom:6px}
.ab-market-grid strong{display:block;font:700 24px "Courier New",monospace;color:#112d30;white-space:nowrap}
.ab-market-grid .quote-source{display:none}
@media(max-width:760px){
 .ab-screen-market{min-height:150px}
 .ab-market-head{align-items:flex-start}.ab-market-date{font-size:10px;text-align:right;max-width:45%}
 .ab-market-grid{grid-template-columns:repeat(2,1fr);gap:11px 6px;margin-top:15px}
 .ab-market-grid>div,.ab-market-grid>div:first-child{border-left:0;padding:0}
 .ab-market-grid strong{font-size:17px}.ab-market-grid small{font-size:10px;margin-bottom:2px}
}