:root{--p:#2F5D62;--p2:#5E8B7E;--c:#F7F4EC;--t:#22313A;--g:#61707A;--b:#DDD8CC;--a:#E7B75F}
*{box-sizing:border-box}
body{margin:0;background:var(--c);color:var(--t);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding-bottom:78px}
button,select,input,textarea{font:inherit}
.top{background:var(--p);padding:12px 16px}
.marca{background:none;border:0;color:#fff;font-weight:700;font-size:20px;cursor:pointer}
main{max-width:720px;margin:0 auto;padding:18px 16px}
h1{font-size:26px;line-height:1.2;margin:8px 0}h2{font-size:20px;margin:18px 0 8px}h3{font-size:17px;margin:12px 0 4px}
.sub{color:var(--g);margin-top:0}
.card{background:#fff;border:1px solid var(--b);border-radius:14px;padding:14px;margin:12px 0}
label{display:block;font-weight:700;margin:14px 0 6px}
select,input,textarea{width:100%;padding:12px;border:1px solid var(--b);border-radius:10px;background:#fff;color:var(--t)}
textarea{min-height:88px}
.btn{display:block;width:100%;border:0;border-radius:12px;background:var(--p);color:#fff;font-weight:700;padding:14px;margin-top:12px;cursor:pointer}
.btn.sec{background:#fff;color:var(--p);border:1px solid var(--p)}
.fila{display:flex;gap:8px;flex-wrap:wrap}.fila .btn{flex:1 1 150px;margin-top:8px}
.tag{display:inline-block;background:#E7F0EE;color:var(--p);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;margin:2px 4px 2px 0}
.fase{font-size:13px;font-weight:800;color:var(--p2);text-transform:uppercase}
.aviso{font-size:13px;color:var(--g)}
.linkbtn{background:none;border:0;color:var(--p);font-weight:700;text-decoration:underline;padding:6px 0;cursor:pointer}
.logo{width:44px;height:44px;flex:none;border-radius:11px}.marca{display:flex;align-items:center;gap:10px}.marca .logo{width:32px;height:32px;border-radius:8px}
.saludo{display:flex;gap:12px;align-items:center;margin-top:6px}.saludo .logo{width:64px;height:64px;border-radius:15px}.saludo h1{margin:0}.saludo .sub{margin:2px 0 0}
.ico{width:24px;height:24px}.menu button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:13px}
.conico{display:flex;gap:12px;align-items:center}.conico h3{margin:0}.circ{flex:none;width:46px;height:46px;border-radius:50%;background:#E7F0EE;color:var(--p);display:grid;place-items:center}
.tarjetas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tarjeta{border:2px dashed var(--b);border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;break-inside:avoid}.tarjeta svg{width:96px;height:96px}.tarjetas.dos .tarjeta svg{width:100%;height:70px}
.lado{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ilu{width:90px;flex:none}.rueda{width:190px}
.online{background:#E7F0EE;border-radius:10px;padding:10px}.clic{cursor:pointer}.clic p{margin:4px 0 0}h4{margin:12px 0 4px}.pie{margin-top:14px}
.reloj{font-size:42px;font-weight:800;text-align:center;color:var(--p);margin:8px 0}
.menu{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--b);display:grid;grid-template-columns:repeat(4,1fr)}
.menu button{background:none;border:0;padding:14px 4px;color:var(--p);font-weight:700;font-size:14px;cursor:pointer}
ol,ul{padding-left:22px;margin:6px 0}
@media print{body{background:#fff;padding:0}.no-print,.menu,.top{display:none!important}.card{border:0;padding:0;break-inside:avoid}main{max-width:none;padding:0}}