.wifi{min-height:100dvh;background:var(--verde,#032414);color:var(--crema,#fcecbb);padding:20px 16px 60px;max-width:520px;margin:0 auto}.wifi-cabeza{display:flex;gap:14px;align-items:center;margin-bottom:14px}.wifi-cabeza img{border-radius:16px;flex:none}.wifi-cabeza h1{margin:2px 0;font-size:30px;color:var(--oro,#e9bd50)}.wifi-cabeza p{margin:0;opacity:.85}.wifi-cuerpo{display:grid;grid-gap:12px;gap:12px}.wifi-pasos{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;list-style:none;padding:0;margin:0;font-size:12px;text-align:center}.wifi-pasos li{display:grid;grid-gap:4px;gap:4px;justify-items:center;opacity:.55}.wifi-pasos li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;box-shadow:inset 0 0 0 2px currentColor}.wifi-pasos li.ahora{opacity:1;color:var(--oro,#e9bd50)}.wifi-pasos li.ok{opacity:1}.wifi-pasos li.ok span{background:var(--oro,#e9bd50);color:var(--verde,#032414);box-shadow:none}.wifi .tarjeta{color:var(--tinta,#1b1b1b)}.wifi-aviso{background:#f8e7c2;color:#5a3d05;font-size:14px}.wifi-aviso,.wifi-codigo{padding:10px 12px;border-radius:12px}.wifi-codigo{display:grid;grid-gap:2px;gap:2px;background:rgba(3,36,20,.08)}.wifi-codigo b{font-size:28px;letter-spacing:.2em}.wifi-codigo-input{font-size:26px;letter-spacing:.3em;text-align:center}.wifi-publi{display:grid;grid-gap:12px;gap:12px}.wifi-slide{min-height:180px;display:grid;align-content:center;grid-gap:8px;gap:8px;padding:18px;border-radius:16px;background:linear-gradient(140deg,#032414,#0b4a2b);color:var(--crema,#fcecbb);animation:wifi-entra .6s ease both}.wifi-slide b{font-size:26px;color:var(--oro,#e9bd50);line-height:1.1}.wifi-slide p{margin:0;font-size:17px}@keyframes wifi-entra{0%{transform:translateY(10px) scale(.98)}to{transform:none}}.wifi-barra{height:6px;border-radius:6px;background:rgba(3,36,20,.15);overflow:hidden}.wifi-barra span{display:block;height:100%;background:var(--oro,#e9bd50);transition:width 1s linear}.wifi-clave{font-size:22px;letter-spacing:.05em;-webkit-user-select:all;-moz-user-select:all;user-select:all}.wifi-slide .kick{color:var(--oro,#e9bd50);opacity:.8}