/* ============================================================
   ASR · paginas-v2.css
   Rediseño 2026 para páginas secundarias: auth (registro,
   recuperar y nueva contraseña), guías/blog y legales
   (privacidad, términos, eliminación de datos, mis datos).
   Depende de los tokens y el chrome de asr-v2.css.
   Carga por vista con <link> propio (cache-busting filemtime).
   ============================================================ */

/* ── Hero interior compacto (crumb + título) ── */
.pg-hero{padding:38px 0 42px}
.pg-hero h1{font-size:2rem;font-weight:800;margin:0}
.pg-hero h1 i{color:var(--dorado);margin-right:4px}
.pg-hero .pg-hero-sub{color:#AEBDD6;font-size:.95rem;max-width:62ch;margin:10px 0 0}
.pg-hero .upd{color:#8fa0bd;font-size:.82rem;margin:8px 0 0}
.crumb{display:flex;align-items:center;gap:8px;font-size:.76rem;color:#8fa0bd;margin-bottom:14px}
.crumb a{color:#8fa0bd;text-decoration:none}
.crumb a:hover{color:#fff}
.crumb i{font-size:.6rem}
.crumb span{color:#c6d2e6}

/* ════════════════════════════════════════════
   AUTH · card blanca sobre fondo marino
   (los glows + grano los aporta .hero-int)
   ════════════════════════════════════════════ */
.auth-v2{padding:54px 0 76px}
.auth-wrap{max-width:480px;margin:0 auto}
.auth-head{text-align:center;margin-bottom:24px}
.auth-head h1,.auth-head h2{color:#fff;font-size:1.75rem;font-weight:800;margin:0}
.auth-head p{color:#AEBDD6;font-size:.88rem;margin:8px 0 0}
.auth-head p a{color:var(--dorado);font-weight:700;text-decoration:none}
.auth-head p a:hover{color:#fff}
.auth-ico{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:var(--dorado);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.8rem}

/* Card blanca del formulario (conserva la clase histórica
   .asr-compra-card porque el JS de las vistas la usa) */
.auth-v2 .asr-compra-card,
.auth-v2 .auth-card{background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:28px 26px}

.auth-v2 .form-label{font-size:.8rem;font-weight:600;color:var(--g700);margin-bottom:6px}
.auth-v2 .form-control{border:1px solid var(--g200);border-radius:var(--r-sm);padding:11px 13px;font-size:.92rem;color:var(--ink)}
.auth-v2 .form-control::placeholder{color:var(--g400)}
.auth-v2 .form-control:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.auth-v2 .form-check-label{font-size:.78rem;color:var(--g700)}
.auth-v2 .form-check-label a{color:var(--azul);font-weight:600}
.auth-v2 .form-check-input:checked{background-color:var(--azul);border-color:var(--azul)}

/* Paneles de éxito / error: también en card blanca */
.auth-v2 .auth-panel{background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:32px 26px}

/* Enlaces secundarios sobre el marino */
.auth-back{text-align:center;margin-top:18px}
.auth-back a{color:#8fa0bd;font-size:.82rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.auth-back a:hover{color:#fff}

/* ════════════════════════════════════════════
   GUÍAS / BLOG · listado
   ════════════════════════════════════════════ */
.guias-main{padding:34px 0 60px;background:var(--g50)}
.gfilters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.gfilters a{font-size:.84rem;font-weight:700;color:var(--g700);padding:8px 16px;border-radius:100px;border:1px solid var(--g200);background:#fff;text-decoration:none;transition:color .12s ease,border-color .12s ease,background .12s ease}
.gfilters a.activo{background:var(--azul);color:#fff;border-color:var(--azul)}
.gfilters a:hover:not(.activo){border-color:var(--azul);color:var(--azul)}

/* Badge por tipo de contenido */
.gbadge{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:100px}
.gbadge.tip{background:var(--azul-light);color:var(--azul)}
.gbadge.noticia{background:#F0FDF4;color:#15803D}
.gbadge.columna{background:#F5F3FF;color:#7c3aed}
.gbadge.guia{background:#FEF3C7;color:var(--naranja-dark)}
.gmeta{font-size:.74rem;color:var(--g400)}
.gleer{display:inline-flex;align-items:center;gap:6px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.82rem;color:var(--azul);margin-top:auto}
.gleer i{transition:transform .15s ease}
.guia-feat:hover .gleer i,.guia-card:hover .gleer i{transform:translateX(4px)}

/* Placeholder cuando la entrada no tiene imagen */
.gph{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:2.4rem}
.gph.a{background:linear-gradient(135deg,var(--marino),var(--azul-dark))}
.gph.b{background:linear-gradient(135deg,var(--marino-2),var(--azul))}
.gph.c{background:linear-gradient(135deg,#7c3aed,var(--azul))}
.gph.d{background:linear-gradient(135deg,var(--naranja-dark),var(--naranja))}

/* Entrada destacada */
.guia-feat{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg);overflow:hidden;margin-bottom:30px;text-decoration:none;color:inherit;transition:box-shadow .18s ease,transform .18s ease}
.guia-feat:hover{box-shadow:var(--sh-2);transform:translateY(-2px);color:inherit}
.guia-feat .img{min-height:300px}
.guia-feat .img img{width:100%;height:100%;object-fit:cover;display:block}
.guia-feat .body{padding:32px 30px;display:flex;flex-direction:column;align-items:flex-start}
.guia-feat .top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.guia-feat h2{font-size:1.55rem;font-weight:800;line-height:1.2;margin:0}
.guia-feat p{color:var(--g500);font-size:.92rem;margin:12px 0 18px}
@media(max-width:760px){.guia-feat{grid-template-columns:1fr}.guia-feat .img{min-height:200px}}

/* Grid de cards */
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.gcards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gcards{grid-template-columns:1fr}}
.guia-card{background:#fff;border:1px solid var(--g200);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.guia-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--g300);color:inherit}
.guia-card .thumb{aspect-ratio:3/2}
.guia-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.guia-card .body{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.guia-card .top{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.guia-card h3{font-size:1.02rem;font-weight:800;color:var(--ink);line-height:1.3;margin:0 0 7px}
.guia-card p{font-size:.84rem;color:var(--g500);margin:0 0 12px}
.guias-vacio{color:var(--g500);text-align:center;padding:56px 0}

/* Cabecera de artículo dentro del hero marino */
.pg-hero .post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:#8fa0bd;font-size:.8rem;margin-top:14px}
.pg-hero .post-meta i{margin-right:5px;color:var(--dorado)}
.pg-hero .post-lead{color:#c6d2e6;font-size:1.02rem;line-height:1.65;max-width:66ch;margin:14px 0 0}

@media(prefers-reduced-motion:reduce){
  .guia-feat,.guia-card,.gleer i{transition:none}
  .guia-feat:hover,.guia-card:hover{transform:none}
  .guia-feat:hover .gleer i,.guia-card:hover .gleer i{transform:none}
}

/* ════════════════════════════════════════════
   LEGALES · lectura con índice lateral
   ════════════════════════════════════════════ */
.legal-main{padding:34px 0 60px;background:var(--g50)}
.legal-wrap{display:grid;grid-template-columns:236px 1fr;gap:34px;align-items:start}
.legal-wrap>*{min-width:0}
@media(max-width:820px){.legal-wrap{grid-template-columns:1fr}.legal-nav{position:static}}

.legal-nav{position:sticky;top:90px;background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:12px;box-shadow:var(--sh-1)}
.legal-nav .t{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--g400);margin:4px 8px 8px}
.legal-nav a{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--r-sm);font-size:.85rem;font-weight:600;color:var(--g700);text-decoration:none}
.legal-nav a i{color:var(--g400);font-size:.95rem}
.legal-nav a:hover{background:var(--g50);color:var(--ink)}
.legal-nav a.active{background:var(--azul-light);color:var(--azul)}
.legal-nav a.active i{color:var(--azul)}

.legal-sec{background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:22px 24px;margin-bottom:16px}
.legal-sec h2{font-size:1.05rem;font-weight:800;margin:0 0 11px;display:flex;gap:10px;align-items:baseline}
.legal-sec h2 .n{color:var(--azul);font-family:'Plus Jakarta Sans',sans-serif}
.legal-sec p{font-size:.88rem;color:var(--g500);margin:0 0 8px}
.legal-sec p:last-child{margin-bottom:0}
.legal-sec ul,.legal-sec ol{padding-left:20px;margin:4px 0 0;display:flex;flex-direction:column;gap:5px}
.legal-sec li{font-size:.88rem;color:var(--g500)}
.legal-sec li::marker{color:var(--azul);font-weight:700}
.legal-sec a:not(.btn){color:var(--azul);font-weight:600;text-decoration:none}
.legal-sec a:not(.btn):hover{text-decoration:underline}
.legal-sec .mt{margin-top:14px}
.legal-sec strong{color:var(--g700)}

/* Mis datos: cards del flujo dentro del layout legal */
.legal-flow .asr-compra-card{background:#fff;border:1px solid var(--g200);border-radius:var(--r);box-shadow:var(--sh-1);padding:22px 24px;margin-bottom:16px}
.legal-flow .form-control{border:1px solid var(--g200);border-radius:var(--r-sm);font-size:.92rem;color:var(--ink)}
.legal-flow .form-control::placeholder{color:var(--g400)}
.legal-flow .form-control:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.legal-flow .flow-ico{width:44px;height:44px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.legal-flow .flow-ico.azul{background:var(--azul-light);color:var(--azul)}
.legal-flow .flow-ico.rojo{background:#FEE2E2;color:var(--rojo)}
.legal-flow .flow-ok{width:72px;height:72px;border-radius:50%;background:#D1FAE5;color:var(--verde);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:2rem}