/* D'OASIS · landing profesional (Etapa 36). Mismos tokens neón del index. */
.lp-c{color:var(--cyan)}.lp-m{color:var(--magenta)}
.lp-conf{background:rgba(255,46,151,.18);color:var(--magenta);border:1px dashed var(--magenta);border-radius:4px;padding:0 .3rem;font-size:.8em;font-weight:700}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}

/* ---- navegación: enlaces en escritorio, hamburguesa en móvil; ENTRAR siempre visible ---- */
/* Un solo encabezado (Etapa 37): logo | enlaces al centro | idioma + ENTRAR a la derecha. Fijo, translúcido, con blur y borde neón. */
:root{--hdr:64px}
html{scroll-padding-top:calc(var(--hdr) + 16px)}
body{padding-top:var(--hdr)}
body #nav{height:var(--hdr);padding:0 4%;gap:1rem;background:rgba(5,6,14,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:0 1px 18px rgba(0,240,255,.08)}
body #nav.scrolled{background:rgba(5,6,14,.92)}
body #nav .logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none;white-space:nowrap;min-height:44px;cursor:pointer}
body #nav .nav-center{display:flex;align-items:center;justify-content:center;gap:clamp(.6rem,1.6vw,1.6rem);flex:1 1 auto;min-width:0}
body #nav .nav-center a{color:var(--muted);text-decoration:none;font-family:'Orbitron','Russo One',sans-serif;font-size:.68rem;letter-spacing:1.5px;white-space:nowrap;padding:.9rem .1rem;position:relative;transition:color .3s}
body #nav .nav-center a:hover,body #nav .nav-center a.active{color:var(--cyan)}
body #nav .nav-center a.active::after{content:"";position:absolute;left:0;right:0;bottom:.45rem;height:2px;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 8px var(--cyan)}
body #nav .nav-links{display:flex;align-items:center;gap:.7rem;flex:0 0 auto;min-width:0}
body #nav .nav-links .lang-sel{order:1;margin:0}
body #nav .nav-links .nav-cta{order:2;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
body #nav .nav-links #navtoggle{order:3}
#navtoggle{display:none;min-width:44px;min-height:44px;background:rgba(5,6,14,.6);border:1px solid var(--border);border-radius:8px;color:var(--cyan);font-size:1.3rem;cursor:pointer;align-items:center;justify-content:center}
#navmenu{position:fixed;top:var(--hdr);left:0;right:0;z-index:899;background:rgba(5,6,14,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:.4rem 5% 1rem;display:flex;flex-direction:column;max-height:calc(100vh - var(--hdr));overflow-y:auto}
#navmenu[hidden]{display:none}
#navmenu a{color:var(--text);text-decoration:none;font-family:'Orbitron','Russo One',sans-serif;font-size:.8rem;letter-spacing:2px;padding:.95rem .2rem;min-height:44px;border-bottom:1px solid rgba(138,138,163,.15)}
#navmenu a:hover,#navmenu a.active{color:var(--cyan)}
#navmenu a.nav-cta{margin-top:.8rem;border:0;justify-content:center;text-align:center;border-radius:8px;padding:.95rem 1rem;color:#fff}
/* el hero empieza justo debajo del encabezado (sin solaparse) */
body #hero{height:calc(100vh - var(--hdr));min-height:600px}
/* escritorio estrecho: enlaces más compactos */
@media(max-width:1180px){body #nav .nav-center a{font-size:.6rem;letter-spacing:1px}body #nav .logo{font-size:1.1rem;letter-spacing:2px}}
/* móvil (<900 px): logo + idioma + hamburguesa; los enlaces y ENTRAR viven en el menú desplegable */
@media(max-width:899px){
  body #nav{padding:0 3.5%;gap:.4rem}
  body #nav .nav-center,body #nav .nav-links .nav-cta{display:none}
  body #nav .logo{font-size:1.05rem;letter-spacing:2px;min-width:0}
  body #nav .nav-links{gap:.4rem;margin-left:auto}
  body #nav .nav-links .lang-sel{width:7.6rem;max-width:7.6rem;padding:.5rem .15rem;font-size:.62rem;letter-spacing:0}
  #navtoggle{display:inline-flex}
}
@media(max-width:400px){body #nav .logo{font-size:.9rem;letter-spacing:1px}body #nav .nav-links .lang-sel{width:7rem;max-width:7rem}}
@media(min-width:900px){#navmenu{display:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---- franja de confianza bajo el hero ---- */
.lp-trust{position:relative;z-index:3;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.6rem;max-width:1150px;margin:-3.2rem auto 0;padding:1.1rem 5%;background:var(--card);border:1px solid var(--border);border-radius:14px;backdrop-filter:blur(10px)}
.lp-trust li{display:flex;align-items:baseline;gap:.5rem;min-width:0}
.lp-trust b{font-family:'Orbitron','Russo One',sans-serif;color:var(--cyan);font-size:1.25rem;text-shadow:0 0 14px rgba(0,240,255,.5)}
.lp-trust span{color:var(--muted);font-size:.85rem;letter-spacing:1px}
@media(max-width:700px){.lp-trust{margin:-2rem 5% 0;gap:.6rem 1.1rem}}

/* ---- secciones nuevas ---- */
.lp-sec{padding-top:5rem;padding-bottom:5rem}
.lp-draft{display:block;width:max-content;max-width:100%;margin:0 auto 1.4rem;text-align:center;font-family:'Orbitron','Russo One',sans-serif;font-size:.65rem;letter-spacing:2px;color:var(--magenta);border:1px solid var(--magenta);border-radius:50px;padding:.4rem 1rem}
.lp-line{list-style:none;position:relative;max-width:760px;margin:0 auto;padding-left:2.2rem;border-left:2px solid rgba(0,240,255,.25)}
.lp-hito{position:relative;padding:0 0 2rem 1rem}
.lp-hito:last-child{padding-bottom:0}
.lp-dot{position:absolute;left:calc(-2.2rem - 8px);top:.2rem;width:14px;height:14px;border-radius:50%;background:var(--magenta);box-shadow:0 0 14px rgba(255,46,151,.8)}
.lp-hito h3{font-family:'Orbitron','Russo One',sans-serif;color:var(--cyan);letter-spacing:2px;font-size:.95rem;margin-bottom:.4rem}
.lp-hito p{color:var(--muted);line-height:1.7;overflow-wrap:break-word}
.lp-grid,.lp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1.2rem}
.lp-card,.lp-tool{position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.6rem;backdrop-filter:blur(8px);min-width:0;transition:transform .35s,border-color .35s,box-shadow .35s}
.lp-card:hover,.lp-tool:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 12px 36px rgba(0,240,255,.12)}
.lp-card h3,.lp-tool h4{font-family:'Orbitron','Russo One',sans-serif;color:var(--cyan);letter-spacing:1.5px;font-size:.95rem;margin-bottom:.6rem}
.lp-card p,.lp-tool p{color:var(--muted);line-height:1.65;overflow-wrap:break-word}
.lp-ba{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.2rem}
.lp-col{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.6rem;min-width:0}
.lp-col h3{font-family:'Orbitron','Russo One',sans-serif;letter-spacing:3px;font-size:.85rem;margin-bottom:1rem}
.lp-col.bad h3{color:var(--muted)}.lp-col.good{border-color:var(--cyan);box-shadow:0 0 30px rgba(0,240,255,.1)}.lp-col.good h3{color:var(--cyan)}
.lp-col ul{list-style:none}
.lp-col li{padding:.75rem 0;border-bottom:1px dashed rgba(138,138,163,.2);line-height:1.5;overflow-wrap:break-word}
.lp-col.bad li{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(255,46,151,.5)}
.lp-col.good li::before{content:"✔ ";color:var(--cyan)}
.lp-grp{font-family:'Orbitron','Russo One',sans-serif;color:var(--magenta);letter-spacing:3px;font-size:.85rem;margin:2.4rem 0 1rem}
.lp-ico{font-size:2rem;margin-bottom:.8rem}
.lp-bdg{position:absolute;top:1rem;right:1rem;font-family:'Orbitron','Russo One',sans-serif;font-size:.58rem;letter-spacing:1.5px;border:1px solid var(--muted);color:var(--muted);border-radius:50px;padding:.25rem .65rem}
.lp-bdg.on{border-color:var(--cyan);color:var(--cyan)}
.lp-tool.soon{opacity:.8}

/* ---- planes: insignia 33 % y tabla comparativa ---- */
.plan .lp-33{display:inline-block;margin:.2rem 0 .8rem;font-family:'Orbitron','Russo One',sans-serif;font-size:.7rem;letter-spacing:1.5px;color:var(--bg);background:linear-gradient(90deg,var(--cyan),var(--magenta));border-radius:50px;padding:.4rem .9rem;font-weight:700}
.lp-cmp-wrap{overflow-x:auto;margin-top:3rem;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.lp-cmp{width:100%;border-collapse:collapse;min-width:520px}
.lp-cmp caption{caption-side:top;text-align:left;font-family:'Orbitron','Russo One',sans-serif;color:var(--cyan);letter-spacing:3px;font-size:.85rem;padding:1rem 1.2rem}
.lp-cmp th,.lp-cmp td{padding:.8rem 1rem;text-align:left;border-top:1px solid rgba(138,138,163,.18);font-size:.92rem}
.lp-cmp th{color:var(--muted);font-weight:600}
.lp-cmp tbody th{color:var(--text)}
.lp-cmp td{color:var(--text)}
.lp-cmp td.hl{color:var(--cyan);font-weight:700}
@media(max-width:700px){.lp-cmp-wrap{overflow-x:visible}.lp-cmp{min-width:0}.lp-cmp thead{position:absolute;left:-9999px}.lp-cmp tr{display:block;border-top:1px solid rgba(138,138,163,.18);padding:.6rem .4rem}.lp-cmp th,.lp-cmp td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.35rem .7rem}.lp-cmp td::before{content:attr(data-h);color:var(--muted)}}
.lp-legal{text-align:center;color:var(--muted);font-size:.85rem;max-width:720px;margin:1.6rem auto 0;line-height:1.6}
.lp-p33{text-align:center;max-width:760px;margin:0 auto 2.2rem;color:var(--text);line-height:1.7}

/* ---- comunidad: galería y testimonios ---- */
.lp-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:1rem}
.lp-work{margin:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg2)}
.lp-work video,.lp-work img{display:block;width:100%;aspect-ratio:var(--ar,1/1);object-fit:cover;background:var(--bg2)}
.lp-tms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.2rem;margin-top:1.4rem}
.lp-tm{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--magenta);border-radius:12px;padding:1.4rem;margin:0}
.lp-tm p{color:var(--text);line-height:1.7;overflow-wrap:break-word}
.lp-tm cite{display:block;margin-top:.8rem;color:var(--cyan);font-style:normal;font-size:.85rem}
.lp-tm-h{font-family:'Orbitron','Russo One',sans-serif;color:var(--cyan);letter-spacing:3px;text-align:center;font-size:1rem;margin-top:3rem}

/* ---- FAQ ---- */
.lp-faq{max-width:820px;margin:0 auto}
.lp-q{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:.8rem;overflow:hidden}
.lp-q[open]{border-color:var(--cyan)}
.lp-q summary{cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.2rem;min-height:44px;font-family:'Orbitron','Russo One',sans-serif;font-size:.85rem;letter-spacing:1px;line-height:1.5;position:relative;color:var(--text);overflow-wrap:break-word}
.lp-q summary::-webkit-details-marker{display:none}
.lp-q summary::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:var(--cyan);font-size:1.4rem}
.lp-q[open] summary::after{content:"−"}
.lp-a{padding:0 1.2rem 1.2rem;color:var(--muted);line-height:1.7;overflow-wrap:break-word}

/* ---- pie ---- */
.lp-fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin:1.2rem auto;max-width:900px}
.lp-fnav a{color:var(--muted);text-decoration:none;font-family:'Orbitron','Russo One',sans-serif;font-size:.7rem;letter-spacing:2px;padding:.7rem .2rem;min-height:44px;display:inline-flex;align-items:center}
.lp-fnav a:hover{color:var(--cyan)}

@media (prefers-reduced-motion:reduce){.lp-card,.lp-tool{transition:none}.lp-card:hover,.lp-tool:hover{transform:none}}