/* Mar & Sazón — identidad (teal marino + coral) sobre _base.css */
:root{
  --brand:#0d5c54; --brand-d:#083f3a; --accent:#ff6a3d; --accent-d:#e24f23;
  --bg-soft:#fff6ef; --line:#efe6db;
  --head:'Poppins',system-ui,sans-serif; --body:'Poppins',system-ui,sans-serif;
}
.hero-art{background:linear-gradient(135deg,#0d5c54,#0a4a44)}
.promo{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,44px)}
.promo .lead,.promo p{color:var(--muted)}
.promo-price{margin:14px 0 20px}
.promo-price .price{font-size:2rem}
.promo-art{min-height:260px;background:linear-gradient(135deg,#ff6a3d,#ffb38a)}
@media(max-width:900px){.promo{grid-template-columns:1fr}}