:root{--fondo:#faf7f2;--texto:#1f1f1f;--acento:#6a2c91;--aviso:#fff4d6;--borde:#ddd}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fondo);color:var(--texto);font-size:1.2rem;line-height:1.65}
.borrador{background:#222;color:#fff;text-align:center;font-size:1rem;padding:.5rem}
header,section,footer{max-width:760px;margin:0 auto;padding:1.6rem 1.2rem}
.marca{font-weight:800;font-size:1.4rem;color:var(--acento)}.marca small{font-weight:400;font-size:.9rem;color:#666}
h1{font-size:2.1rem;line-height:1.25;margin:.8rem 0}
h2{color:var(--acento);font-size:1.6rem;line-height:1.3;margin:0 0 .8rem}
h3{font-size:1.3rem;margin:1.2rem 0 .4rem}
p{margin:.5rem 0 1rem}
.actualizado{font-size:1rem;color:#555}
.btn{display:flex;align-items:center;justify-content:center;min-height:60px;width:100%;background:var(--acento);color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem;padding:.9rem 1.2rem;border-radius:14px;border:0;cursor:pointer;margin:.8rem 0;text-align:center}
.btn.sec{background:#fff;color:var(--acento);border:3px solid var(--acento)}
.caja-aviso{background:var(--aviso);border:2px solid #e2bf55;border-radius:14px;padding:1.2rem}
.caja-aviso ul,.lista{list-style:none;padding:0;margin:.4rem 0}
.caja-aviso li,.lista li{margin:.7rem 0;padding-left:2.2rem;text-indent:-2.2rem}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:16px;padding:1.4rem;margin-bottom:1.4rem}
.pasos{list-style:none;padding:0;margin:0}
.pasos li{margin:1rem 0;padding-left:3rem;text-indent:-3rem}
.fuente{font-size:1rem;color:#555}
a{color:var(--acento)}
form label{display:block;font-weight:700;margin:1.1rem 0 .4rem}
input,select{width:100%;min-height:56px;padding:.7rem;border:2px solid #bbb;border-radius:10px;font-size:1.15rem}
.opciones label{display:flex;align-items:center;gap:.7rem;font-weight:400;min-height:52px;margin:.2rem 0}
.opciones input{width:28px;min-height:28px;height:28px}
.pendiente{font-size:1rem;color:#a33}
footer{font-size:1rem;color:#444;border-top:1px solid var(--borde)}
@media(min-width:720px){h1{font-size:2.6rem}.btn{width:auto;min-width:340px;display:inline-flex}}
body{overflow-wrap:anywhere}
.num{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--acento);color:#fff;font-weight:700;margin-right:.5rem;vertical-align:middle}
.caja-aviso ul,.lista,.pasos{list-style:none;padding-left:0}
.caja-aviso li,.lista li,.pasos li{position:relative;padding-left:1.8rem;margin:.6rem 0;text-indent:0}
.caja-aviso li::before,.lista li::before,.pasos li::before{content:"";position:absolute;left:.2rem;top:.55em;width:.8rem;height:.8rem;border:2px solid var(--acento);border-radius:50%}
.ico{width:1.4em;height:1.4em;vertical-align:-.25em;margin-right:.35rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.caja-aviso li,.lista li,.pasos li{text-indent:0;padding-left:1.8rem}
fieldset.pregunta{border:0;padding:0;margin:0}fieldset.pregunta legend{font-weight:700;padding:0;margin:.6em 0 .2em}