*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f5fbfe;color:#203040}
.wrap{max-width:1100px;margin:auto;padding:0 16px}
.top{background:#fff;border-bottom:1px solid #e3edf3}
.top .wrap{display:flex;align-items:center;gap:12px;height:60px}
.top b{color:#075c9c;letter-spacing:.5px}
.top span{color:#6b7884;font-size:14px}
.hero{margin:20px 0;background:linear-gradient(135deg,#0aa6df,#075c9c);color:#fff;border-radius:18px;padding:24px}
.hero h1{margin:0 0 8px;font-size:clamp(28px,5vw,42px)}
.hero p{margin:4px 0}
.aviso{margin-top:14px!important;background:#fff2c9;color:#6c5400;border-radius:10px;padding:10px 12px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:40px}
.card{background:#fff;border:1px solid #e3edf3;border-radius:14px;padding:14px}
.card small{color:#0b91c7;font-weight:800}
.card h3{margin:6px 0;font-size:16px}
.card .precio{color:#075c9c;font-size:20px;font-weight:900}