/* guia-v2.css — Guía individual (06/11/2026). Se apoya en homepage.css + home-v2.css (.hv2).
 * Color de la categoría en --c / --c2 (lo pone guia.php). */

/* Barra de progreso de lectura */
.gdv2-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--c),var(--c2));z-index:2000;transition:width .1s linear}

/* Hero */
.gdv2 .hero-section{min-height:auto;padding:46px 0 52px}
.gdv2-crumb{font-size:.86rem;color:rgba(255,255,255,.85);margin-bottom:14px;position:relative;z-index:10}
.gdv2-crumb a{color:#fff;text-decoration:none;font-weight:700}
.gdv2-crumb a:hover{text-decoration:underline}
.gdv2-crumb span{opacity:.7;margin:0 6px}
.gdv2 .hero-badge i{color:#fff}
.gdv2 .hero-title{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.15;margin-bottom:14px}
.gdv2 .hero-subtitle{font-size:1.12rem;max-width:640px;margin-bottom:20px}
.gdv2-meta{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:10}
.gdv2-meta span{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:50px;padding:6px 13px}
.gdv2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;position:relative;z-index:10}
.gdv2-actions a,.gdv2-actions button{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.92rem;border-radius:50px;padding:10px 18px;text-decoration:none;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.gdv2-actions .main{background:#fff;color:var(--c);border-color:#fff}
.gdv2-actions a:hover,.gdv2-actions button:hover{background:#fff;color:var(--c)}

/* Resumen (en el hero, columna derecha; en móvil debajo del título) */
.gdv2-sum{position:relative;z-index:10;background:#fff;color:#1e293b;border-radius:22px;padding:24px 24px 22px;box-shadow:0 24px 50px -24px rgba(0,0,0,.45);border-top:6px solid var(--c)}
.gdv2-sum h2{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--c);margin:0 0 10px}
.gdv2-sum h2 i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c),var(--c2));font-size:.95rem}
.gdv2-sum p{font-size:1.04rem;line-height:1.65;margin:0}

/* Cuerpo */
.gdv2-main{padding:44px 0 30px;background:#fff}
.gdv2-note{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;margin-bottom:22px}
.gdv2-tocm{display:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px}
.gdv2-tocm summary{list-style:none;cursor:pointer;font-weight:900;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;color:#1e293b}
.gdv2-tocm summary::-webkit-details-marker{display:none}
.gdv2-tocm summary i{transition:.2s;color:var(--c)}
.gdv2-tocm[open] summary i{transform:rotate(180deg)}
.gdv2-tocm ol{margin:0;padding:0 18px 14px 36px}
.gdv2-tocm li{margin:6px 0}
.gdv2-tocm a{color:#334155;text-decoration:none;font-weight:600}
@media(max-width:991px){.gdv2-tocm{display:block}}

.gdv2-body{font-size:1.07rem;line-height:1.8;color:#1e293b;max-width:760px}
.gdv2-body h2{font-size:1.45rem;font-weight:900;color:#0f172a;margin:2.2rem 0 .8rem;padding-left:14px;border-left:5px solid var(--c);scroll-margin-top:90px;line-height:1.3}
.gdv2-body h2:first-child{margin-top:.4rem}
.gdv2-body h3{font-size:1.15rem;font-weight:800;margin:1.5rem 0 .5rem;color:#0f172a}
.gdv2-body p{margin:0 0 1rem}
.gdv2-body strong{color:#0f172a}
.gdv2-body a{color:var(--c);font-weight:700}
.gdv2-body ul,.gdv2-body ol{padding-left:1.4rem;margin:0 0 1.1rem}
.gdv2-body li{margin:.35rem 0}
.gdv2-body ul li::marker{color:var(--c)}
.gdv2-body table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2rem 0;font-size:.95rem;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;display:block;overflow-x:auto}
.gdv2-body td,.gdv2-body th{border-bottom:1px solid #e2e8f0;padding:.65rem .8rem;text-align:left;vertical-align:top}
.gdv2-body th{background:#f8fafc;font-weight:800}
.gdv2-body tr:last-child td{border-bottom:0}
.gdv2-body blockquote{border-left:5px solid var(--c);margin:1.2rem 0;padding:.8rem 1.1rem;color:#334155;background:#f8fafc;border-radius:0 14px 14px 0}

/* Preguntas frecuentes */
.gdv2-faq{margin-top:2.4rem;max-width:760px}
.gdv2-h{display:flex;align-items:center;gap:12px;font-size:1.35rem;font-weight:900;color:#1e293b;margin-bottom:16px}
.gdv2-h i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.05rem;background:linear-gradient(135deg,var(--c),var(--c2))}
.gdv2-faq details{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:10px;box-shadow:0 10px 26px -22px rgba(15,23,42,.35)}
.gdv2-faq summary{list-style:none;cursor:pointer;font-weight:800;color:#1e293b;padding:15px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.gdv2-faq summary::-webkit-details-marker{display:none}
.gdv2-faq summary i{flex:none;color:var(--c);transition:.2s}
.gdv2-faq details[open] summary i{transform:rotate(45deg)}
.gdv2-faq p{margin:0;padding:0 18px 16px;color:#334155;line-height:1.7}

/* Siguiente paso */
.gdv2-next{margin-top:2.6rem}
.gdv2-next .eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.gdv2-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
@media(max-width:640px){.gdv2-next-grid{grid-template-columns:1fr}}
.gdv2-step{display:flex;flex-direction:column;gap:6px;border-radius:20px;padding:22px 22px 20px;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 18px 40px -24px rgba(15,23,42,.55);transition:.2s}
.gdv2-step:hover{transform:translateY(-3px);color:#fff}
.gdv2-step i.ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.2);font-size:1.2rem;margin-bottom:4px}
.gdv2-step b{font-size:1.08rem;font-weight:900;line-height:1.3}
.gdv2-step span{font-size:.92rem;opacity:.95;line-height:1.5;flex:1}
.gdv2-step em{font-style:normal;align-self:flex-start;margin-top:8px;background:#fff;color:var(--a);font-weight:900;font-size:.88rem;border-radius:50px;padding:9px 16px}
.gdv2-alerts{margin-top:18px}

/* Fuentes y aviso */
.gdv2-sources{margin-top:2.2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px}
.gdv2-sources summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:10px}
.gdv2-sources summary::-webkit-details-marker{display:none}
.gdv2-sources summary small{font-weight:700;color:#64748b}
.gdv2-sources summary .chev{margin-left:auto;color:#64748b;transition:.2s}
.gdv2-sources[open] summary .chev{transform:rotate(180deg)}
.gdv2-sources ol{margin:0;padding:0 18px 16px 38px;font-size:.9rem;color:#475569}
.gdv2-sources li{margin:.3rem 0;word-break:break-word}
.gdv2-disc{display:flex;gap:12px;align-items:flex-start;margin-top:16px;font-size:.88rem;color:#64748b;line-height:1.6}
.gdv2-disc i{flex:none;color:#94a3b8;font-size:1.2rem;margin-top:2px}

/* Lateral */
.gdv2-side{position:sticky;top:90px}
.gdv2-card{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:20px;box-shadow:0 14px 34px -26px rgba(15,23,42,.4);margin-bottom:16px}
.gdv2-card h2{font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 10px}
.gdv2-toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.gdv2-toc li{counter-increment:t}
.gdv2-toc a{display:flex;gap:10px;padding:7px 8px;border-radius:10px;color:#334155;text-decoration:none;font-size:.9rem;font-weight:600;line-height:1.35}
.gdv2-toc a::before{content:counter(t);flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:.72rem;font-weight:900;background:#f1f5f9;color:#64748b}
.gdv2-toc a:hover,.gdv2-toc a.on{background:#f8fafc;color:var(--c)}
.gdv2-toc a.on::before{background:linear-gradient(135deg,var(--c),var(--c2));color:#fff}
.gdv2-chips a{display:inline-block;margin:0 6px 6px 0;padding:6px 12px;border-radius:50px;background:#f5f3ff;color:#6d28d9;text-decoration:none;font-size:.84rem;font-weight:800}
.gdv2-links a{display:flex;align-items:center;gap:10px;padding:9px 6px;border-top:1px solid #f1f5f9;color:#1e293b;text-decoration:none;font-size:.9rem;font-weight:700}
.gdv2-links a:first-child{border-top:0}
.gdv2-links a i{color:var(--c);width:18px;text-align:center}
.gdv2-links a:hover{color:var(--c)}

/* Sigue leyendo */
.gdv2-related{padding:56px 0 40px;background:linear-gradient(180deg,#fff 0%,#e6f0ff 100%)}
.gdv2-related .section-header{margin-bottom:26px}
.gdv2-rcard{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #eef2f7;border-left:5px solid var(--c);border-radius:18px;padding:20px 20px 16px;text-decoration:none;color:#1e293b;box-shadow:0 12px 30px -22px rgba(15,23,42,.3);transition:.2s}
.gdv2-rcard:hover{transform:translateY(-3px);color:#1e293b;box-shadow:0 18px 40px -22px rgba(15,23,42,.4)}
.gdv2-rcard h3{font-size:1.02rem;font-weight:800;line-height:1.35;margin:0 0 8px}
.gdv2-rcard:hover h3{color:var(--c)}
.gdv2-rcard p{font-size:.9rem;color:#64748b;line-height:1.55;margin:0;flex:1}
.gdv2-rcard .go{margin-top:14px;font-weight:900;color:var(--c);font-size:.86rem}

/* Apoyo */
.gdv2-support{padding:10px 0 70px;background:#e6f0ff}
.gdv2-support .box{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ff1f7a,#ff6aa8);color:#fff;border-radius:24px;padding:28px 32px;box-shadow:0 22px 50px -26px rgba(255,31,122,.7)}
.gdv2-support h2{font-size:1.3rem;font-weight:900;margin:0 0 6px}
.gdv2-support p{margin:0;opacity:.95;max-width:560px}
.gdv2-support .btns{display:flex;flex-wrap:wrap;gap:10px}
.gdv2-support .btns a{font-weight:900;border-radius:50px;padding:11px 20px;text-decoration:none;background:#fff;color:#d6005f}
.gdv2-support .btns a.alt{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.55)}

@media(max-width:991px){.gdv2 .hero-section{padding:34px 0 30px}.gdv2-sum{margin-top:6px}.gdv2-main{padding-top:30px}}
@media(max-width:576px){.gdv2-meta .rv{display:none}.gdv2-actions button .lbl{display:none}.gdv2-actions button{padding:9px 13px}.gdv2 .hero-subtitle{font-size:1rem;margin-bottom:14px}.gdv2-actions a,.gdv2-actions button{padding:9px 14px;font-size:.86rem}.gdv2-body{font-size:1.03rem}.gdv2-support .box{padding:24px 22px}}

@media print{
  .gdv2-progress,.gdv2-actions,.gdv2-side,.gdv2-tocm,.gdv2-next,.gdv2-related,.gdv2-support,header,footer,nav,.cookie-banner,#cookieBanner{display:none!important}
  .gdv2 .hero-section{background:none!important;color:#000;padding:0}
  .gdv2 .hero-title,.gdv2 .hero-subtitle,.gdv2-crumb,.gdv2-crumb a,.gdv2-meta span{color:#000!important;background:none!important;border:0!important}
  .gdv2-sum{box-shadow:none;border:1px solid #ccc}
  .gdv2-sources ol{display:block}
}