:root{--fondo:#ffffff;--texto:#1d2733;--suave:#5b6775;--marca:#0f7b6c;--marca-osc:#0b5e53;--claro:#eef7f5;--borde:#d9e2e7}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--texto);background:var(--fondo);line-height:1.55;font-size:17px}
.franja{background:var(--marca-osc);color:#fff;text-align:center;font-size:14px;padding:8px 16px;position:sticky;top:0;z-index:5}
main{max-width:720px;margin:0 auto;padding:0 16px}
section{padding:32px 0;border-bottom:1px solid var(--borde)}
h1{font-size:30px;line-height:1.2;margin:8px 0 12px}
h2{font-size:23px;line-height:1.25;margin:0 0 12px}
.sub{font-size:19px;color:var(--suave);margin:0 0 20px}
.vista{margin:0 0 20px}
.vista img{width:100%;height:auto;border-radius:12px;border:1px solid var(--borde);background:var(--claro)}
.vista figcaption{font-size:13px;color:var(--suave);text-align:center;margin-top:6px}
.boton{display:block;width:100%;text-align:center;background:var(--marca);color:#fff;font-weight:700;font-size:20px;padding:16px;border-radius:12px;text-decoration:none;border:0;cursor:pointer}
.boton:hover{background:var(--marca-osc)}
.boton[disabled]{opacity:.6}
.nota{font-size:14px;color:var(--suave);text-align:center;margin:8px 0 0}
ul.lista{padding-left:20px} ul.lista li{margin:6px 0}
.incluye{list-style:none;padding:0} .incluye li{background:var(--claro);border-radius:10px;padding:14px;margin:10px 0}
table{width:100%;border-collapse:collapse;font-size:15px} th,td{border:1px solid var(--borde);padding:8px;text-align:left;vertical-align:top} th{background:var(--claro)}
.precio{font-size:44px;font-weight:800;text-align:center;margin:4px 0} .precio-sub{text-align:center;color:var(--suave);margin:0 0 16px}
details{border:1px solid var(--borde);border-radius:10px;padding:12px;margin:10px 0} summary{font-weight:700;cursor:pointer}
footer{max-width:720px;margin:0 auto;padding:24px 16px 40px;font-size:13px;color:var(--suave)}
footer a{color:var(--suave)}
form label{display:block;font-weight:600;margin:14px 0 6px}
form input[type=text],form input[type=email],form select{width:100%;font-size:17px;padding:12px;border:1px solid var(--borde);border-radius:10px}
.casilla{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.casilla input{margin-top:5px;width:20px;height:20px}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.volver{display:block;text-align:center;margin-top:16px;color:var(--suave)}