* {margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif;}
body {background:#fffaf5; color:#333; line-height:1.6;}
header {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; background:white; border-bottom:2px solid #f2e6d9;}
.logo {font-size:22px; font-weight:bold;} .logo span{color:#e07a3f;}
.btn-wsp {background:#25D366; color:white; padding:8px 14px; border-radius:20px; text-decoration:none; font-weight:bold;}
.hero {text-align:center; padding:40px 20px; background:#fff1e6;}
.hero h1 {font-size:28px; margin-bottom:15px; color:#4a2c1d;}
.hero p {max-width:600px; margin:0 auto 20px;}
.btn {background:#e07a3f; color:white; padding:12px 25px; border-radius:25px; text-decoration:none; display:inline-block; font-weight:bold;}
.btn.grande {font-size:18px; padding:15px 30px;}
.peq {font-size:13px; color:#888; margin-top:10px;}
.servicios, .sobre, .tarifas, .contacto {padding:35px 20px; max-width:900px; margin:0 auto;}
h2 {text-align:center; margin-bottom:20px; color:#4a2c1d;}
.grid {display:grid; grid-template-columns:1fr 1fr; gap:15px;}
@media(max-width:600px){.grid{grid-template-columns:1fr;}}
.card, .precio {background:white; padding:18px; border-radius:12px; border:1px solid #f2e6d9;}
.card h3, .precio h3 {color:#e07a3f; margin-bottom:5px;}
.precio {text-align:center;} .precio .num {font-size:24px; font-weight:bold; margin:10px 0;}
.destacado {border:2px solid #e07a3f; background:#fff1e6;}
.sobre {background:white; border-radius:15px; margin-top:20px; border:1px solid #f2e6d9;}
.contacto {text-align:center; background:#4a2c1d; color:white; border-radius:15px; margin-top:20px;}
.contacto h2 {color:white;}
footer {text-align:center; padding:20px; font-size:12px; color:#aaa;}