/*
Theme Name: Recemana OnePage
Theme URI: https://example.com/recemana
Author: ChatGPT
Description: Tema one-page para Recemana, con colores corporativos (verde menta y amarillo cálido) y demo automático al activar.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
License: GPLv2 or later
Text Domain: recemana
*/

:root{
  --color-mint:#80CBC4;
  --color-mint-dark:#4DB6AC;
  --color-yellow:#FFD54F;
  --color-yellow-dark:#FFCA28;
  --color-text:#424242;
  --color-bg:#FFFFFF;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Poppins',system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--color-text);background:var(--color-bg)}
a{color:inherit}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:600;text-decoration:none;border:1px solid var(--color-text)}
.btn-primary{background:var(--color-yellow);border-color:var(--color-yellow);}
.btn-primary:hover{background:var(--color-yellow-dark)}
.btn-secondary{background:var(--color-mint);border-color:var(--color-mint);color:#0F2724}
.btn-secondary:hover{background:var(--color-mint-dark)}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.header .inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:#2B6E63}
.logo img{height:36px}
.nav a{margin-left:16px;text-decoration:none;font-weight:600}
.hero{background:linear-gradient(180deg,#f6fffd,#ffffff);padding:72px 0}
.hero h1{font-size:clamp(28px,4vw,48px);margin:0 0 10px}
.hero p{font-size:18px;opacity:.85;max-width:820px}
.hero-cta{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
.section{padding:56px 0}
.section h2{font-size:clamp(22px,3vw,34px);margin:0 0 10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:14px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.badge{display:inline-block;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;font-size:12px;margin-right:6px}
.price{position:relative;text-align:center}
.price .tag{font-size:26px;font-weight:800;color:#1f3f3a}
.price.featured{outline:2px solid var(--color-mint);}
.footer{border-top:1px solid #eee;padding:28px 0;text-align:center;color:#555}
.kicker{color:#2B6E63;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}