@font-face{font-family:Figtree;src:url(/assets/fonts/figtree-latin-variable.woff2)format("woff2-variations");font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;src:url(/assets/fonts/figtree-latin-ext-variable.woff2)format("woff2-variations");font-weight:300 900;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --azul:#003060; --azul-900:#00224A; --azul-accion:#0063AE; --azul-hover:#004E8C;
  --azul-suave:#EAF3FB; --azul-borde:#C2DCF2;
  --verde:#2E9E45; --verde-suave:#EAF7EC;
  --ambar:#E8A200; --ambar-suave:#FFF7E6;
  --rojo:#C6362F; --rojo-suave:#FDEDEC;
  --naranja:#E2701A; --naranja-suave:#FEF4EC;
  --g-a:#B02A26; --g-b:#D64541; --g-c:#F0891C; --g-d:#40B34E;
  --tinta:#101828; --texto:#344054; --gris:#475467; --gris-2:#667085;
  --linea:#E4E7EC; --linea-2:#F2F4F7;
  --fondo:#fff; --fondo-2:#F7F9FC; --fondo-3:#FBFCFE;
  --r:12px; --r-lg:18px; --r-sm:8px;
  --sombra:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --sombra-md:0 4px 8px -2px rgba(16,24,40,.06),0 2px 4px -2px rgba(16,24,40,.04);
  --sombra-lg:0 12px 20px -6px rgba(16,24,40,.08),0 4px 8px -4px rgba(16,24,40,.04);
  --ancho:1140px; --ancho-texto:720px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.68;color:var(--texto);background:var(--fondo);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--azul-accion);text-decoration:none}
a:hover{color:var(--azul-hover);text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--azul-accion);outline-offset:2px;border-radius:4px}
hr{border:0;border-top:1px solid var(--linea);margin:2.5rem 0}
[hidden]{display:none!important}
code{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;font-size:.885em;background:var(--fondo-2);
  border:1px solid var(--linea);border-radius:5px;padding:.09em .38em;color:var(--azul-900);word-break:break-word}
em{font-style:italic}

h1,h2,h3,h4{color:var(--tinta);line-height:1.22;letter-spacing:-.021em;font-weight:800;margin:0 0 .6em}
h1{font-size:clamp(1.85rem,1.25rem + 2.3vw,2.85rem);letter-spacing:-.028em}
h2{font-size:clamp(1.4rem,1.13rem + 1.05vw,1.85rem);margin-top:2.6em}
h3{font-size:clamp(1.13rem,1.03rem + .38vw,1.3rem);margin-top:1.9em;font-weight:750}
h4{font-size:1.03rem;margin-top:1.5em;font-weight:750}
h2:first-child,h3:first-child{margin-top:0}
p{margin:0 0 1.15em}
strong,b{font-weight:700;color:var(--tinta)}
small{font-size:.86rem;color:var(--gris-2)}

.contenedor{width:100%;max-width:var(--ancho);margin-inline:auto;padding-inline:20px}
.saltar{position:absolute;left:-9999px;top:0;background:var(--azul);color:#fff;padding:.8rem 1.2rem;z-index:200;border-radius:0 0 var(--r-sm) 0}
.saltar:focus{left:0}

/* ---------- Aviso de independencia ---------- */
.aviso-indep{background:var(--fondo-2);color:var(--gris-2);border-bottom:1px solid var(--linea-2);font-size:.75rem;letter-spacing:.005em;padding:.38rem 0;text-align:center;line-height:1.45}
.aviso-indep strong{color:var(--texto);font-weight:650}
.aviso-indep a{color:var(--azul-accion);text-decoration:underline;text-underline-offset:2px}
.aviso-indep .largo{display:inline}
@media(max-width:640px){
  .aviso-indep{font-size:.735rem;padding:.4rem 0}
  .aviso-indep .largo{display:none}
}

/* ---------- Header ---------- */
.cabecera{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6)blur(12px);border-bottom:1px solid var(--linea)}
.cabecera-fila{display:flex;align-items:center;gap:1.1rem;height:64px}
.marca{display:flex;align-items:center;flex-shrink:0}
.marca img{height:38px;width:auto}
.marca:hover{text-decoration:none;opacity:.85}
@media(max-width:520px){.marca img{height:32px}}
.pie-marca img{height:36px;width:auto;filter:brightness(0) invert(1)}
.nav{margin-left:auto;display:flex;align-items:center;gap:.15rem}
.nav a{color:var(--texto);font-size:.895rem;font-weight:600;padding:.5rem .7rem;border-radius:var(--r-sm);white-space:nowrap}
.nav a:hover{background:var(--azul-suave);color:var(--azul-accion);text-decoration:none}
.nav a[aria-current=page]{color:var(--azul-accion);background:var(--azul-suave)}
.btn-menu{display:none;margin-left:auto;background:none;border:1px solid var(--linea);border-radius:var(--r-sm);width:40px;height:40px;cursor:pointer;align-items:center;justify-content:center;color:var(--tinta)}
@media(max-width:940px){
  .btn-menu{display:flex}
  .nav{position:fixed;inset:104px 0 auto;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 20px 1.1rem;border-bottom:1px solid var(--linea);box-shadow:var(--sombra-lg);display:none;max-height:calc(100vh - 104px);overflow-y:auto}
  .nav.abierto{display:flex}
  .nav a{padding:.8rem .6rem;border-bottom:1px solid var(--linea-2);font-size:1rem;border-radius:0}
}

/* ---------- Migas ---------- */
.migas{font-size:.815rem;color:var(--gris-2);padding:.9rem 0 0}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.migas li:not(:last-child)::after{content:"›";margin-left:.35rem;color:#B0B7C3}
.migas a{color:var(--gris-2)}
.migas a:hover{color:var(--azul-accion)}
.migas [aria-current]{color:var(--tinta);font-weight:600}

/* ---------- Layout ---------- */
.disposicion{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2.8rem;align-items:start;padding:1.6rem 0 4rem}
.lateral{position:sticky;top:84px;display:flex;flex-direction:column;gap:1.3rem}
@media(max-width:1000px){.disposicion{grid-template-columns:1fr;gap:2rem}.lateral{position:static}}
.articulo{min-width:0}
.articulo>section{scroll-margin-top:88px}
.componente-insertado{display:contents}

/* ---------- Meta de página ---------- */
.meta-pagina{display:flex;flex-wrap:wrap;gap:.4rem .95rem;font-size:.815rem;color:var(--gris-2);margin:-.2em 0 1.4em;align-items:center}
@media(max-width:640px){
  body{font-size:16.5px}
  h1{line-height:1.16}
  .disposicion{padding-top:1rem}
  .meta-pagina{font-size:.775rem;margin-bottom:1.1rem;gap:.3rem .7rem}
  .respuesta-corta{padding:.95rem 1.1rem;margin-bottom:1.4rem}
  .respuesta-corta p{font-size:1rem}
  .widget{padding:1.25rem}
  .migas{padding-top:.7rem;font-size:.775rem}
}
.meta-pagina time{font-variant-numeric:tabular-nums}
.pildora{display:inline-flex;align-items:center;gap:.35rem;background:var(--azul-suave);color:var(--azul);font-size:.735rem;font-weight:700;padding:.24rem .62rem;border-radius:99px;letter-spacing:.015em;text-transform:uppercase}
.compartir-accion{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto}
.compartir-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .6rem;border:1px solid var(--linea);border-radius:99px;background:#fff;color:var(--azul-accion);font:inherit;font-weight:700;cursor:pointer}
.compartir-btn:hover{background:var(--azul-suave);border-color:var(--azul-borde)}
.compartir-estado{color:var(--verde);font-size:.75rem;min-height:1em}
@media(max-width:640px){.compartir-accion{width:100%;margin-left:0}.compartir-estado{flex:1}}

/* ---------- Respuesta corta (chunk para LLM) ---------- */
.respuesta-corta{background:linear-gradient(180deg,var(--azul-suave),#F7FAFE);border:1px solid var(--azul-borde);
  border-left:4px solid var(--azul-accion);border-radius:var(--r);padding:1.15rem 1.35rem;margin:0 0 2rem}
.respuesta-corta p{margin:0;font-size:1.055rem;color:var(--azul-900);line-height:1.6}
.respuesta-corta p+p{margin-top:.7em}
.respuesta-corta .et{display:block;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--azul-accion);margin-bottom:.45rem}

/* ---------- Widget de consulta ---------- */
.widget{background:linear-gradient(155deg,var(--azul) 0%,#004A8F 58%,#0072C6 175%);border-radius:var(--r-lg);
  padding:1.6rem;color:#fff;box-shadow:var(--sombra-lg);position:relative;overflow:hidden}
.widget::after{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-120px;
  background:radial-gradient(circle,rgba(90,175,240,.30),transparent 68%);pointer-events:none}
.widget-cab{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;position:relative}
.widget-cab svg{flex-shrink:0;opacity:.95}
.widget h2,.widget .widget-t{font-size:1.16rem;color:#fff;margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.widget-sub{font-size:.845rem;color:#B9D2F5;margin:.15rem 0 0}
.campo{margin-bottom:.85rem;position:relative}
.campo label{display:block;font-size:.795rem;font-weight:700;color:#CFE0F8;margin-bottom:.35rem;letter-spacing:.005em}
.campo select,.campo input{width:100%;padding:.82rem .95rem;font-family:inherit;font-size:1rem;color:var(--tinta);
  background:#fff;border:1.5px solid transparent;border-radius:var(--r-sm);appearance:none;transition:border-color .15s,box-shadow .15s}
.campo select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475467' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.6rem;cursor:pointer}
.campo input::placeholder{color:#98A2B3}
.campo select:focus,.campo input:focus{outline:none;border-color:#7EB3FF;box-shadow:0 0 0 4px rgba(126,179,255,.3)}
.campo input:invalid:not(:placeholder-shown){border-color:#F97066}
.btn-consultar{width:100%;padding:.92rem 1rem;font-family:inherit;font-size:1.045rem;font-weight:800;letter-spacing:-.01em;
  color:var(--azul);background:#fff;border:0;border-radius:var(--r-sm);cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .12s,box-shadow .15s;margin-top:.25rem}
.btn-consultar:hover{box-shadow:0 6px 16px rgba(0,0,0,.22);transform:translateY(-1px)}
.btn-consultar:active{transform:translateY(0)}
.widget-nota{font-size:.735rem;color:#9EBBE4;margin:.85rem 0 0;line-height:1.5;position:relative;display:flex;gap:.4rem;align-items:flex-start}
.widget-nota svg{flex-shrink:0;margin-top:.15rem;opacity:.8}
.widget-error{background:#FEE4E2;color:#912018;font-size:.83rem;padding:.55rem .8rem;border-radius:var(--r-sm);margin-bottom:.8rem;display:none}
.widget-error.visible{display:block}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.3rem;
  font-family:inherit;font-size:.965rem;font-weight:750;letter-spacing:-.008em;border-radius:var(--r-sm);
  border:1.5px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s,transform .12s;text-align:center}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-1{background:var(--azul-accion);color:#fff;box-shadow:var(--sombra)}
.btn-1:hover{background:var(--azul-hover);color:#fff;box-shadow:var(--sombra-md)}
.btn-2{background:#fff;color:var(--azul);border-color:var(--linea);box-shadow:var(--sombra)}
.btn-2:hover{border-color:var(--azul-borde);background:var(--azul-suave);color:var(--azul)}
.btn-bloque{width:100%}

/* ---------- Tarjetas de grupo ---------- */
.grupos-rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.8rem 0}
@media(max-width:1180px){.grupos-rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}}
@media(max-width:420px){.grupos-rejilla{grid-template-columns:1fr}}
.g-tarjeta{border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;background:#fff;
  box-shadow:var(--sombra);transition:box-shadow .18s,transform .18s;display:flex;flex-direction:column}
.g-tarjeta:hover{box-shadow:var(--sombra-lg);transform:translateY(-2px);text-decoration:none}
.g-barra{height:5px}
.g-cuerpo{padding:1.05rem 1.15rem 1.15rem;flex:1;display:flex;flex-direction:column}
.g-letra{font-size:1.75rem;font-weight:900;line-height:1;letter-spacing:-.04em;margin-bottom:.15rem}
.g-nombre{font-weight:800;color:var(--tinta);font-size:1.02rem;margin-bottom:.4rem;letter-spacing:-.015em}
.g-rango{font-size:.85rem;color:var(--gris);line-height:1.5;margin-bottom:.7rem;flex:1}
.g-sub{font-size:.735rem;font-weight:750;color:var(--gris-2);background:var(--fondo-2);
  border-radius:99px;padding:.24rem .6rem;align-self:flex-start;font-variant-numeric:tabular-nums}

/* ---------- Tablas ---------- */
.tabla-envoltorio{overflow-x:auto;margin:1.7rem 0;border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra)}
table{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff}
caption{text-align:left;font-size:.83rem;color:var(--gris-2);padding:.85rem 1.1rem;border-bottom:1px solid var(--linea);background:var(--fondo-3);font-weight:600}
th{background:var(--fondo-2);color:var(--tinta);font-weight:750;text-align:left;padding:.72rem 1.05rem;
  border-bottom:1px solid var(--linea);font-size:.855rem;white-space:nowrap}
td{padding:.72rem 1.05rem;border-bottom:1px solid var(--linea-2);vertical-align:top}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--fondo-3)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.marca-g{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;padding:.15rem .45rem;
  border-radius:5px;font-weight:800;font-size:.79rem;color:#fff;font-variant-numeric:tabular-nums}

/* ---------- Pasos ---------- */
.pasos{list-style:none;counter-reset:p;margin:1.7rem 0;padding:0}
.pasos li{counter-increment:p;position:relative;padding:0 0 1.35rem 3.1rem;margin:0}
.pasos li::before{content:counter(p);position:absolute;left:0;top:-.1rem;width:2.05rem;height:2.05rem;
  background:var(--azul-accion);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:.9rem;box-shadow:0 0 0 4px var(--azul-suave)}
.pasos li:not(:last-child)::after{content:"";position:absolute;left:1.02rem;top:2.35rem;bottom:.2rem;width:2px;background:var(--linea)}
.pasos li:last-child{padding-bottom:0}
.pasos>li>strong:first-child{display:block;color:var(--tinta);font-weight:750;margin-bottom:.15rem;font-size:1.02rem;letter-spacing:-.015em}
.pasos p{margin:0;font-size:.955rem}

/* ---------- Avisos ---------- */
.aviso{border-radius:var(--r);padding:1rem 1.2rem;margin:1.6rem 0;font-size:.94rem;
  border:1px solid;display:flex;gap:.75rem;align-items:flex-start;line-height:1.6}
.aviso svg{flex-shrink:0;margin-top:.16rem}
.aviso p:last-child{margin-bottom:0}
.aviso strong{display:block;margin-bottom:.1rem}
.aviso-info{background:var(--azul-suave);border-color:var(--azul-borde);color:#123A70}
.aviso-info svg{color:var(--azul-accion)}
.aviso-ok{background:var(--verde-suave);border-color:#B4E3CE;color:#0A5C41}
.aviso-ok svg{color:var(--verde)}
.aviso-alerta{background:var(--ambar-suave);border-color:#F5D48A;color:#8A5A00}
.aviso-alerta svg{color:var(--ambar)}
.aviso-riesgo{background:var(--rojo-suave);border-color:#F3B9B5;color:#8F231E}
.aviso-riesgo svg{color:var(--rojo)}

/* ---------- Herramientas ---------- */
.herramienta{border:1px solid var(--azul-borde);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--azul-suave),#fff 62%);
  padding:1.5rem;margin:2.2rem 0;box-shadow:var(--sombra-md)}
.herramienta-cab{display:flex;align-items:center;gap:.65rem;margin-bottom:.35rem}
.herramienta-cab svg{color:var(--azul-accion);flex-shrink:0}
.herramienta h3{margin:0;font-size:1.13rem;letter-spacing:-.02em}
.herramienta-desc{font-size:.895rem;color:var(--gris);margin:0 0 1.15rem}
.h-campos{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.9rem}
@media(max-width:560px){.h-campos{grid-template-columns:1fr}}
.h-campo label{display:block;font-size:.79rem;font-weight:700;color:var(--gris);margin-bottom:.32rem}
.h-campo input,.h-campo select{width:100%;padding:.68rem .85rem;font-family:inherit;font-size:.985rem;
  border:1.5px solid var(--linea);border-radius:var(--r-sm);background:#fff;color:var(--tinta);appearance:none}
.h-campo select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475467' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;padding-right:2.4rem}
.h-campo input:focus,.h-campo select:focus{outline:none;border-color:var(--azul-accion);box-shadow:0 0 0 3px rgba(29,111,224,.16)}
.number-input-wrap{position:relative}
.number-prefix{position:absolute;z-index:1;inset-inline-start:.85rem;top:50%;transform:translateY(-50%);color:var(--gris);font-size:.88rem;font-weight:750;pointer-events:none}
.number-suffix{position:absolute;z-index:1;inset-inline-end:.85rem;top:50%;transform:translateY(-50%);color:var(--gris);font-size:.82rem;font-weight:750;pointer-events:none}
.h-campo .number-input-wrap>.number-prefix+input{padding-inline-start:2.25rem}
.number-input-wrap.has-suffix input{padding-inline-end:2.35rem}
.h-campo.has-error label,.field-error{color:#B42318}
.h-campo.has-error input{border-color:#D92D20;box-shadow:0 0 0 3px rgba(217,45,32,.10)}
.field-error{display:block;min-height:1.15em;margin-top:.3rem;font-size:.76rem;line-height:1.35}
.link-pendiente{color:var(--gris-2);text-decoration:underline dotted;text-underline-offset:.18em;cursor:help}
.calc-error-summary strong{display:block;color:#912018;margin-bottom:.2rem}
.calc-error-summary p{color:#7A271A}
.smart-calculator{border-top:4px solid var(--azul-accion)}
.smart-calculator .h-campos{grid-template-columns:repeat(2,minmax(0,1fr))}
.smart-calculator .smart-result>strong{display:block;margin:.2rem 0 1rem;font-size:clamp(1.7rem,4vw,2.35rem);letter-spacing:-.04em;color:var(--azul-900)}
.smart-calculator .smart-result table{margin:0}
.smart-calculator .smart-result th{width:62%;background:#fff;color:var(--texto);font-weight:650}
.smart-calculator .smart-result td{text-align:right;font-weight:750;font-variant-numeric:tabular-nums}
.amortization-actions{display:flex;justify-content:flex-end;margin:1rem 0 .6rem}
.amortization-details{border:1px solid var(--linea);border-radius:var(--r-sm);background:#fff}
.amortization-details summary{padding:.75rem .9rem;font-weight:750;color:var(--azul-accion);cursor:pointer}
.amortization-details .tabla-envoltorio{margin:0;border:0;border-top:1px solid var(--linea);border-radius:0}
.smart-note{margin-top:1rem!important;padding:.8rem .9rem;border-left:3px solid var(--highlight);background:var(--fondo-2);color:var(--gris);font-size:.84rem!important}
@media(max-width:560px){.smart-calculator .h-campos{grid-template-columns:1fr}}
.h-resultado{margin-top:1.1rem;padding:1.15rem 1.25rem;background:#fff;border:1px solid var(--linea);
  border-radius:var(--r);box-shadow:var(--sombra);display:none}
.h-resultado.visible{display:block;animation:aparecer .28s ease}
@keyframes aparecer{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.h-res-grupo{display:flex;align-items:center;gap:.9rem;margin-bottom:.75rem}
.h-res-letra{width:52px;height:52px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;
  font-size:1.6rem;font-weight:900;color:#fff;flex-shrink:0;letter-spacing:-.03em}
.h-res-txt strong{display:block;font-size:1.06rem;color:var(--tinta);line-height:1.3}
.h-res-txt span{font-size:.86rem;color:var(--gris)}
.h-resultado p{font-size:.925rem;margin:0}
.h-resultado p+p{margin-top:.6em}

/* ---------- Bloque de anuncio ---------- */
.anuncio{margin:2.1rem 0;text-align:center;min-height:280px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;background:var(--fondo-3);border-radius:var(--r);
  border:1px solid var(--linea-2);overflow:hidden}
.anuncio::before{content:"Publicidad";font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;
  color:#98A2B3;margin-bottom:.4rem;font-weight:650}
.anuncio ins{display:block;width:100%}
.anuncio-lateral{min-height:600px;margin:0}
/* Anuncio bajo el H1: separado del título y de la respuesta corta, nunca pegado a un botón. */
.anuncio-below-summary{margin:1.1rem 0 1.7rem;min-height:120px}
@media(max-width:640px){.anuncio-below-summary{min-height:100px;margin:.9rem 0 1.3rem}}
/* Bloque dentro de la herramienta: solo se muestra cuando ya hay resultado,
   y separado del botón por la tarjeta del resultado para no inducir clics accidentales. */
.anuncio-herramienta{display:none;margin:1.15rem 0 0;background:transparent;border:0;min-height:0}
.h-resultado.visible ~ .anuncio-herramienta{display:flex}
/* ---------- CTA de sección (después del 1er párrafo de cada H2) ---------- */
.cta-seccion{display:inline-flex;align-items:center;gap:.4rem;margin:.3rem 0 1.3rem;padding:.55rem 1.05rem;
  font-size:.885rem;font-weight:750;letter-spacing:-.006em;color:var(--azul-accion);background:var(--azul-suave);
  border:1px solid var(--azul-borde);border-radius:99px;transition:background .15s,box-shadow .15s,transform .12s}
.cta-seccion:hover{background:#DCEBFB;box-shadow:var(--sombra);transform:translateY(-1px);text-decoration:none;color:var(--azul-hover)}

/* ---------- Siguiente paso ---------- */
.siguiente{margin:3rem 0 0;padding-top:2.2rem;border-top:2px solid var(--linea)}
.siguiente>h2{font-size:1.28rem;margin:0 0 1.15rem}
.sig-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}
.sig-t{display:flex;flex-direction:column;gap:.4rem;padding:1.15rem 1.2rem;border:1px solid var(--linea);
  border-radius:var(--r);background:#fff;box-shadow:var(--sombra);transition:box-shadow .18s,transform .18s,border-color .18s}
.sig-t:hover{box-shadow:var(--sombra-lg);transform:translateY(-2px);border-color:var(--azul-borde);text-decoration:none}
.sig-t .et{font-size:.685rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--azul-accion)}
.sig-t strong{color:var(--tinta);font-size:1.005rem;font-weight:750;line-height:1.35;letter-spacing:-.015em}
.sig-t span{font-size:.86rem;color:var(--gris);line-height:1.5}
.sig-t .flecha{margin-top:.25rem;color:var(--azul-accion);font-weight:750;font-size:.86rem;display:flex;align-items:center;gap:.3rem}

/* ---------- Relacionados ---------- */
.relacionados{margin:2.6rem 0 0;padding:1.4rem 1.5rem;background:var(--fondo-2);border-radius:var(--r-lg)}
.relacionados h2{font-size:1.03rem;margin:0 0 .85rem;letter-spacing:-.015em}
.rel-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.15rem .9rem}
.rel-lista a{display:flex;gap:.5rem;align-items:baseline;padding:.42rem 0;font-size:.92rem;font-weight:600;border-bottom:1px solid var(--linea)}
.rel-lista a::before{content:"→";color:var(--azul-accion);font-weight:700;flex-shrink:0}

/* ---------- FAQ ---------- */
.faq{margin:2.4rem 0 0}
.faq details{border:1px solid var(--linea);border-radius:var(--r);margin-bottom:.6rem;background:#fff;overflow:hidden;transition:box-shadow .18s}
.faq details[open]{box-shadow:var(--sombra-md);border-color:var(--azul-borde)}
.faq summary{padding:.95rem 2.7rem .95rem 1.15rem;font-weight:700;color:var(--tinta);cursor:pointer;
  list-style:none;position:relative;font-size:1rem;line-height:1.45;letter-spacing:-.012em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:1.15rem;top:1.25rem;width:10px;height:10px;
  border-right:2.2px solid var(--azul-accion);border-bottom:2.2px solid var(--azul-accion);
  transform:rotate(45deg);transition:transform .22s}
.faq details[open] summary::after{transform:rotate(-135deg);top:1.4rem}
.faq summary:hover{background:var(--fondo-3)}
.faq-cuerpo{padding:0 1.15rem 1.1rem;font-size:.955rem;color:var(--texto)}
.faq-cuerpo p:last-child{margin-bottom:0}

/* ---------- Listas de contenido ---------- */
.articulo ul:not([class]),.articulo ol:not([class]){margin:1.15rem 0;padding-left:1.35rem}
.articulo ul:not([class]) li,.articulo ol:not([class]) li{margin-bottom:.5rem;padding-left:.25rem}
.articulo ul:not([class]) li::marker{color:var(--azul-accion)}
.articulo ol:not([class]) li::marker{color:var(--azul-accion);font-weight:700}
blockquote{margin:1.7rem 0;padding:.4rem 0 .4rem 1.3rem;border-left:3px solid var(--azul-borde);
  color:var(--gris);font-size:1.02rem;font-style:italic}
blockquote p:last-child{margin-bottom:0}
figure{margin:1.9rem 0}
figure img{border-radius:var(--r);border:1px solid var(--linea)}
figcaption{font-size:.815rem;color:var(--gris-2);margin-top:.6rem;text-align:center;line-height:1.5}
.captura-editorial{padding:.65rem;background:#fff;border:1px solid var(--linea);border-radius:calc(var(--r) + 2px);box-shadow:var(--sombra)}
.captura-pantalla{overflow:hidden;border:1px solid var(--linea);border-radius:calc(var(--r) - 2px);background:#fff}
.captura-navegador{display:flex;align-items:center;gap:.38rem;min-height:2.15rem;padding:0 .72rem;background:#f2f5f6;border-bottom:1px solid var(--linea);color:var(--gris-2);font-size:.72rem;font-weight:700;letter-spacing:.01em}
.captura-navegador i{width:.52rem;height:.52rem;border-radius:50%;background:#bcc8cd}
.captura-navegador i:first-child{background:#d77a72}
.captura-navegador i:nth-child(2){background:#dfbd58}
.captura-navegador i:nth-child(3){background:#72aa83}
.captura-navegador span{overflow:hidden;margin-left:.25rem;text-overflow:ellipsis;white-space:nowrap}
.captura-editorial picture,.captura-editorial img{display:block;width:100%;height:auto}
.captura-editorial img{border:0;border-radius:0}
.captura-editorial figcaption{display:grid;gap:.22rem;margin:.7rem .35rem .15rem;text-align:left}
.captura-meta{display:block;font-size:.76rem;color:var(--gris-2)}
.captura-meta a{font-weight:700}
.media-meta{display:block;margin-top:.18rem;font-size:.75rem;color:var(--gris-2)}
.media-meta a{font-weight:700}
.figura-compacta{max-width:360px;margin-left:auto;margin-right:auto}
.figura-compacta picture,.figura-compacta img{display:block;width:100%;height:auto}

/* ---------- Lateral ---------- */
.lat-caja{border:1px solid var(--linea);border-radius:var(--r);background:#fff;padding:1.15rem 1.25rem;box-shadow:var(--sombra)}
.lat-caja h2,.lat-caja .lat-t{font-size:.945rem;margin:0 0 .75rem;color:var(--tinta);font-weight:800;letter-spacing:-.012em}
.lat-lista{list-style:none;margin:0;padding:0}
.lat-lista li{border-bottom:1px solid var(--linea-2)}
.lat-lista li:last-child{border-bottom:0}
.lat-lista a{display:block;padding:.5rem 0;font-size:.895rem;font-weight:600;color:var(--texto)}
.lat-lista a:hover{color:var(--azul-accion);text-decoration:none}
.indice{font-size:.875rem}
.indice ol{list-style:none;counter-reset:i;margin:0;padding:0}
.indice li{counter-increment:i;border-bottom:1px solid var(--linea-2)}
.indice li:last-child{border-bottom:0}
.indice a{display:flex;gap:.55rem;padding:.5rem 0;color:var(--texto);font-weight:600;line-height:1.42}
.indice a::before{content:counter(i);color:var(--azul-accion);font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0}
.indice a:hover{color:var(--azul-accion);text-decoration:none}

/* ---------- Contador de transición ---------- */
.contador{background:linear-gradient(135deg,var(--ambar-suave),#FFFDF7);border:1px solid #F5D48A;
  border-radius:var(--r);padding:1.05rem 1.2rem}
.contador .et{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#B27A00;display:block;margin-bottom:.4rem}
.contador-num{font-size:2.15rem;font-weight:900;color:#8A5A00;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.contador-num span{font-size:.92rem;font-weight:700;letter-spacing:0}
.contador p{font-size:.845rem;color:#8A5A00;margin:.45rem 0 0;line-height:1.5}

/* ---------- Fuentes ---------- */
.fuentes{margin:2.6rem 0 0;padding:1.2rem 1.35rem;background:var(--fondo-2);border-radius:var(--r);font-size:.855rem}
.fuentes h2{font-size:.94rem;margin:0 0 .7rem;letter-spacing:-.012em}
.fuentes ol{margin:0;padding-left:1.2rem;color:var(--gris)}
.fuentes li{margin-bottom:.42rem;line-height:1.55}
.fuentes .verif{margin:.85rem 0 0;font-size:.79rem;color:var(--gris-2);display:flex;gap:.4rem;align-items:center}
.fuentes .verif svg{color:var(--verde);flex-shrink:0}

/* ---------- Tarjetas de noticia ---------- */
.noticias-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem;margin:2rem 0}
.n-tarjeta{border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;background:#fff;
  box-shadow:var(--sombra);transition:box-shadow .18s,transform .18s;display:flex;flex-direction:column}
.n-tarjeta:hover{box-shadow:var(--sombra-lg);transform:translateY(-3px);text-decoration:none}
.n-tarjeta img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--fondo-2)}
.n-cuerpo{padding:1rem 1.15rem 1.15rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.n-cuerpo .et{font-size:.685rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ambar)}
.n-cuerpo strong{color:var(--tinta);font-size:1.03rem;line-height:1.36;font-weight:780;letter-spacing:-.018em}
.n-cuerpo span{font-size:.865rem;color:var(--gris);line-height:1.5;flex:1}
.n-cuerpo time{font-size:.775rem;color:var(--gris-2)}
.n-portada{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);margin:0 0 1.8rem;border:1px solid var(--linea)}

/* ---------- Ciudades ---------- */
.ciudades-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.7rem;margin:1.8rem 0}
.c-tarjeta{display:flex;flex-direction:column;gap:.12rem;padding:.85rem 1rem;border:1px solid var(--linea);
  border-radius:var(--r-sm);background:#fff;transition:border-color .16s,box-shadow .16s,transform .16s}
.c-tarjeta:hover{border-color:var(--azul-borde);box-shadow:var(--sombra-md);transform:translateY(-1px);text-decoration:none}
.c-tarjeta strong{color:var(--tinta);font-size:.965rem;font-weight:750;letter-spacing:-.015em}
.c-tarjeta span{font-size:.79rem;color:var(--gris-2)}

/* ---------- Enlace al portal oficial ---------- */
.portal-caja{border:1px solid var(--azul-borde);background:linear-gradient(180deg,var(--azul-suave),#fff);
  border-radius:var(--r);padding:1.25rem 1.35rem;margin:1.9rem 0;display:flex;gap:1.05rem;align-items:center;flex-wrap:wrap}
.portal-caja .txt{flex:1;min-width:210px}
.portal-caja strong{display:block;color:var(--azul-900);font-size:1.045rem;margin-bottom:.15rem;letter-spacing:-.018em}
.portal-caja p{margin:0;font-size:.875rem;color:var(--gris)}
.portal-caja .btn{flex-shrink:0}

/* ---------- Marco del portal (intento de embed) ---------- */
.marco-portal{margin:1.9rem 0;border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;background:var(--fondo-2)}
.marco-portal iframe{width:100%;height:620px;border:0;display:block}
.marco-alternativa{padding:1.4rem}

/* ---------- Pie ---------- */
.pie{background:var(--azul-900);color:#A9C0E0;padding:3rem 0 1.6rem;margin-top:3.5rem;font-size:.895rem}
.pie-rejilla{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2.2rem;margin-bottom:2.2rem}
@media(max-width:840px){.pie-rejilla{grid-template-columns:1fr 1fr;gap:1.8rem}}
@media(max-width:520px){.pie-rejilla{grid-template-columns:1fr}}
.pie h2,.pie .pie-t{font-size:.775rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .9rem;font-weight:800}
.pie ul{list-style:none;margin:0;padding:0}
.pie li{margin-bottom:.48rem}
.pie a{color:#A9C0E0}
.pie a:hover{color:#fff}
.pie-marca{display:flex;align-items:center;margin-bottom:.9rem}
.pie-desc{font-size:.86rem;line-height:1.62;color:#8FA9CC;max-width:38ch}
.pie-base{border-top:1px solid rgba(255,255,255,.12);padding-top:1.4rem;font-size:.795rem;color:#7E98BC;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;line-height:1.6}
.pie-base a{color:#A9C0E0}

/* ---------- Buscador ---------- */
.buscador{position:relative;flex-shrink:0}
.buscador input{width:190px;padding:.48rem .8rem .48rem 2.15rem;font-family:inherit;font-size:.875rem;
  border:1px solid var(--linea);border-radius:99px;background:var(--fondo-2);color:var(--tinta);transition:width .2s,border-color .15s}
.buscador input:focus{outline:none;width:240px;border-color:var(--azul-accion);background:#fff;box-shadow:0 0 0 3px rgba(29,111,224,.13)}
.buscador svg{position:absolute;left:.72rem;top:50%;transform:translateY(-50%);color:var(--gris-2);pointer-events:none}
.buscador-res{position:absolute;top:calc(100% + .5rem);right:0;width:360px;max-height:380px;overflow-y:auto;
  background:#fff;border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra-lg);padding:.4rem;display:none;z-index:110}
.buscador-res.visible{display:block}
.buscador-res a{display:block;padding:.55rem .7rem;border-radius:var(--r-sm);font-size:.895rem;color:var(--texto);font-weight:600}
.buscador-res a:hover{background:var(--azul-suave);color:var(--azul-accion);text-decoration:none}
.buscador-res .vacio{padding:.8rem .7rem;font-size:.875rem;color:var(--gris-2)}
@media(max-width:940px){
  .cabecera-fila{height:auto;min-height:64px;flex-wrap:wrap;padding-block:.55rem;position:relative}
  .buscador{display:flex;order:3;width:100%;margin-left:0}
  .buscador input,.buscador input:focus{width:100%}
  .buscador-res{left:0;right:auto;width:min(100%,520px)}
  .nav{position:absolute;inset:100% 0 auto}
}

@media print{.cabecera,.pie,.anuncio,.lateral,.aviso-indep{display:none!important}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------- Extensiones de la fábrica v2 ---------- */
.badge-nav{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.7rem}
.badge-anio{font-weight:800;color:var(--naranja);font-size:.95rem;letter-spacing:.01em}
.badge-sub{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--azul-accion);background:var(--azul-suave);padding:.22rem .6rem;border-radius:99px}
.caja-accesos{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.5rem}
.acceso-item{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.83rem;font-weight:700;color:var(--azul-900);background:#fff;border:1.5px solid var(--azul-borde);border-radius:99px;transition:background .15s,box-shadow .15s,transform .12s}
.acceso-item svg{flex-shrink:0;color:var(--azul-accion)}
.acceso-item:hover{background:var(--azul-suave);box-shadow:var(--sombra);transform:translateY(-1px);text-decoration:none}
.acceso-portal{background:var(--azul-900);border-color:var(--azul-900);color:#fff}
.acceso-portal svg{color:#fff}
.acceso-portal:hover{background:var(--azul-accion);color:#fff}
.articulo p,.articulo li,.lat-caja,.pie{overflow-wrap:anywhere}
.articulo iframe,.articulo pre{max-width:100%}
.portal-caja .txt{min-width:0}
.tabla-envoltorio{max-width:100%;-webkit-overflow-scrolling:touch}
.anuncio{position:static!important;inset:auto!important}
.anuncio-demo{min-height:120px;border-style:dashed;background:repeating-linear-gradient(-45deg,#fff,#fff 12px,var(--fondo-3) 12px,var(--fondo-3) 24px)}
.anuncio-demo span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris-2)}
.widget-principal{margin:1.45rem 0 1.8rem}
.widget-principal .herramienta{margin:0}

.accesos-rejilla,.rel-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin:1.5rem 0}
.acceso-tarjeta,.rel-tarjeta{display:flex;flex-direction:column;gap:.28rem;padding:1rem 1.05rem;border:1px solid var(--linea);border-radius:var(--r);background:#fff;box-shadow:var(--sombra);transition:transform .16s,box-shadow .16s,border-color .16s}
.acceso-tarjeta:hover,.rel-tarjeta:hover{transform:translateY(-2px);box-shadow:var(--sombra-md);border-color:var(--azul-borde);text-decoration:none}
.acceso-tarjeta strong,.rel-tarjeta strong{color:var(--tinta);font-size:1rem}
.acceso-tarjeta>span:not(.et):not(.flecha),.rel-tarjeta span{color:var(--gris-2);font-size:.88rem;line-height:1.5}
.acceso-tarjeta .flecha{margin-top:auto;padding-top:.35rem;color:var(--azul-accion);font-weight:750;font-size:.82rem}

.herramienta{margin:1.7rem 0;border:1px solid var(--azul-borde);border-radius:var(--r-lg);padding:1.35rem;background:linear-gradient(160deg,#fff 0%,var(--fondo-2) 100%);box-shadow:var(--sombra-md)}
.herramienta-cab{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem;color:var(--azul-900)}
.herramienta-cab h3{margin:0;font-size:1.18rem}
.herramienta-desc{margin:.35rem 0 1rem;color:var(--gris-2)}
.h-resultado{display:none;margin-top:1rem;padding:1rem;border-radius:var(--r-sm);background:#fff;border:1px solid var(--linea)}
.h-resultado.visible{display:block}
.h-resultado strong{display:block;color:var(--tinta);font-size:1.16rem;margin-bottom:.25rem}
.h-campo select{width:100%;margin-top:.35rem;padding:.72rem .85rem;border:1px solid var(--linea);border-radius:var(--r-sm);background:#fff;font:inherit}
.anuncio-tool-result{min-height:120px;margin:1rem 0 0}
.h-resultado:not(.visible)+.anuncio-tool-result{display:none}

.check-items{display:grid;gap:.55rem;margin:1rem 0}
.check-item{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .8rem;border:1px solid var(--linea);border-radius:var(--r-sm);background:#fff;cursor:pointer}
.check-item:has(input:checked){border-color:var(--verde);background:#eefaf5}
.check-item input{width:1.1rem;height:1.1rem;margin-top:.13rem;accent-color:var(--verde)}
.check-item:has(input:checked) span{text-decoration:line-through;color:var(--gris-2)}
.check-reset{margin-top:.3rem}

.office-card{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(280px,1.15fr);gap:1.2rem;margin:1.7rem 0;border:1px solid var(--linea);border-radius:var(--r-lg);padding:1.2rem;background:#fff;box-shadow:var(--sombra-md)}
.office-data h3{margin:.25rem 0 1rem}
.office-data dl{display:grid;grid-template-columns:7rem 1fr;gap:.55rem .8rem;margin:0}
.office-data dt{font-size:.78rem;color:var(--gris-2);font-weight:750}
.office-data dd{margin:0;font-size:.92rem}
.office-rating{display:flex;align-items:center;gap:.45rem;margin-top:1rem;padding:.65rem .75rem;border-radius:var(--r-sm);background:#fff8df;color:#5f4b00}
.office-rating span{font-size:.78rem;color:#765f10}
@media(max-width:720px){.office-card{grid-template-columns:1fr}.office-data dl{grid-template-columns:1fr}.office-data dt{margin-top:.35rem}}

.mapa-bloque{min-width:0}
.mapa-titulo{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem;color:var(--tinta)}
.mapa-interactivo,.mapa-vivo-mapa{width:100%;height:340px;border-radius:var(--r-sm);overflow:hidden;background:var(--fondo-2);border:1px solid var(--linea)}
.mapa-estado{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:1rem;text-align:center;color:var(--gris-2)}
.mapa-fallback{display:inline-block;margin-top:.55rem;font-size:.82rem;font-weight:700}
.mapa-vivo-lista{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto;margin-top:.85rem}
.mv-item{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.62rem .75rem;background:#fff;border:1px solid var(--linea);border-radius:var(--r-sm);font-size:.86rem}
.mv-value{font-weight:800;color:var(--azul-900)}
.mv-time{font-size:.75rem;color:var(--gris-2);white-space:nowrap}
.mapa-vivo-nota{font-size:.78rem;color:var(--gris-2)}
@media(max-width:520px){.mapa-interactivo,.mapa-vivo-mapa{height:280px}.mv-item{grid-template-columns:auto 1fr}.mv-time{grid-column:2}}

.figura-editorial{margin:1.7rem 0}
.figura-editorial picture,.figura-editorial img{width:100%}
.figura-editorial img{border-radius:var(--r-lg);border:1px solid var(--linea);object-fit:cover}
.figura-editorial figcaption{margin-top:.45rem;color:var(--gris-2);font-size:.79rem;line-height:1.5}
.portada-editorial{margin-top:.7rem}
.cifra-fresca{margin:1.5rem 0;padding:1.15rem 1.25rem;border-left:4px solid var(--azul-accion);border-radius:0 var(--r) var(--r) 0;background:var(--fondo-2)}
.cifra-fresca>strong{display:block;font-size:1.65rem;color:var(--tinta);margin:.25rem 0}
.cifra-fresca p{margin:.25rem 0 .65rem}
.cifra-fresca small{color:var(--gris-2)}

.error-404{padding-block:12vh;text-align:center;max-width:720px}
.error-404 .btn{margin-top:1rem}
.pie-rejilla{grid-template-columns:minmax(240px,1.4fr) repeat(auto-fit,minmax(160px,1fr))}
@media(max-width:520px){.pie-rejilla{grid-template-columns:1fr}}

@media(max-width:390px){
  .contenedor{padding-inline:14px}
  .sig-rejilla,.accesos-rejilla,.rel-rejilla,.noticias-rejilla{grid-template-columns:1fr}
  .buscador-res{width:calc(100vw - 28px)}
  .herramienta{padding:1rem}
}
:root{--azul:#1D6FE0;--azul-900:#12305B;--azul-accion:#1D6FE0;--azul-hover:#1458B8;--verde:#0E8A5F;--naranja:#E2701A;--amarillo:#E8A200;}