:root{
    --azul:#1B4B7A;
    --azul-osc:#143a5e;
    --azul-prof:#0E2A47;
    --azul-claro:#EAF1F8;
    --azul-borde:#C5D8EA;
    --rojo:#C8102E;
    --dorado:#C8923A;
    --tinta:#1F2933;
    --tinta-2:#52606D;
    --tinta-3:#7B8794;
    --bg:#F5F7FA;
    --borde:#E1E5EA;
    --blanco:#FFFFFF;
    --verde:#0F7A4D;
    --verde-bg:#E8F4EE;
    --ambar:#8A6100;
    --ambar-bg:#FBF3DD;
    --radio:8px;
    --display:'Fraunces',Georgia,serif;
    --sans:'Libre Franklin',system-ui,-apple-system,sans-serif;
  }

  /* Modo oscuro: redefine las variables */
  [data-theme="dark"]{
    --azul:#3a7cb3;
    --azul-osc:#2d6494;
    --azul-prof:#1B4B7A;
    --azul-claro:#1e2a37;
    --azul-borde:#2d4458;
    --tinta:#E8ECEF;
    --tinta-2:#B5BEC7;
    --tinta-3:#8A94A0;
    --bg:#0F1620;
    --borde:#2A3340;
    --blanco:#1A2230;
    --verde-bg:#163828;
    --ambar-bg:#3a2e15;
  }

  /* Niveles de zoom de texto (accesibilidad) */
  html[data-font="lg"]{font-size:17.5px}
  html[data-font="xl"]{font-size:19px}
  *{box-sizing:border-box;margin:0;padding:0}
  html{font-size:16px}
  html,body{max-width:100%;overflow-x:hidden}
  body{
    font-family:var(--sans);
    color:var(--tinta);background:var(--bg);line-height:1.55;font-size:.95rem;
    -webkit-text-size-adjust:100%;
  }
  a{color:var(--azul)}

  /* Header */
  header.top{
    background:var(--blanco);border-bottom:1px solid var(--borde);
  }
  header.top .top-in{
    max-width:820px;margin:0 auto;padding:.7rem 1rem;
    display:flex;align-items:center;gap:.7rem;
  }
  header.top .logo{
    width:34px;height:34px;border-radius:6px;background:var(--azul);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    color:#fff;font-weight:700;font-size:1rem;font-family:var(--display);
  }
  header.top .logo-img{
    width:44px;height:44px;border-radius:8px;flex-shrink:0;display:block;object-fit:contain;
  }
  header.top .titulo{flex:1;min-width:0;text-decoration:none;color:inherit;display:block}
  header.top .titulo:hover .marca-nombre{color:var(--azul)}
  header.top .marca-nombre{font-size:1.05rem;line-height:1.2;font-weight:600;color:var(--tinta);font-family:var(--display);display:block}
  header.top p{font-size:.75rem;color:var(--tinta-3);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* Espacio reservado para logo rectangular (banner/marca) */
  header.top .logo-rect{
    width:120px;height:38px;border:1px dashed var(--borde);border-radius:6px;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    font-size:.68rem;color:var(--tinta-3);background:var(--bg);
  }
  /* Botón hamburguesa (oculto en desktop) */
  .hamb{
    display:none;background:none;border:1px solid var(--borde);border-radius:6px;
    width:42px;height:42px;cursor:pointer;flex-shrink:0;
    align-items:center;justify-content:center;
  }
  .hamb svg{width:22px;height:22px;stroke:var(--tinta);stroke-width:2;fill:none}

  /* Botones de accesibilidad (fuente y tema) */
  .acc-tools{display:flex;gap:.35rem;flex-shrink:0}
  .acc-btn{
    background:none;border:1px solid var(--borde);border-radius:6px;
    width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;
    color:var(--tinta-2);transition:background .15s ease,color .15s ease,border-color .15s ease;
  }
  .acc-btn:hover{background:var(--azul-claro);color:var(--azul);border-color:var(--azul-borde)}
  .acc-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .acc-btn.active{background:var(--azul);color:#fff;border-color:var(--azul)}

  nav.main{background:var(--azul)}
  nav.main .nav-in{max-width:820px;margin:0 auto;display:flex;flex-wrap:wrap}
  nav.main a{
    color:#fff;text-decoration:none;padding:.65rem .9rem;font-size:.85rem;
    opacity:.92;font-weight:500;
  }
  nav.main a:hover{opacity:1;background:rgba(0,0,0,.15)}

  .container{max-width:820px;margin:0 auto;padding:0 1rem;width:100%}

  /* Hero con fondo de color */
  .hero{
    background:linear-gradient(160deg,var(--azul) 0%,var(--azul-prof) 100%);
    color:#fff;padding:2.25rem 1rem 2rem;position:relative;overflow:hidden;
  }
  .hero::after{
    content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;
    border-radius:50%;background:rgba(255,255,255,.04);
  }
  .hero::before{
    content:"";position:absolute;right:30px;bottom:-90px;width:180px;height:180px;
    border-radius:50%;background:rgba(200,146,58,.07);
  }
  .hero-in{max-width:820px;margin:0 auto;position:relative;z-index:1;text-align:center}
  .hero .badge{
    display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.05em;
    text-transform:uppercase;background:rgba(255,255,255,.14);
    padding:.3rem .7rem;border-radius:20px;margin-bottom:.9rem;
    border:1px solid rgba(255,255,255,.18);
  }
  .hero h1{
    font-family:var(--display);font-size:2rem;line-height:1.15;font-weight:600;
    margin-bottom:.55rem;letter-spacing:-.01em;
  }
  .hero p{font-size:1rem;color:rgba(255,255,255,.85);margin:0 auto 1.4rem;max-width:600px}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;max-width:520px;margin:0 auto}
  .stats .s{
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
    border-radius:12px;padding:.85rem .6rem;text-align:center;
    backdrop-filter:blur(2px);
  }
  .stats .s .n{font-size:1.15rem;font-weight:700;color:#fff;line-height:1.1;font-family:var(--display)}
  .stats .s .l{font-size:.72rem;color:rgba(255,255,255,.72);margin-top:.3rem}

  /* Cómo funciona: cards cuadradas centradas */
  .como{padding:1.75rem 0 .5rem}
  .como h3.sec{font-family:var(--display);font-size:1.15rem;font-weight:600;color:var(--tinta);margin-bottom:1rem;text-align:center}
  .grid-como{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
  .ccard{
    background:var(--blanco);border:1px solid var(--borde);border-radius:16px;
    padding:1.4rem 1rem;text-align:center;
    display:flex;flex-direction:column;align-items:center;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  }
  .ccard:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(27,75,122,.1);border-color:var(--azul-borde)}
  .ccard .dot{
    width:52px;height:52px;border-radius:14px;
    background:var(--azul-claro);color:var(--azul);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:.85rem;
  }
  .ccard .dot svg{width:26px;height:26px;stroke:var(--azul);stroke-width:1.8;fill:none}
  .ccard h4{font-size:.98rem;font-weight:600;color:var(--tinta);margin-bottom:.35rem}
  .ccard p{font-size:.83rem;color:var(--tinta-2);line-height:1.5}

  /* Calculadora */
  .calc-sec{padding:1.5rem 0}
  .calc{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}
  .calc-head{background:var(--azul);color:#fff;padding:.9rem 1.1rem;border-left:4px solid var(--rojo)}
  .calc-head h2{font-size:1.15rem;font-weight:600;font-family:var(--display)}
  .calc-head p{font-size:.82rem;opacity:.9;margin-top:.1rem}
  .calc-body{padding:1.1rem}

  .campo{margin-bottom:1rem}
  .campo>label{display:block;font-size:.9rem;font-weight:600;color:var(--tinta);margin-bottom:.4rem}
  .ayuda{font-size:.78rem;color:var(--tinta-3);margin-top:.3rem}
  input[type=number],select{
    width:100%;font-size:1rem;padding:.6rem .7rem;border:1px solid var(--borde);
    border-radius:6px;background:var(--blanco);color:var(--tinta);min-height:44px;
  }
  input[type=number]:focus,select:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-claro)}
  .fila{display:flex;gap:.7rem;flex-wrap:wrap}
  .fila>.campo{flex:1;min-width:135px}

  .seg{display:flex;gap:.5rem;flex-wrap:wrap}
  .seg button{
    flex:1;min-width:130px;min-height:46px;font-size:.92rem;font-weight:600;
    border:1px solid var(--borde);background:var(--blanco);color:var(--tinta-2);border-radius:6px;cursor:pointer;padding:.5rem;
  }
  .seg button[aria-pressed=true]{border-color:var(--azul);background:var(--azul-claro);color:var(--azul-osc)}

  .link-modo{background:none;border:none;color:var(--azul);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:.4rem 0;min-height:38px}
  .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
  .adv-grid label{font-size:.75rem;color:var(--tinta-3);display:block;margin-bottom:.2rem}

  .aporte-box{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border-radius:6px;padding:.65rem .8rem;margin-top:.5rem}
  .aporte-box .lbl{font-size:.85rem;color:var(--tinta-2)}
  .aporte-box .val{font-size:1.1rem;font-weight:700;color:var(--azul)}

  .check-fila{display:flex;align-items:center;gap:.5rem;padding:.65rem;border:1px solid var(--borde);border-radius:6px;cursor:pointer;margin-top:.5rem}
  .check-fila input{width:20px;height:20px;flex-shrink:0}
  .check-fila label{font-size:.9rem;cursor:pointer}

  .resultado{background:var(--azul);color:#fff;border-radius:var(--radio);padding:1.1rem;margin-top:.3rem;text-align:center}
  .resultado .lbl{font-size:.85rem;opacity:.88}
  .resultado .monto{font-size:2rem;font-weight:700;line-height:1.1;margin:.25rem 0}
  .resultado .estado{font-size:.85rem;margin-top:.35rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.25);opacity:.95}

  .bloque{border-radius:var(--radio);padding:.9rem 1rem;margin-top:.85rem}
  .bloque h3{font-size:.98rem;margin-bottom:.5rem}
  .bloque.info{background:var(--azul-claro);border:1px solid var(--azul-borde)}
  .bloque.info h3{color:var(--azul-osc)}
  .bloque.warn{background:var(--ambar-bg);border:1px solid #E6D08F}
  .bloque.warn h3{color:var(--ambar)}
  .bloque.danger{background:#FBEAEC;border:1px solid #EBC0C6}
  .bloque.danger h3{color:var(--rojo)}

  table.desglose{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:.85rem}
  table.desglose td{padding:.5rem 0;border-bottom:1px solid var(--borde);color:var(--tinta-2)}
  table.desglose td:last-child{text-align:right;font-weight:600;white-space:nowrap;color:var(--tinta)}
  table.desglose tr:last-child td{border-bottom:none;font-size:1rem}

  .esc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}
  .esc-card{background:var(--blanco);border:1px solid var(--borde);border-radius:6px;padding:.6rem .4rem;text-align:center}
  .esc-card.now{border-color:var(--azul);background:var(--azul-claro)}
  .esc-card .e-lbl{font-size:.72rem;color:var(--tinta-3)}
  .esc-card .e-val{font-size:1rem;font-weight:700;margin-top:.15rem}

  .dual{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
  .dual .opt{background:var(--blanco);border:1px solid var(--borde);border-radius:6px;padding:.7rem}
  .dual .opt .o-lbl{font-size:.78rem;color:var(--tinta-3)}
  .dual .opt .o-val{font-size:1.05rem;font-weight:700;margin:.15rem 0;color:var(--tinta)}
  .dual .opt .o-det{font-size:.74rem;color:var(--tinta-3)}

  .cta-siguiente{display:none;margin-top:.85rem;background:var(--verde-bg);border:1px solid #B6DCC8;border-radius:var(--radio);padding:1.1rem 1rem;text-align:center}
  .cta-siguiente h3{color:var(--verde);font-size:.98rem;margin-bottom:.35rem}
  .cta-siguiente p{font-size:.85rem;color:var(--tinta-2);margin-bottom:.7rem}
  .cta-siguiente a{display:inline-block;background:var(--verde);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;padding:.7rem 1.3rem;border-radius:6px;min-height:42px;line-height:1.6}

  .disclaimer{font-size:.78rem;color:var(--tinta-3);line-height:1.6;margin-top:1rem;padding:.85rem;background:var(--bg);border-radius:6px}

  /* Contenido SEO */
  .contenido{padding:1.5rem 0}
  .contenido h2{font-size:1.3rem;font-weight:600;margin:1.25rem 0 .6rem;color:var(--tinta);font-family:var(--display)}
  .contenido h2:first-child{margin-top:0}
  .contenido p{font-size:.92rem;color:var(--tinta-2);margin-bottom:.7rem}

  /* Encabezado de sección reutilizable */
  .sec-h{padding:1.5rem 0 .25rem}
  .sec-h h2{font-family:var(--display);font-size:1.4rem;font-weight:600;color:var(--tinta);margin-bottom:.3rem}
  .sec-h p{font-size:.9rem;color:var(--tinta-2);max-width:620px}

  /* Tabla de pensiones */
  .tabla-pension{padding:.75rem 0 1.5rem}
  .tp-wrap{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;overflow:hidden}
  table.tp{width:100%;border-collapse:collapse;font-size:.9rem}
  table.tp th{background:var(--azul-claro);color:var(--azul-osc);font-weight:600;text-align:left;padding:.7rem .85rem;font-size:.82rem}
  table.tp th:last-child,table.tp td:last-child{text-align:right}
  table.tp td{padding:.65rem .85rem;border-top:1px solid var(--borde);color:var(--tinta-2)}
  table.tp td:last-child{font-weight:700;color:var(--azul);white-space:nowrap}
  table.tp tr:nth-child(even) td{background:#FAFBFC}
  .tp-nota{font-size:.78rem;color:var(--tinta-3);margin-top:.6rem;line-height:1.5}

  /* Tarjetas tipos de jubilación */
  .tipos{padding:.75rem 0 1.5rem}
  .grid-tipos{display:grid;grid-template-columns:1fr;gap:.7rem}
  .tipo-card{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;padding:1rem 1.1rem;border-left:4px solid var(--azul)}
  .tipo-card h4{font-size:1rem;font-weight:600;color:var(--tinta);margin-bottom:.3rem;font-family:var(--display)}
  .tipo-card p{font-size:.85rem;color:var(--tinta-2);margin-bottom:.5rem}
  .tipo-card .req{display:flex;flex-wrap:wrap;gap:.4rem}
  .tipo-card .chip{font-size:.74rem;background:var(--bg);border:1px solid var(--borde);border-radius:20px;padding:.2rem .6rem;color:var(--tinta-2)}

  /* Novedades 2026 */
  .novedades{padding:.75rem 0 1.5rem}
  .nov-wrap{background:linear-gradient(160deg,var(--azul-claro),var(--blanco));border:1px solid var(--azul-borde);border-radius:12px;padding:1.1rem 1.2rem}
  .nov-item{display:flex;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--azul-borde)}
  .nov-item:last-child{border-bottom:none}
  .nov-item .yr{flex-shrink:0;font-size:.72rem;font-weight:700;color:#fff;background:var(--azul);border-radius:6px;padding:.25rem .5rem;height:fit-content;font-family:var(--display)}
  .nov-item .txt{font-size:.86rem;color:var(--tinta-2)}
  .nov-item .txt strong{color:var(--tinta)}

  /* Completar aportes: préstamo vs armada */
  .completar-sec{padding:.75rem 0 1.5rem}
  .comp-grid{display:grid;grid-template-columns:1fr;gap:.7rem}
  .comp-card{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;padding:1.1rem 1.2rem}
  .comp-card h4{font-size:1.02rem;font-weight:600;color:var(--tinta);margin-bottom:.4rem;font-family:var(--display);display:flex;align-items:center;gap:.5rem}
  .comp-card h4 .tag{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.18rem .5rem;border-radius:20px}
  .comp-card.armada h4 .tag{background:var(--verde-bg);color:var(--verde)}
  .comp-card.prestamo h4 .tag{background:var(--azul-claro);color:var(--azul)}
  .comp-card p{font-size:.86rem;color:var(--tinta-2);margin-bottom:.6rem}
  .comp-card ul{list-style:none;margin:0}
  .comp-card li{font-size:.84rem;color:var(--tinta-2);padding:.35rem 0 .35rem 1.3rem;position:relative}
  .comp-card li::before{content:"";position:absolute;left:2px;top:.7rem;width:6px;height:6px;border-radius:50%;background:var(--azul)}
  .comp-intro{background:var(--azul-claro);border:1px solid var(--azul-borde);border-radius:12px;padding:1rem 1.2rem;margin-bottom:.8rem;font-size:.88rem;color:var(--tinta-2)}
  .comp-nota{font-size:.78rem;color:var(--tinta-3);margin-top:.7rem;line-height:1.5}

  /* Fuentes y metodología */
  .fuentes{padding:.75rem 0 1.5rem}
  .fuentes-wrap{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;padding:1.1rem 1.2rem}
  .fuentes-wrap p{font-size:.88rem;color:var(--tinta-2);margin-bottom:.7rem}
  .fuentes-wrap ul{list-style:none;margin:.4rem 0}
  .fuentes-wrap li{font-size:.85rem;color:var(--tinta-2);padding:.4rem 0 .4rem 1.4rem;position:relative;border-top:1px solid var(--borde)}
  .fuentes-wrap li:first-child{border-top:none}
  .fuentes-wrap li::before{content:"§";position:absolute;left:0;color:var(--azul);font-weight:700}
  .fuentes-wrap li strong{color:var(--tinta)}

  details{background:#fff;border:1px solid var(--borde);border-radius:6px;margin-bottom:.5rem;overflow:hidden}
  details summary{padding:.8rem .9rem;font-size:.92rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px}
  details summary::-webkit-details-marker{display:none}
  details summary::after{content:"+";font-size:1.2rem;color:var(--azul);font-weight:400;flex-shrink:0}
  details[open] summary::after{content:"–"}
  details .ans{padding:0 .9rem .9rem;font-size:.88rem;color:var(--tinta-2)}

  footer{background:var(--tinta);color:#aeb6bf;padding:1.5rem 1rem;font-size:.85rem;margin-top:1rem}
  footer .cols{max-width:820px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
  footer h4{color:#fff;font-size:.92rem;margin-bottom:.5rem;font-family:var(--display)}
  footer a{color:#aeb6bf;text-decoration:none;display:block;padding:.25rem 0}
  footer a:hover{color:#fff}
  footer .ext::after{content:" ↗";font-size:.75rem;opacity:.6}
  footer .brand-foot{max-width:820px;margin:1.5rem auto 0;text-align:center;padding-top:1.25rem;border-top:1px solid #3a4654}
  footer .brand-foot h4{font-size:1rem;margin-bottom:.4rem;text-align:center}
  footer .brand-foot p{color:#7b8794;font-size:.82rem;max-width:540px;margin:0 auto}
  footer .legal{max-width:820px;margin:1rem auto 0;padding-top:.75rem;font-size:.76rem;color:#7b8794;line-height:1.6;text-align:center}

  /* ===== Responsive ===== */
  @media(max-width:719px){
    .hamb{display:flex}
    nav.main .nav-in{flex-direction:column;display:none}
    nav.main .nav-in.open{display:flex}
    nav.main a{border-top:1px solid rgba(255,255,255,.1)}
    header.top .logo-rect{display:none}
    header.top .titulo p{display:none}
    .acc-btn{width:34px;height:34px}
    .acc-btn svg{width:18px;height:18px}
  }
  @media(min-width:720px){
    .grid-como{grid-template-columns:repeat(4,1fr)}
    .hero h1{font-size:2.3rem}
    .hero p{font-size:1.05rem}
    footer .cols{grid-template-columns:repeat(4,1fr)}
  }
/* ===== Páginas internas ===== */
.page-hero{background:linear-gradient(160deg,var(--azul) 0%,var(--azul-prof) 100%);color:#fff;padding:1.75rem 1rem}
.page-hero .ph-in{max-width:820px;margin:0 auto}
.breadcrumb{font-size:.8rem;color:rgba(255,255,255,.7);margin-bottom:.6rem}
.breadcrumb a{color:rgba(255,255,255,.85);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.page-hero h1{font-family:var(--display);font-size:1.7rem;line-height:1.2;font-weight:600;margin-bottom:.4rem}
.page-hero p{font-size:1rem;color:rgba(255,255,255,.85);max-width:640px}
.page-body{max-width:820px;margin:0 auto;padding:1.5rem 1rem}
.page-body h2{font-family:var(--display);font-size:1.35rem;font-weight:600;color:var(--tinta);margin:1.75rem 0 .7rem}
.page-body h2:first-child{margin-top:0}
.page-body h3{font-size:1.05rem;font-weight:600;color:var(--tinta);margin:1.1rem 0 .4rem}
.page-body p{font-size:.95rem;color:var(--tinta-2);margin-bottom:.8rem;line-height:1.65}
.page-body ul,.page-body ol{margin:.4rem 0 1rem 0;padding-left:0;list-style:none}
.page-body li{font-size:.95rem;color:var(--tinta-2);padding:.3rem 0 .3rem 1.5rem;position:relative;line-height:1.6}
.page-body li::before{content:"";position:absolute;left:4px;top:.85rem;width:7px;height:7px;border-radius:50%;background:var(--azul)}
.page-body strong{color:var(--tinta)}

/* Pasos (timeline) */
.pasos{counter-reset:paso;margin:1rem 0}
.paso{position:relative;padding:0 0 1.4rem 3.2rem;border-left:2px solid var(--azul-borde);margin-left:1rem}
.paso:last-child{border-left-color:transparent;padding-bottom:0}
.paso::before{counter-increment:paso;content:counter(paso);position:absolute;left:-1.05rem;top:-.2rem;width:2.1rem;height:2.1rem;background:var(--azul);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--display);font-size:1rem}
.paso h3{margin:0 0 .3rem 0;font-size:1.05rem;color:var(--tinta)}
.paso p{font-size:.92rem;margin-bottom:.3rem}

/* Caja de datos / aviso */
.dato-box{background:var(--azul-claro);border:1px solid var(--azul-borde);border-radius:12px;padding:1rem 1.2rem;margin:1rem 0}
.dato-box h3{margin-top:0;color:var(--azul-osc)}
.dato-box.warn{background:var(--ambar-bg);border-color:#E6D08F}
.dato-box.warn h3{color:var(--ambar)}

/* Tarjeta CTA hacia la calculadora */
.cta-calc{background:var(--blanco);border:1px solid var(--borde);border-left:4px solid var(--azul);border-radius:12px;padding:1.1rem 1.2rem;margin:1.5rem 0;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between}
.cta-calc .txt h3{margin:0 0 .2rem 0;font-size:1rem}
.cta-calc .txt p{margin:0;font-size:.86rem}
.cta-calc a{display:inline-block;background:var(--azul);color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;padding:.7rem 1.2rem;border-radius:8px;white-space:nowrap}

/* Enlaces relacionados */
.relacionados{margin:1.75rem 0 0}
.relacionados h2{margin-bottom:.7rem}
.rel-grid{display:grid;grid-template-columns:1fr;gap:.6rem}
.rel-card{display:block;background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:.85rem 1rem;text-decoration:none}
.rel-card:hover{border-color:var(--azul-borde);background:var(--azul-claro)}
.rel-card .t{font-size:.95rem;font-weight:600;color:var(--azul);margin-bottom:.15rem}
.rel-card .d{font-size:.82rem;color:var(--tinta-2)}

/* Tabla de contenidos */
.toc{background:var(--bg);border:1px solid var(--borde);border-radius:10px;padding:.9rem 1.1rem;margin:1rem 0}
.toc strong{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--tinta-3);margin-bottom:.5rem}
.toc a{display:block;font-size:.9rem;color:var(--azul);text-decoration:none;padding:.25rem 0}
.toc a:hover{text-decoration:underline}

@media(min-width:720px){
  .page-hero h1{font-size:2.1rem}
  .rel-grid{grid-template-columns:1fr 1fr}
}