:root { --fondo:#070b14; --fondo-sec:#0b1220; --superficie:#0e1828; --texto:#f7f9fc; --suave:#aebbd0; --borde:#20324a; --turquesa:#19d6b0; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:hidden; background:var(--fondo); color:var(--texto); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.55; } img { display:block; max-width:100%; height:auto; } a { color:inherit; } :focus-visible { outline:3px solid var(--turquesa); outline-offset:4px; } .contenedor { width:min(1180px,calc(100% - 2.5rem)); margin-inline:auto; }
.encabezado { position:sticky; z-index:10; top:0; border-bottom:1px solid rgba(80,113,155,.34); background:rgba(7,11,20,.86); backdrop-filter:blur(14px); } .barra-superior { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:1rem; } .marca img { width:auto; height:30px; } .nav-enlaces { display:flex; gap:1.8rem; } .nav-enlaces a { color:var(--suave); font-size:.92rem; font-weight:600; text-decoration:none; } .nav-enlaces a:hover { color:var(--turquesa); }
.hero { padding:5.4rem 0 4.5rem; background:radial-gradient(circle at 77% 48%,rgba(34,94,200,.20),transparent 30%),radial-gradient(circle at 8% 0,rgba(88,62,215,.15),transparent 31%); } .hero-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr); align-items:center; gap:2rem; } .etiqueta { margin:0 0 .8rem; color:var(--turquesa); font-size:.72rem; font-weight:800; letter-spacing:.14em; } .etiqueta.centrada { text-align:center; } h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:1.35rem; font-size:clamp(2.8rem,5vw,4.8rem); line-height:1; letter-spacing:-.06em; } h1 span { color:var(--turquesa); } .texto-destacado { max-width:52ch; margin-bottom:1.8rem; color:var(--suave); font-size:1.06rem; } .grupo-cta { display:flex; flex-wrap:wrap; gap:.75rem; } .boton { display:inline-flex; align-items:center; justify-content:center; min-height:48px; border:1px solid transparent; border-radius:10px; padding:.7rem 1rem; font-size:.9rem; font-weight:750; text-decoration:none; } .boton-primario { color:#04110f; background:linear-gradient(100deg,var(--turquesa),#38b7ff); } .boton-primario[aria-disabled="true"] { cursor:default; color:var(--texto); background:#18314a; border-color:#31506c; } .boton-secundario { border-color:#3b506c; color:var(--texto); } .boton-secundario:hover { border-color:var(--turquesa); color:var(--turquesa); } .marco-hero { padding:.35rem; border:1px solid rgba(71,142,255,.34); border-radius:22px; background:var(--superficie); box-shadow:0 24px 60px rgba(0,0,0,.38); } .marco-hero img { width:100%; height:auto; border-radius:17px; }
section { padding:5.5rem 0; } .seccion-funciones { background:var(--fondo-sec); border-block:1px solid rgba(76,107,149,.22); } .titulo-seccion { max-width:700px; margin:0 auto 2.5rem; text-align:center; font-size:clamp(1.85rem,3vw,2.7rem); line-height:1.14; letter-spacing:-.035em; } .grid-beneficios { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; } .tarjeta-funcion { min-height:195px; padding:1.4rem; border:1px solid var(--borde); border-radius:15px; background:linear-gradient(145deg,rgba(21,35,56,.9),rgba(12,21,36,.9)); } .numero { display:block; margin-bottom:1.7rem; color:var(--turquesa); font-size:.75rem; font-weight:800; letter-spacing:.12em; } .tarjeta-funcion h3 { margin-bottom:.45rem; font-size:1.08rem; } .tarjeta-funcion p,.texto-suave { margin-bottom:0; color:var(--suave); font-size:.94rem; }
.seccion-galeria { background:linear-gradient(180deg,#080d17,#0c1220); } .cabecera-seccion { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; } .cabecera-seccion h2,.modulos-grid h2,.bloque-privacidad h2 { margin-bottom:0; font-size:clamp(2rem,3.3vw,3rem); line-height:1.08; letter-spacing:-.045em; } .cabecera-seccion>p { max-width:42ch; margin:0; color:var(--suave); } .galeria-principal { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; } .captura { display:flex; flex-direction:column; margin:0; border:1px solid var(--borde); border-radius:16px; overflow:hidden; background:var(--superficie); } .captura img { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; object-position:center; background:#070c16; transition:transform .28s ease; } .captura:hover img { transform:scale(1.012); } figcaption { display:grid; gap:.12rem; padding:.8rem 1rem 1rem; border-top:1px solid rgba(54,75,103,.6); background:var(--superficie); } figcaption strong { font-size:.95rem; } figcaption span { color:#d0d9e7; font-size:.81rem; } .galeria-secundaria { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; margin-top:4rem; } .galeria-secundaria>div { grid-column:1/-1; display:flex; align-items:end; justify-content:space-between; } .galeria-secundaria h3 { max-width:30ch; margin:0; font-size:1.4rem; }
.seccion-modulos { background:var(--fondo-sec); } .modulos-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:4rem; align-items:start; } .lista-modulos { display:grid; grid-template-columns:repeat(2,1fr); gap:.7rem; margin:0; padding:0; list-style:none; } .lista-modulos li { padding:.85rem 1rem; border:1px solid var(--borde); border-radius:9px; background:rgba(21,35,56,.55); font-weight:650; font-size:.94rem; } .lista-modulos li::before { content:""; display:inline-block; width:.45rem; height:.45rem; margin-right:.65rem; border-radius:50%; background:var(--turquesa); vertical-align:middle; }
#planes { background:radial-gradient(circle at 85% 0,rgba(90,65,207,.17),transparent 35%); } .grid-planes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:820px; gap:1rem; margin:auto; } .tarjeta-plan { padding:1.7rem; border:1px solid var(--borde); border-radius:16px; background:var(--superficie); } .tarjeta-plan.pro { border-color:rgba(25,214,176,.7); background:linear-gradient(140deg,rgba(16,105,99,.22),rgba(14,24,40,.95) 60%); } .plan-etiqueta { margin-bottom:.25rem; color:var(--turquesa); font-size:.7rem; font-weight:800; letter-spacing:.12em; } .tarjeta-plan h3 { margin-bottom:1.2rem; font-size:1.65rem; } .tarjeta-plan ul { display:grid; gap:.75rem; margin:0; padding-left:1.15rem; color:var(--suave); } .tarjeta-plan li::marker { color:var(--turquesa); }
.seccion-confianza { padding-top:2.5rem; } .bloque-privacidad { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:3rem; border:1px solid rgba(24,193,172,.42); border-radius:20px; background:linear-gradient(115deg,rgba(14,81,83,.42),rgba(17,25,49,.95) 58%); } .bloque-privacidad>div:first-child { max-width:670px; } .bloque-privacidad h2 { margin-bottom:1rem; } .bloque-privacidad p:not(.etiqueta) { margin-bottom:0; color:#d2dceb; }
.pie-landing { padding:3rem 0 1.25rem; border-top:1px solid var(--borde); background:#060a12; } .footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.35fr; gap:2rem; } .logo-footer { width:auto; height:26px; } .footer-grid p { margin:.75rem 0 0; color:var(--suave); font-size:.88rem; } .footer-grid h2 { margin:0 0 .8rem; font-size:.82rem; letter-spacing:.07em; text-transform:uppercase; } .footer-grid a { display:block; margin:.45rem 0; color:var(--suave); font-size:.88rem; text-decoration:none; } .footer-grid a:hover { color:var(--turquesa); } .cierre-footer { display:flex; justify-content:space-between; gap:1rem; margin-top:2.8rem; padding-top:1.2rem; border-top:1px solid rgba(72,94,124,.35); color:#8290a6; font-size:.8rem; }
@media (max-width:900px) { .hero { padding-top:3.5rem; } .hero-grid,.modulos-grid { grid-template-columns:1fr; } .hero-texto { max-width:680px; } .grid-beneficios { grid-template-columns:repeat(2,1fr); } .cabecera-seccion,.bloque-privacidad { align-items:flex-start; flex-direction:column; } .galeria-principal,.galeria-secundaria { grid-template-columns:repeat(2,minmax(0,1fr)); } .footer-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) { .contenedor { width:min(100% - 2rem,1180px); } .barra-superior { min-height:62px; } .marca img { height:25px; } .nav-enlaces { gap:1rem; } .nav-enlaces a { font-size:.78rem; } .nav-enlaces a:first-child { display:none; } .hero { padding:2.75rem 0 3.25rem; } h1 { font-size:clamp(2.6rem,13vw,3.6rem); } .texto-destacado { font-size:1rem; } .grupo-cta { display:grid; width:100%; } .boton { width:100%; } section { padding:3.8rem 0; } .grid-beneficios,.grid-planes,.lista-modulos,.galeria-principal,.galeria-secundaria { grid-template-columns:1fr; } .tarjeta-funcion { min-height:0; } .numero { margin-bottom:1.1rem; } .cabecera-seccion { margin-bottom:1.5rem; } .galeria-secundaria { margin-top:3rem; } .galeria-secundaria>div { display:block; } .captura img { transform:none; } .captura:hover img { transform:none; } .modulos-grid { gap:2rem; } .bloque-privacidad { padding:1.6rem; } .footer-grid { grid-template-columns:1fr 1fr; gap:1.7rem 1rem; } .footer-grid>div:first-child { grid-column:span 2; } .cierre-footer { flex-direction:column; margin-top:2rem; } }

/* 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; } }