:root{--ink: #12163a;--blue: #2b3fe0;--sun: #ffd43b;--paper: #f6f7fb;--white: #fff;--ok: #0f7d52;--bad: #b3261e;--line: #d9dcea;font-family:Bricolage Grotesque,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--paper);color:var(--ink);font-size:1.0625rem;line-height:1.55}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.top,main,footer{width:min(1080px,100% - 2.5rem);margin-inline:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;flex-wrap:wrap}.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.04em;text-decoration:none}.top nav{display:flex;gap:1.5rem;flex-wrap:wrap}.top nav a{text-decoration:none;font-weight:500}.top nav a:hover{text-decoration:underline;text-underline-offset:4px}.hero{padding:clamp(2.5rem,8vw,6rem) 0 clamp(2.5rem,6vw,4.5rem)}h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1;letter-spacing:-.035em;font-weight:800;margin:0 0 1.25rem;max-width:14ch}.lead{font-size:1.25rem;max-width:52ch;margin:0 0 2.5rem}.bar{display:flex;align-items:center;background:var(--white);border:3px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--sun);padding:.35rem 1rem;font-size:clamp(1.05rem,3.4vw,1.75rem);max-width:100%}.bar:focus-within{border-color:var(--blue)}.bar.free{border-color:var(--ok)}.bar.invalid,.bar.taken,.bar.reserved,.bar.error{border-color:var(--bad)}.proto,.suffix{color:#6b7090;white-space:nowrap;font-weight:500}.suffix{font-weight:700;color:var(--ink)}.bar input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-weight:700;color:var(--ink);padding:.6rem .25rem}.bar input:focus-visible{outline:none}.bar input::placeholder{color:#b4b8cf}.msg{min-height:1.6em;margin:1rem 0 0;font-weight:500}.msg.free{color:var(--ok)}.msg.invalid,.msg.taken,.msg.reserved,.msg.error{color:var(--bad)}.reserva{margin-top:1.25rem;max-width:40rem}.reserva label{display:block;font-weight:600;margin-bottom:.5rem}.fila{display:flex;gap:.75rem;flex-wrap:wrap}.fila input{flex:1 1 14rem;font:inherit;padding:.8rem 1rem;border:2px solid var(--ink);border-radius:10px;background:var(--white)}button,.btn{font:inherit;font-weight:700;background:var(--blue);color:var(--white);border:0;border-radius:10px;padding:.85rem 1.4rem;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#1f2fb8}button:disabled{opacity:.6;cursor:wait}.exito{margin-top:1.5rem;padding:1.25rem 1.5rem;background:var(--white);border-left:6px solid var(--ok);max-width:40rem}.exito p{margin:0 0 .5rem}.bloque{padding:3rem 0;border-top:2px solid var(--ink)}h2{font-size:clamp(1.6rem,4vw,2.25rem);letter-spacing:-.03em;margin:0 0 1.5rem;line-height:1.1}.incluye{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem 2.5rem}.incluye b{display:block;font-size:1.15rem}.pasos{margin:0;padding:0;list-style:none;counter-reset:p;display:grid;gap:1.25rem;max-width:42rem}.pasos li{counter-increment:p;display:grid;grid-template-columns:3.5rem 1fr;align-items:baseline}.pasos li:before{content:counter(p);font-size:2.5rem;font-weight:800;color:var(--blue);line-height:1}.pasos b{display:block}.precio{background:var(--blue);color:var(--white);border:0;border-radius:20px;padding:2.5rem clamp(1.5rem,5vw,3rem);margin:1.5rem 0;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.precio h2{margin-bottom:.5rem}.precio p{margin:0}.importe{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.importe strong{font-size:2.75rem;letter-spacing:-.03em}.precio .btn{background:var(--sun);color:var(--ink)}.precio .btn:hover{background:#ffe066}details{border-bottom:1px solid var(--line);padding:1rem 0;max-width:46rem}summary{cursor:pointer;font-weight:600;font-size:1.1rem}details p{margin:.75rem 0 0}footer{padding:2.5rem 0;color:#6b7090;font-size:.95rem}@media(max-width:560px){.bar{box-shadow:4px 4px 0 var(--sun);padding-inline:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.sub{max-width:52ch;margin:-.75rem 0 2rem}.ejemplos{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:2rem}.ventana{margin:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--white)}.chrome{display:flex;align-items:center;gap:.4rem;padding:.6rem .8rem;border-bottom:2px solid var(--ink);font-size:.85rem;font-weight:600}.chrome i{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);flex:none}.chrome span{margin-left:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina{padding:1.5rem 1.25rem 1.75rem;min-height:16rem;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.pagina svg{width:2.75rem;height:2.75rem;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.5rem}.pagina strong{font-size:1.5rem;line-height:1.1;letter-spacing:-.02em}.pagina p{margin:0}.pagina small{opacity:.85}.falso{margin-top:auto;padding:.5rem .95rem;border-radius:999px;font-weight:700;font-size:.9rem}.contacto{margin-top:1.5rem}footer p{margin:0 0 .5rem}.pie{display:flex;gap:1.5rem;flex-wrap:wrap}.legal{max-width:46rem;padding-bottom:3rem}.legal h1{font-size:clamp(2rem,6vw,3rem);max-width:none}.legal h2{font-size:1.3rem;margin:2rem 0 .5rem}.legal p{max-width:62ch}
