:root{font-family:system-ui,sans-serif;color:#262139;background:#f6f3fb;line-height:1.5;--accent:#693bc0}*{box-sizing:border-box}body{margin:0}header{background:#29203f;color:white;padding:36px max(24px,calc((100vw - 1050px)/2));display:flex;align-items:center;gap:24px}header img{width:100px;height:100px;object-fit:contain;border-radius:22px;background:white}header span{letter-spacing:.2em;color:#dfc7ff;font-weight:700}h1{font-size:clamp(25px,4vw,40px);line-height:1.15;margin:10px 0}h2{font-size:22px;margin:0 0 20px}h3{margin:14px 0}header p{color:#e5dcef}main{max-width:1100px;margin:auto;padding:26px 20px}section{padding:26px;background:white;border:1px solid #e4deee;border-radius:20px;margin-bottom:22px;box-shadow:0 5px 20px #29203f05}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plan{text-align:left;background:#fff;color:inherit;border:2px solid #e4deee;border-radius:16px;padding:20px;cursor:pointer}.plan.active{border-color:var(--accent);background:#f5efff}.plan strong,.plan span,.plan small{display:block}.plan strong{font-size:18px}.plan span{font-size:22px;font-weight:750;margin:16px 0 6px}.plan small{font-size:13px;color:#625970}.plan:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ba8cff;outline-offset:3px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:block;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #c7bed6;border-radius:9px;font:inherit;background:white}.help{font-size:14px;color:#6a6077}.slots{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.slot{background:white;color:#403355;border:1px solid #b8a3d8;padding:14px;border-radius:10px;cursor:pointer}.slot.active{background:var(--accent);color:white}.slot:disabled{background:#eee;color:#777;border-color:#ddd;cursor:default}.slot span{display:block;font-size:12px}.summary{border-radius:12px;background:#f5efff;padding:16px;margin:20px 0}.summary strong{font-size:24px}.consent{font-size:14px;font-weight:400;display:flex;align-items:flex-start;gap:10px}.consent input{width:auto;margin-top:4px}dl{display:grid;grid-template-columns:160px 1fr;gap:7px;font-size:15px}dt{color:#6a6077}dd{margin:0;font-weight:650;overflow-wrap:anywhere}button[type=submit],.button{display:inline-block;background:var(--accent);color:#fff;padding:14px 22px;border:0;border-radius:10px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#success{background:#ecf8ef;border:1px solid #bee0c5;padding:22px;border-radius:12px}#result{white-space:pre-wrap}footer{text-align:center;padding:30px;color:#64576e}footer a{color:var(--accent)}[hidden]{display:none!important}@media(max-width:800px){.plans{grid-template-columns:repeat(2,1fr)}header{padding:25px 20px}header img{width:75px;height:75px}.fields{grid-template-columns:1fr}}@media(max-width:460px){header{align-items:flex-start}header img{width:55px;height:55px}section{padding:20px 16px}.plan{padding:14px}.plan span{font-size:20px}dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:8px}}

/* Universo Moon Cat: estrellas y nebulosas detrás de las tarjetas. */
html{background:#120e29}
body{background-color:#120e29;background-image:radial-gradient(circle at 15% 25%,#ffffffb0 0 1px,transparent 1.5px),radial-gradient(circle at 65% 75%,#b9deff99 0 1px,transparent 1.7px),radial-gradient(circle at 85% 15%,#ffe5aecc 0 1.3px,transparent 2px),radial-gradient(ellipse at 5% 15%,#754ec04d,transparent 48%),radial-gradient(ellipse at 95% 55%,#2465a540,transparent 45%);background-size:193px 211px,271px 307px,397px 383px,100% 1500px,100% 1900px}
header{position:relative;isolation:isolate;overflow:hidden;min-height:235px;border-bottom:1px solid #bba1fb30;background-color:#191137;background-image:radial-gradient(circle at 12% 20%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 60% 70%,#d8caffd9 0 1.1px,transparent 1.8px),radial-gradient(circle at 90% 30%,#bceaff 0 1.5px,transparent 2.5px),radial-gradient(ellipse at 65% 120%,#9154d685,transparent 58%),radial-gradient(ellipse at 10% 10%,#2770a475,transparent 58%),linear-gradient(115deg,#111b38,#352052 65%,#19132f);background-size:149px 173px,277px 229px,389px 307px,100% 100%,100% 100%,100% 100%}
header:before{content:"";position:absolute;z-index:-1;width:190px;height:190px;right:28px;top:-62px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#e7c0fa,#ad78d9 32%,#684791 62%,#30284e 82%);box-shadow:inset -22px -16px 25px #15132b80,0 0 60px #bf80f52b;opacity:.62}
header:after{content:"";position:absolute;z-index:-1;width:270px;height:75px;right:-12px;top:7px;border:6px solid #d6b5ee70;border-top-color:#e5c5ffb0;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 16px #caa5eb25;opacity:.6}
header img{box-shadow:0 0 28px #b398e04d;flex-shrink:0}header>div{max-width:850px;text-shadow:0 2px 12px #101129}header span{color:#d9c1ff}header p{color:#eee6ff}main{position:relative}section{box-shadow:0 12px 36px #05031533;border-color:#e8dff6}.plan.active{box-shadow:0 0 0 1px #693bc018,0 4px 18px #693bc014}footer{color:#ded1ed}footer a{color:#d9baff}
@media(max-width:800px){header:before{width:135px;height:135px;right:-40px;top:-42px;opacity:.4}header:after{width:185px;height:55px;right:-65px;top:6px;opacity:.4}header{min-height:220px}header>div{position:relative}}