/* CoinDrop · Estilos compartidos de páginas legales (Términos, Privacidad, Reembolsos) */
:root{
  --bg:#09090f; --bg2:#0f0f1a; --sf:#1a1a2e; --sf2:#22223a;
  --b:rgba(255,255,255,.07); --b2:rgba(255,255,255,.12);
  --coin:#f5a623; --coin2:#ffd166; --coin-soft:rgba(245,166,35,.12);
  --tx:#f0f0f8; --tx2:#9a9ab8; --tx3:#6a6a86;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:radial-gradient(1100px 520px at 50% -8%,#15152a 0%,var(--bg) 55%);
  color:var(--tx); font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; line-height:1.6;
}

/* Barra superior */
.lg-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:13px 22px;background:rgba(9,9,15,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--b);}
.lg-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;text-decoration:none;color:var(--tx);}
.lg-coin{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--coin),var(--coin2));
  display:flex;align-items:center;justify-content:center;color:#3a2606;font-weight:800;font-size:16px;}
.lg-logo em{font-style:normal;color:var(--coin2);}
.lg-back{font-size:13px;color:var(--tx2);text-decoration:none;display:inline-flex;align-items:center;gap:6px;
  padding:7px 13px;border:1px solid var(--b2);border-radius:9px;transition:.15s;}
.lg-back:hover{color:var(--coin2);border-color:var(--coin-soft);}

/* Hero */
.lg-hero{max-width:1080px;margin:0 auto;padding:40px 22px 12px;}
.lg-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.6px;color:#3a2a05;
  background:linear-gradient(135deg,var(--coin),var(--coin2));padding:4px 12px;border-radius:999px;text-transform:uppercase;}
.lg-hero h1{font-size:34px;font-weight:800;margin:16px 0 6px;letter-spacing:-.5px;}
.lg-updated{color:var(--tx3);font-size:13px;margin:0;}

/* Layout TOC + contenido */
.lg-wrap{max-width:1080px;margin:0 auto;padding:18px 22px 60px;display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:start;}
.lg-toc{position:sticky;top:74px;border:1px solid var(--b);border-radius:14px;background:linear-gradient(180deg,var(--sf),var(--bg2));padding:16px;}
.lg-toc h2{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--coin2);margin:0 0 10px;}
.lg-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;}
.lg-toc li{counter-increment:toc;margin:2px 0;}
.lg-toc a{display:flex;gap:8px;font-size:13px;color:var(--tx2);text-decoration:none;padding:6px 8px;border-radius:8px;transition:.13s;}
.lg-toc a::before{content:counter(toc);color:var(--coin);font-weight:700;min-width:16px;}
.lg-toc a:hover,.lg-toc a.active{background:var(--coin-soft);color:var(--tx);}

/* Acordeón (Bootstrap dark override) */
.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--b);--bs-accordion-border-radius:13px;
  --bs-accordion-color:var(--tx);--bs-accordion-active-bg:var(--coin-soft);--bs-accordion-active-color:var(--coin2);
  --bs-accordion-btn-color:var(--tx);--bs-accordion-btn-bg:linear-gradient(180deg,var(--sf),var(--bg2));
  --bs-accordion-btn-focus-box-shadow:0 0 0 .2rem rgba(245,166,35,.25);}
.accordion-item{background:linear-gradient(180deg,var(--sf),var(--bg2));border:1px solid var(--b)!important;
  border-radius:13px!important;margin-bottom:12px;overflow:hidden;}
.accordion-button{font-weight:700;font-size:16px;background:transparent!important;color:var(--tx)!important;padding:17px 18px;}
.accordion-button:not(.collapsed){color:var(--coin2)!important;box-shadow:none;}
.accordion-button::after{filter:invert(72%) sepia(58%) saturate(900%) hue-rotate(350deg) brightness(101%);}
.accordion-button .num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;
  background:var(--coin-soft);color:var(--coin2);font-size:13px;font-weight:800;margin-right:11px;flex:0 0 auto;}
.accordion-body{color:var(--tx2);font-size:14.5px;padding:4px 20px 20px;}
.accordion-body h3{color:var(--tx);font-size:15px;margin:18px 0 7px;}
.accordion-body p{margin:0 0 11px;}
.accordion-body ul{margin:0 0 12px;padding-left:20px;}
.accordion-body li{margin:4px 0;}
.accordion-body strong{color:var(--tx);}
.lg-note{border-left:3px solid var(--coin);background:var(--coin-soft);border-radius:0 10px 10px 0;padding:11px 14px;margin:14px 0;font-size:13.5px;color:var(--tx);}

/* Footer legal (compartido con el SPA) */
.cd-footer{border-top:1px solid var(--b);background:var(--bg2);margin-top:30px;}
.cdf-inner{max-width:1080px;margin:0 auto;padding:34px 22px 18px;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;}
.cdf-brand{max-width:340px;}
.cdf-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;}
.cdf-coin{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--coin),var(--coin2));display:flex;align-items:center;justify-content:center;color:#3a2606;font-weight:800;}
.cdf-gold{color:var(--coin2);}
.cdf-tag{color:var(--tx3);font-size:13px;margin:9px 0 14px;}
.cdf-social{display:flex;gap:9px;}
.cdf-soc{width:36px;height:36px;border-radius:10px;border:1px solid var(--b2);background:var(--sf);display:flex;align-items:center;justify-content:center;color:var(--tx3);cursor:default;transition:.15s;position:relative;}
.cdf-soc svg{width:18px;height:18px;}
.cdf-soc:hover{color:var(--coin2);border-color:var(--coin-soft);transform:translateY(-2px);}
.cdf-soc::after{content:'Próximamente';position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#000;color:var(--coin2);font-size:10px;padding:3px 7px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;border:1px solid var(--coin-soft);}
.cdf-soc:hover::after{opacity:1;}
.cdf-links{display:flex;flex-direction:column;gap:8px;}
.cdf-links-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--coin2);font-weight:700;margin-bottom:3px;}
.cdf-links a{color:var(--tx2);text-decoration:none;font-size:14px;transition:.13s;}
.cdf-links a:hover{color:var(--coin2);}
.cdf-bottom{max-width:1080px;margin:0 auto;padding:14px 22px 26px;border-top:1px solid var(--b);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:12px;color:var(--tx3);}

@media(max-width:860px){
  .lg-wrap{grid-template-columns:1fr;}
  .lg-toc{display:none;}
  .lg-hero h1{font-size:27px;}
}