:root { --fondo:#070b14; --fondo-sec:#0c1422; --superficie:#101b2b; --texto:#f6f8fc; --suave:#b2bfd2; --borde:#263a54; --turquesa:#20d9b5; --azul:#4b87ff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--fondo); color:var(--texto); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.68; } a { color:var(--turquesa); } :focus-visible { outline:3px solid var(--turquesa); outline-offset:4px; } .contenedor,main { width:min(960px,calc(100% - 2.5rem)); margin-inline:auto; }
.encabezado-legal { border-bottom:1px solid rgba(76,107,149,.4); background:rgba(7,11,20,.9); } .barra-legal { display:flex; min-height:72px; align-items:center; justify-content:space-between; gap:1rem; } .marca img { display:block; width:auto; height:30px; } .barra-legal nav { display:flex; gap:1.3rem; } .barra-legal nav a { color:var(--suave); font-size:.9rem; font-weight:650; text-decoration:none; } .barra-legal nav a:hover { color:var(--turquesa); }
.hero-legal { max-width:780px; padding:5.2rem 0 2.8rem; } .etiqueta { margin:0 0 .65rem; color:var(--turquesa); font-size:.72rem; font-weight:800; letter-spacing:.14em; } h1,h2,h3,p { margin-top:0; } h1 { max-width:17ch; margin-bottom:1.2rem; font-size:clamp(2.45rem,5vw,4.4rem); line-height:1.02; letter-spacing:-.06em; } .hero-legal>p:not(.etiqueta):not(.meta) { max-width:62ch; color:var(--suave); font-size:1.08rem; } .meta { color:#92a3bc; font-size:.88rem; }
.resumen-privacidad { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; margin-bottom:2.5rem; } .resumen-privacidad article,.rutas-eliminacion article { padding:1.1rem; border:1px solid var(--borde); border-radius:12px; background:linear-gradient(145deg,rgba(21,40,62,.88),rgba(12,21,34,.88)); } .resumen-privacidad strong,.resumen-privacidad span { display:block; } .resumen-privacidad strong { margin-bottom:.3rem; font-size:.92rem; } .resumen-privacidad span { color:var(--suave); font-size:.82rem; }
.indice { display:flex; flex-wrap:wrap; gap:.65rem 1.1rem; padding:1.15rem 0; border-block:1px solid var(--borde); color:var(--suave); font-size:.88rem; } .indice strong { color:var(--texto); } .indice a { text-decoration:none; } .indice a:hover { text-decoration:underline; }
.contenido-legal { max-width:760px; padding:2.2rem 0 1rem; } .contenido-legal h2 { margin:2.7rem 0 .65rem; padding-top:1.2rem; border-top:1px solid var(--borde); font-size:1.3rem; line-height:1.3; scroll-margin-top:1rem; } .contenido-legal p,.contenido-legal li { color:var(--suave); font-size:.98rem; } .contenido-legal strong { color:var(--texto); } .contenido-legal code { padding:.1rem .35rem; border-radius:4px; color:#d4e4fb; background:#1a2a40; } .contenido-legal li { margin:.36rem 0; } .contenido-legal ul,.contenido-legal ol { padding-left:1.3rem; }
.rutas-eliminacion { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-bottom:2.5rem; } .rutas-eliminacion h2 { margin-bottom:.75rem; font-size:1.28rem; line-height:1.25; } .rutas-eliminacion ol { margin:0; padding-left:1.25rem; color:var(--suave); font-size:.9rem; } .rutas-eliminacion li { margin:.38rem 0; }
.callout-eliminacion { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin:3.5rem 0 5rem; padding:2rem; border:1px solid rgba(32,217,181,.5); border-radius:18px; background:linear-gradient(120deg,rgba(11,96,88,.38),rgba(17,28,52,.95)); } .callout-eliminacion h2 { margin-bottom:.5rem; font-size:1.55rem; } .callout-eliminacion p:not(.etiqueta) { max-width:52ch; margin-bottom:0; color:#d1dceb; } .boton-legal { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; min-height:46px; border-radius:9px; padding:.7rem 1rem; color:#04110f; background:linear-gradient(100deg,var(--turquesa),#3ab7ff); font-size:.9rem; font-weight:800; text-decoration:none; }
.pie-global { border-top:1px solid var(--borde); background:#060a12; } .pie-global .contenedor { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem 2rem; padding:1.6rem 0; color:#91a0b4; font-size:.83rem; } .pie-global nav { display:flex; flex-wrap:wrap; gap:1rem; } .pie-global a { color:#b4c0d0; text-decoration:none; } .pie-global a:hover { color:var(--turquesa); }
@media (max-width:700px) { .contenedor,main { width:min(100% - 2rem,960px); } .barra-legal { min-height:62px; } .marca img { height:25px; } .barra-legal nav { gap:.9rem; } .barra-legal nav a { font-size:.8rem; } .hero-legal { padding:3.3rem 0 2.2rem; } .resumen-privacidad { grid-template-columns:repeat(2,1fr); } .rutas-eliminacion { grid-template-columns:1fr; } .callout-eliminacion { align-items:flex-start; flex-direction:column; margin:2.5rem 0 3.5rem; padding:1.5rem; } .boton-legal { width:100%; } .pie-global .contenedor { align-items:flex-start; flex-direction:column; } }

/* Poker Climb: símbolo + nombre como logo. */
.marca { display:flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--texto); font-weight:800; font-size:1.15rem; letter-spacing:-.02em; } .marca img { height:34px !important; width:auto; } .marca span b { color:var(--turquesa); font-weight:800; }
@media (max-width:600px) { .marca { font-size:1rem; } .marca img { height:28px !important; } }