*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1d2330;background:#f6f7f9;line-height:1.55}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#fff;border-bottom:1px solid #e3e6ec;position:sticky;top:0;z-index:2}
.marca{font-weight:700;font-size:1.15rem}.marca span{font-weight:400;color:#6b7280;font-size:.9rem}
main{max-width:860px;margin:0 auto;padding:0 20px}
section{padding:42px 0;border-bottom:1px solid #e3e6ec}
h1{font-size:2.1rem;line-height:1.2;margin:.2em 0 .6em}
h2{font-size:1.5rem;margin:0 0 .7em}
.sub{font-size:1.1rem;color:#374151}
.btn{display:inline-block;background:#0f766e;color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;border:0;font-size:1rem;cursor:pointer}
.btn.sec{background:#fff;color:#0f766e;border:2px solid #0f766e}
.btn.peq{padding:8px 14px;font-size:.9rem}
.cta-fila{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.checks{list-style:none;padding:0}.checks li{background:#fff;border:1px solid #e3e6ec;border-radius:8px;padding:12px 16px;margin:8px 0}
.checks b{display:block}
.nota{color:#6b7280;font-size:.95rem}
.demo{background:#fff;border:1px solid #d6dae2;border-radius:12px;padding:18px;display:grid;gap:16px}
.ctrl label{font-weight:600}.ctrl input{width:100%}
.pasos{display:flex;gap:8px;margin-top:6px}.pasos button{padding:6px 12px;border:1px solid #cbd0d8;background:#f9fafb;border-radius:6px;cursor:pointer}
.sitio{font-family:ui-monospace,Menlo,monospace;font-weight:600;margin-bottom:8px}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #eef0f3;text-align:left;font-size:.95rem}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.8rem;font-weight:600;font-family:sans-serif}
.ok{background:#dcfce7;color:#166534}.mal{background:#fee2e2;color:#991b1b}.ojo{background:#fef3c7;color:#92400e}
.aviso{border-left:4px solid #0f766e;background:#f0fdfa;padding:12px 16px;border-radius:6px;min-height:3em}
.aviso.alerta{border-color:#b91c1c;background:#fef2f2}
.aviso h4{margin:0 0 4px}
.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.plan{background:#fff;border:1px solid #d6dae2;border-radius:12px;padding:20px}
.cifra{font-size:2.2rem;font-weight:700;margin:.2em 0}.cifra span{font-size:1rem;color:#6b7280}
form{display:grid;gap:12px;max-width:480px}
form label{display:grid;gap:4px;font-weight:600}
input[type=email],input[type=text],select{padding:10px;border:1px solid #cbd0d8;border-radius:6px;font-size:1rem}
.rgpd{display:flex!important;gap:8px;font-weight:400!important;font-size:.9rem;color:#4b5563;align-items:flex-start}
.trampa{position:absolute;left:-9999px}
#resp{font-weight:600}
footer{text-align:center;color:#6b7280;padding:30px 20px;font-size:.9rem}
footer a{color:#0f766e}
@media(max-width:600px){h1{font-size:1.6rem}}
.fila-revisar{display:flex;gap:8px;max-width:560px;grid-template-columns:none}
.fila-revisar input{flex:1}
.resultado{list-style:none;padding:0;max-width:640px}
.resultado li{background:#fff;border:1px solid #e3e6ec;border-radius:8px;padding:10px 14px;margin:6px 0}
.resultado li.mal{border-color:#fca5a5}.resultado li.ojo{border-color:#fcd34d}
.oculto{display:none}