/* Páginas públicas (privacidad, términos, soporte, eliminar cuenta, organizadores).
   Mismos colores y tipografías que la app, pero livianas: sin Firebase salvo en /organizadores. */
:root{
  --negro:#141214; --negro-2:#1D1A1C; --negro-3:#272325; --gris-linea:#363032;
  --gris:#A39B9D; --hueso:#F4EFEC; --blanco:#FFFFFF;
  --rojo:#F26A1B; --amarillo:#E8B411; --verde:#4CB944;
  --font-display:'Barlow Condensed', 'Arial Narrow', sans-serif; --font-body:'Inter', system-ui, sans-serif; --font-mono:'JetBrains Mono', monospace;
  color-scheme:dark only;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%;}
body{font-family:var(--font-body); color:var(--blanco); line-height:1.6; -webkit-font-smoothing:antialiased; min-height:100vh;
  background:radial-gradient(ellipse at 10% 0%, rgba(242,106,27,.14), transparent 45%), radial-gradient(ellipse at 100% 100%, rgba(76,185,68,.10), transparent 45%), var(--negro);}
a{color:var(--rojo);}
a:hover{color:#ff8a45;}
:focus-visible{outline:2px solid var(--rojo); outline-offset:2px;}

/* Barra de arriba */
.cab{display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:860px; margin:0 auto; padding:22px 20px 10px;}
.marca{text-decoration:none; color:var(--blanco);}
.lv{display:inline-flex; align-items:baseline; font-family:'Unbounded', var(--font-display); font-weight:800; letter-spacing:-.02em; line-height:1; font-size:26px; color:var(--blanco);}
.lv-ico{height:1.08em; width:.78em; margin-right:.06em; flex:none;}
.lv-punto{width:.24em; height:.24em; margin-left:.05em; flex:none;}
.btn-app{font-size:13.5px; font-weight:700; color:var(--blanco); text-decoration:none; padding:9px 16px; border:1px solid var(--gris-linea); border-radius:999px; background:var(--negro-2); white-space:nowrap;}
.btn-app:hover{border-color:var(--rojo); color:var(--blanco);}

/* Contenido */
.contenido{max-width:860px; margin:0 auto; padding:18px 20px 40px;}
h1{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:clamp(36px, 7vw, 54px); line-height:1.02; letter-spacing:.3px; margin:10px 0 14px;}
h2{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:26px; line-height:1.1; letter-spacing:.3px; margin:30px 0 12px;}
h3{font-size:16px; font-weight:800; margin:18px 0 6px;}
p{margin:0 0 12px;}
.bajada{font-size:17px; color:var(--hueso); max-width:640px;}
.nota{font-size:13.5px; color:var(--gris); margin-top:14px;}
.kicker{display:inline-block; font-family:var(--font-mono); font-size:12.5px; letter-spacing:4px; text-transform:uppercase; color:var(--rojo); font-weight:700;}
.tarjeta{background:var(--negro-2); border:1px solid var(--gris-linea); border-radius:18px; padding:20px 22px; margin:16px 0;}
.tarjeta h2{margin-top:0;}
.lista{padding-left:20px; margin:0 0 12px;}
.lista li{margin-bottom:6px;}
.pasos{padding-left:22px;}
.pasos li{margin-bottom:8px;}
.pasos li::marker{color:var(--rojo); font-weight:800;}

/* Textos legales (vienen de la app) */
.legal{font-size:14.5px; color:var(--hueso);}
.legal h3{font-family:var(--font-display); font-size:22px; text-transform:uppercase; letter-spacing:.3px; color:var(--blanco); margin:26px 0 8px;}
.legal ul{padding-left:20px; margin:0 0 12px;} .legal li{margin-bottom:6px;}
.legal b{color:var(--blanco);}
.legal .legal-meta{font-family:var(--font-mono); font-size:12px; color:var(--gris);}
.legal .legal-aviso{font-size:12.5px; color:var(--gris); border-left:3px solid var(--rojo); padding-left:12px;}
.tabla-legal{width:100%; border-collapse:collapse; margin:8px 0 16px; font-size:13.5px;}
.tabla-legal th, .tabla-legal td{border:1px solid var(--gris-linea); padding:9px 12px; text-align:left; vertical-align:top;}
.tabla-legal th{background:var(--negro-3); color:var(--blanco);}

/* Preguntas frecuentes */
.faq{background:var(--negro-2); border:1px solid var(--gris-linea); border-radius:14px; margin:8px 0; overflow:hidden;}
.faq summary{cursor:pointer; padding:14px 44px 14px 16px; font-weight:700; list-style:none; position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+'; position:absolute; right:16px; top:50%; transform:translateY(-50%); font-size:22px; color:var(--rojo); font-weight:400;}
.faq[open] summary::after{content:'–';}
.faq p{padding:0 16px 14px; color:var(--hueso); font-size:14.5px; margin:0;}

/* Organizadores */
.hero{padding:16px 0 8px;}
.hero h1{font-size:clamp(44px, 9vw, 72px); margin-top:8px;}
.acciones{display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 22px; border-radius:999px; font-weight:800; font-size:15px; text-decoration:none; border:1px solid transparent; cursor:pointer; font-family:var(--font-body);}
.btn-primario{background:var(--rojo); color:#141214; box-shadow:0 10px 26px rgba(242,106,27,.3);}
.btn-primario:hover{color:#141214; filter:brightness(1.07);}
.btn-primario:disabled{opacity:.6; cursor:default;}
.btn-secundario{background:var(--negro-2); color:var(--blanco); border-color:var(--gris-linea);}
.btn-secundario:hover{color:var(--blanco); border-color:var(--rojo);}
.tres{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px; margin:22px 0;}
.tres .tarjeta{margin:0;}
.tres .ico{font-size:26px;}
.tres h3{margin-top:6px; font-size:17px;}
.tres p{font-size:14px; color:var(--hueso); margin:0;}
.banda{display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:26px 0; padding:20px 22px; border-radius:18px;
  background:linear-gradient(135deg, rgba(76,185,68,.16), rgba(232,180,17,.06)); border:1px solid rgba(76,185,68,.45);}
.banda h2{margin:0 0 4px;}
.banda p{margin:0; color:var(--hueso);}
.sello{flex:none; font-weight:800; color:#fff; background:var(--verde); padding:10px 16px; border-radius:999px; font-size:15px;}
.herramientas{list-style:none; display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:10px;}
.herramientas li{background:var(--negro-2); border:1px solid var(--gris-linea); border-radius:14px; padding:13px 15px; font-size:14px; color:var(--hueso);}
.herramientas b{color:var(--blanco);}
.form-org{margin-top:30px; border-color:rgba(242,106,27,.5);}
.form-org form{display:flex; flex-direction:column; gap:12px; margin-top:6px;}
.form-org label{display:flex; flex-direction:column; gap:6px; font-family:var(--font-mono); font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--gris);}
.form-org input, .form-org select, .form-org textarea{font:inherit; font-family:var(--font-body); font-size:15px; letter-spacing:0; text-transform:none; color:var(--blanco);
  background:var(--negro); border:1px solid var(--gris-linea); border-radius:12px; padding:12px 14px; width:100%;}
.form-org select option{background:var(--negro-2);}
.form-org textarea{resize:vertical;}
.form-org input:focus, .form-org select:focus, .form-org textarea:focus{outline:none; border-color:var(--rojo);}
.form-org .fila{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.form-org .fila > *{min-width:0;}
.form-org .btn{align-self:flex-start;}
.estado{font-size:14px; margin:0; min-height:1.4em;}
.estado.ok{color:var(--verde);} .estado.error{color:#ff6b5b;}
@media (max-width:560px){ .form-org .fila{grid-template-columns:1fr;} .form-org .btn{align-self:stretch;} }

/* Pie */
.pie{max-width:860px; margin:0 auto; padding:26px 20px 40px; border-top:1px solid var(--gris-linea); font-size:12.5px; color:var(--gris); display:flex; flex-direction:column; gap:8px;}
.pie-links{display:flex; flex-wrap:wrap; gap:6px 16px;}
.pie a{color:var(--hueso); text-decoration:none;} .pie a:hover{color:var(--blanco); text-decoration:underline;}
@media (max-width:420px){ .lv{font-size:22px;} .btn-app{padding:8px 12px; font-size:12.5px;} }

/* Prelanzamiento (/lanzamiento) */
[hidden]{display:none !important;}
.lv-grande{font-size:clamp(46px, 11vw, 84px);}
.centro{text-align:center;}
.tag-fundador{display:inline-flex; align-items:center; gap:4px; padding:5px 13px; border-radius:999px; font-size:13px; font-weight:800; letter-spacing:.3px; color:#141214;
  background:linear-gradient(120deg, #E8B411, #F26A1B 55%, #4CB944); box-shadow:0 4px 14px rgba(242,106,27,.25);}
/* Logo animado como en la app: las letras bailan, llega la P, cae el punto y los colores se mueven */
.lv-anim .lv-txt i{font-style:normal; display:inline-block; animation:lv-baile .7s cubic-bezier(.3,1.6,.5,1) both; animation-delay:calc(var(--i) * 70ms + 80ms);}
.lv-anim .lv-ico{transform-origin:50% 60%; animation:lv-llega .75s cubic-bezier(.2,1.2,.3,1) .55s both, lv-lateP 3s ease-in-out 1.6s infinite;}
.lv-anim .lv-punto{opacity:0; animation:lv-cae .9s cubic-bezier(.3,0,.4,1) 1.2s forwards;}
.lv-anim .b1{animation:lv-m1 5s ease-in-out infinite;} .lv-anim .b2{animation:lv-m2 5s ease-in-out infinite;} .lv-anim .b3{animation:lv-m3 5s ease-in-out infinite;}
@keyframes lv-baile{0%{opacity:0; transform:translateY(-.9em) rotate(-25deg) scale(.6);} 45%{opacity:1; transform:translateY(.18em) rotate(12deg) scale(1.08);} 70%{transform:translateY(-.08em) rotate(-6deg);} 100%{opacity:1; transform:none;}}
@keyframes lv-llega{0%{opacity:0; transform:translateX(-2.2em) rotate(-200deg) scale(.4);} 70%{opacity:1; transform:translateX(.08em) rotate(10deg) scale(1.06);} 100%{opacity:1; transform:none;}}
@keyframes lv-cae{0%{opacity:1; transform:translateY(-3em);} 55%{transform:translateY(0) scale(1.25,.75);} 70%{transform:translateY(-.4em) scale(.92,1.08);} 85%{transform:translateY(0) scale(1.08,.92);} 93%{transform:translateY(-.06em);} 100%{opacity:1; transform:none;}}
@keyframes lv-lateP{0%,60%,100%{transform:scale(1); filter:drop-shadow(0 0 2px rgba(255,255,255,.2));} 15%{transform:scale(1.035); filter:drop-shadow(0 0 7px rgba(255,255,255,.6)) drop-shadow(0 0 18px rgba(255,255,255,.22));}}
@keyframes lv-m1{0%,100%{transform:translate(0,0);} 33%{transform:translate(18px,22px);} 66%{transform:translate(4px,34px);}}
@keyframes lv-m2{0%,100%{transform:translate(0,0);} 33%{transform:translate(16px,-26px);} 66%{transform:translate(22px,-8px);}}
@keyframes lv-m3{0%,100%{transform:translate(0,0);} 33%{transform:translate(-20px,10px);} 66%{transform:translate(-8px,-18px);}}
@media (prefers-reduced-motion: reduce){ .lv-anim *, .lv-anim{animation:none !important; opacity:1 !important; transform:none !important;} }

/* /lanzamiento: diseño minimalista, columna angosta, movimientos cortos y suaves */
.p-lanz{--suave:cubic-bezier(.23,1,.32,1); --borde:rgba(244,239,236,.09); --capa:rgba(244,239,236,.035); --texto-2:#9D9497;
  background:radial-gradient(60% 40% at 50% 0%, rgba(242,106,27,.09), transparent 70%), #111012;}
.p-lanz .cab{max-width:600px; padding-top:20px;}
.p-lanz .cab .lv{font-size:20px;}
.p-lanz .btn-app{background:transparent; border-color:var(--borde); font-weight:500; font-size:13px; padding:7px 13px; color:var(--hueso); transition:border-color .2s, background-color .2s;}
.p-lanz .btn-app:hover{background:var(--capa); border-color:rgba(244,239,236,.18);}
.p-lanz .contenido{max-width:600px; padding-top:34px; display:flex; flex-direction:column; gap:56px;}
.p-lanz .pie{max-width:600px; border-top-color:var(--borde);}
.lz-in{animation:lz-entra .8s var(--suave) both; animation-delay:calc(var(--d) * 70ms + 60ms);}
@keyframes lz-entra{from{opacity:0; transform:translateY(10px); filter:blur(5px);} to{opacity:1; transform:none; filter:blur(0);}}

.lz-hero{display:flex; flex-direction:column; align-items:center; text-align:center;}
.lz-pill{display:inline-flex; align-items:center; gap:8px; padding:5px 12px 5px 10px; border-radius:999px; border:1px solid var(--borde); background:var(--capa);
  font-size:12.5px; font-weight:500; color:var(--hueso); letter-spacing:0;}
.lz-punto{width:6px; height:6px; border-radius:50%; background:var(--verde); box-shadow:0 0 0 0 rgba(76,185,68,.6); animation:lz-late 2.4s ease-out infinite;}
@keyframes lz-late{0%{box-shadow:0 0 0 0 rgba(76,185,68,.55);} 70%,100%{box-shadow:0 0 0 7px rgba(76,185,68,0);}}
.lz-logo{margin:30px 0 26px;}
.p-lanz .lv-grande{font-size:clamp(40px, 10vw, 60px);}
.p-lanz h1{font-family:var(--font-body); text-transform:none; font-weight:600; font-size:clamp(28px, 6vw, 40px); line-height:1.12; letter-spacing:-.035em;
  color:var(--hueso); margin:0 0 14px; max-width:15em; text-wrap:balance;}
.p-lanz h1 span{color:var(--texto-2);}
.lz-sub{font-size:15.5px; color:var(--texto-2); max-width:30em; margin:0; line-height:1.6;}
.lz-acciones{display:flex; gap:10px; margin-top:28px; flex-wrap:wrap; justify-content:center;}
.lz-btn{display:inline-flex; align-items:center; justify-content:center; height:42px; padding:0 18px; border-radius:999px; font:inherit; font-size:14px; font-weight:600;
  text-decoration:none; cursor:pointer; border:1px solid transparent; transition:transform .16s ease-out, background-color .2s, border-color .2s, box-shadow .2s;}
.lz-btn:active{transform:scale(.97);}
.lz-btn-pri{background:var(--hueso); color:#141214; box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 6px 20px rgba(0,0,0,.35);}
.lz-btn-pri:hover{color:#141214; background:#fff;}
.lz-btn-sec{background:var(--capa); color:var(--hueso); border-color:var(--borde);}
.lz-btn-sec:hover{color:var(--hueso); background:rgba(244,239,236,.07); border-color:rgba(244,239,236,.16);}

/* Fundador: una tarjeta de perfil de ejemplo con la insignia */
.lz-fund{display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:22px; border-radius:20px; border:1px solid var(--borde);
  background:linear-gradient(180deg, rgba(232,180,17,.06), transparent 60%), var(--capa);}
.lz-perfil{display:flex; align-items:center; gap:11px; width:100%; padding:12px; margin-bottom:8px; border-radius:14px; background:#171517; border:1px solid var(--borde);
  box-shadow:0 10px 30px rgba(0,0,0,.35); transform:rotate(-1.2deg); transition:transform .5s var(--suave);}
.lz-fund:hover .lz-perfil{transform:rotate(0) translateY(-2px);}
.lz-av{width:38px; height:38px; flex:none; border-radius:50%; display:grid; place-items:center; font-weight:700; font-size:13px; color:#fff; background:linear-gradient(135deg, #F26A1B, #E8B411);}
.lz-perfil-txt{display:flex; flex-direction:column; min-width:0; flex:1; line-height:1.3;}
.lz-perfil-txt b{font-size:14px; color:var(--hueso);}
.lz-perfil-txt small{font-size:12px; color:var(--texto-2);}
.lz-perfil .tag-fundador{font-size:11.5px; padding:4px 10px; box-shadow:none;}
.p-lanz h2{font-family:var(--font-body); text-transform:none; font-weight:600; font-size:17px; letter-spacing:-.015em; color:var(--hueso); margin:0;}
.lz-fund p{font-size:14.5px; color:var(--texto-2); margin:0; line-height:1.6;}
.lz-fund p b{color:var(--hueso); font-weight:600;}
.lz-link{font-size:14px; font-weight:600; color:var(--hueso); text-decoration:none; margin-top:4px;}
.lz-link span{display:inline-block; transition:transform .25s var(--suave);}
.lz-link:hover{color:#fff;} .lz-link:hover span{transform:translateX(3px);}

/* Lo que trae: tarjetas apiladas que se abren */
.lz-bloque{display:flex; flex-direction:column; gap:14px;}
.lz-h2{padding-left:2px;}
.lz-stack{--alto:76px; --sep:10px; position:relative; list-style:none; margin:0; padding:0; height:calc(var(--alto) + 24px); cursor:pointer; outline:none;
  transition:height .5s var(--suave);}
.lz-stack li{position:absolute; left:0; right:0; top:0; height:var(--alto); display:flex; align-items:center; gap:13px; padding:0 16px; border-radius:16px;
  background:#1A1719; border:1px solid var(--borde); box-shadow:0 8px 24px rgba(0,0,0,.35); transform-origin:50% 0;
  transition:transform .5s var(--suave), opacity .4s var(--suave);}
.lz-stack li:nth-child(1){z-index:3;}
.lz-stack li:nth-child(2){z-index:2; transform:translateY(12px) scale(.95);}
.lz-stack li:nth-child(3){z-index:1; transform:translateY(24px) scale(.9);}
.lz-stack li:not(:first-child) .lz-item, .lz-stack li:not(:first-child) .lz-ico{opacity:0; transition:opacity .3s var(--suave);}
.lz-stack:hover, .lz-stack:focus-visible, .lz-stack.abierta{height:calc(var(--alto) * 3 + var(--sep) * 2);}
.lz-stack:hover li:nth-child(2), .lz-stack:focus-visible li:nth-child(2), .lz-stack.abierta li:nth-child(2){transform:translateY(calc(var(--alto) + var(--sep)));}
.lz-stack:hover li:nth-child(3), .lz-stack:focus-visible li:nth-child(3), .lz-stack.abierta li:nth-child(3){transform:translateY(calc((var(--alto) + var(--sep)) * 2));}
.lz-stack:hover li .lz-item, .lz-stack:hover li .lz-ico, .lz-stack:focus-visible li .lz-item, .lz-stack:focus-visible li .lz-ico,
.lz-stack.abierta li .lz-item, .lz-stack.abierta li .lz-ico{opacity:1;}
.lz-stack:focus-visible{box-shadow:0 0 0 2px rgba(242,106,27,.5); border-radius:16px;}
.lz-ico{width:34px; height:34px; flex:none; border-radius:10px; display:grid; place-items:center; color:var(--hueso); background:rgba(244,239,236,.06); border:1px solid var(--borde);}
.lz-ico svg{width:18px; height:18px;}
.lz-item{display:flex; flex-direction:column; min-width:0; line-height:1.35;}
.lz-item b{font-size:14px; font-weight:600; color:var(--hueso);}
.lz-item span{font-size:13px; color:var(--texto-2); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.lz-pista{font-size:12px; color:#6F676A; margin:0; padding-left:2px;}
@media (hover:none){
  .lz-stack{height:calc(var(--alto) * 3 + var(--sep) * 2); cursor:default;}
  .lz-stack li:nth-child(2){transform:translateY(calc(var(--alto) + var(--sep)));}
  .lz-stack li:nth-child(3){transform:translateY(calc((var(--alto) + var(--sep)) * 2));}
  .lz-stack li .lz-item, .lz-stack li .lz-ico{opacity:1 !important;}
  .lz-pista{display:none;}
}

/* Organizadores y redes */
.lz-fila{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; border-radius:16px; border:1px solid var(--borde); background:var(--capa);
  text-decoration:none; color:var(--hueso); transition:background-color .2s, border-color .2s, transform .16s ease-out;}
.lz-fila:hover{color:var(--hueso); background:rgba(244,239,236,.06); border-color:rgba(76,185,68,.35);}
.lz-fila:active{transform:scale(.99);}
.lz-fila > span:first-child{display:flex; flex-direction:column; line-height:1.4;}
.lz-fila b{font-size:14.5px; font-weight:600;}
.lz-fila small{font-size:13px; color:var(--texto-2);}
.lz-flecha{color:var(--verde); font-size:18px; transition:transform .25s var(--suave);}
.lz-fila:hover .lz-flecha{transform:translateX(3px);}
.lz-redes{font-size:13px; color:var(--texto-2); margin:0; padding-left:2px;}
.lz-redes a{color:var(--hueso); text-decoration:underline; text-decoration-color:rgba(244,239,236,.25); text-underline-offset:3px;}
.lz-redes a:hover{text-decoration-color:var(--hueso);}

/* Avisos tipo toast */
.lz-toasts{position:fixed; left:0; right:0; bottom:calc(20px + env(safe-area-inset-bottom, 0px)); display:flex; flex-direction:column; align-items:center; gap:8px; pointer-events:none; z-index:50; padding:0 16px;}
.lz-toast{pointer-events:auto; max-width:100%; padding:11px 16px; border-radius:12px; font-size:13.5px; font-weight:500; color:var(--hueso); background:#1E1B1D; border:1px solid var(--borde);
  box-shadow:0 12px 32px rgba(0,0,0,.45); opacity:0; transform:translateY(16px) scale(.97); transition:transform .4s var(--suave), opacity .4s var(--suave); overflow-wrap:anywhere;}
.lz-toast.on{opacity:1; transform:none;}
.lz-toast.off{opacity:0; transform:translateY(8px) scale(.97);}
@media (prefers-reduced-motion: reduce){
  .lz-in{animation:none;} .lz-punto{animation:none;}
  .lz-stack, .lz-stack li, .lz-perfil, .lz-toast{transition:none;}
}