/* Fuerza Vegetal - estilos compartidos (home y empanadas) */
:root{--verde:#1e4d3b;--verde-d:#153729;--mostaza:#a97b1f;--mostaza-d:#8a6519;--kraft:#e8dcc4;--kraft-d:#d9c8a3;--crema:#faf6ec;--negro:#1c1c1a;--texto:#2c2b27;--gris:#57564f;--radius:18px;--sombra:0 10px 30px rgba(0,0,0,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Nunito',sans-serif;color:var(--texto);background:var(--crema);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Fredoka',sans-serif;font-weight:600;line-height:1.15;color:var(--negro)}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}
.container{max-width:1120px;margin:0 auto;padding:0 24px}
section{padding:88px 0}.center{text-align:center}
.eyebrow{display:inline-block;background:var(--verde);color:#fff;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;border-radius:999px;margin-bottom:18px}
.eyebrow.m{background:var(--mostaza)}
h2.t{font-size:clamp(26px,4vw,38px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px;padding:18px 34px;border-radius:999px;border:none;cursor:pointer;transition:transform .15s,filter .15s}
.btn-primary{background:var(--mostaza);color:#fff;box-shadow:0 12px 24px rgba(169,123,31,.35)}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-ghost{border:2px solid rgba(255,255,255,.55);color:var(--crema)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-dark{background:var(--verde);color:#fff}
.btn-dark:hover{transform:translateY(-2px);filter:brightness(1.15)}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(30,77,59,.97);backdrop-filter:blur(6px)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-family:'Fredoka',sans-serif;font-weight:700;font-size:20px;color:var(--crema)}
.logo span{color:var(--mostaza)}.logo img{width:38px;height:auto}
.menu{display:flex;gap:26px;font-family:'Fredoka',sans-serif;font-weight:500;color:var(--crema)}
.menu a{opacity:.85}.menu a:hover,.menu a.on{opacity:1;color:#e3b755}
.nav-right{display:flex;align-items:center;gap:14px}
.tiktok-link{display:flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;color:var(--crema);border:2px solid rgba(255,255,255,.3)}
.tiktok-link:hover{background:rgba(255,255,255,.12)}
.nav .btn{padding:11px 22px;font-size:15px}
/* hero */
.hero{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.06),transparent 40%),linear-gradient(160deg,var(--verde),var(--verde-d));color:var(--crema);padding:80px 0 96px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;opacity:.5}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero h1{color:#fff;font-size:clamp(36px,5.4vw,60px);margin-bottom:22px}.hero h1 em{color:#e3b755;font-style:normal}
.hero .lead{font-size:19px;color:rgba(250,246,236,.88);max-width:520px;margin-bottom:32px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px}
.hero-img{display:flex;justify-content:center}
.hero-img img{width:min(380px,100%);border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(3deg)}
.hero-logo{width:min(300px,70%)!important;box-shadow:none!important;transform:none!important;border-radius:0!important}
/* cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column}
.card .ph{aspect-ratio:4/3;background:var(--kraft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .ph.book img{width:auto;height:88%;border-radius:6px 12px 12px 6px;box-shadow:0 14px 30px rgba(0,0,0,.3);transform:rotate(-4deg)}
.card .body{padding:28px;display:flex;flex-direction:column;gap:12px;flex:1}
.card h3{font-size:24px}.card p{color:var(--gris);font-size:15.5px;flex:1}
.card .btn{align-self:flex-start;padding:14px 28px;font-size:16px}
/* quien */
.quien{background:var(--kraft)}
.quien-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.quien-foto{aspect-ratio:1/1;border-radius:28px;overflow:hidden;box-shadow:var(--sombra)}
.quien-foto img{width:100%;height:100%;object-fit:cover}
.quien-text h2{margin-bottom:16px}.quien-text p{color:var(--gris);margin-bottom:14px;font-size:16.5px}
.valores{background:var(--verde);color:var(--crema);border-radius:var(--radius);padding:26px 30px;margin-top:22px}
.valores p{color:rgba(250,246,236,.92);margin:0;font-size:16px}
/* testimonios */
.testi{background:var(--verde);color:var(--crema)}.testi h2{color:#fff}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;text-align:left}
.testi-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px}
.testi-card .tag{color:#e3b755;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}
.testi-card p{color:rgba(250,246,236,.92);font-size:15px;margin-bottom:14px}.testi-card .who{font-weight:800;font-size:14px;color:#fff}
/* cta final */
.cta-final{background:linear-gradient(160deg,var(--verde),var(--verde-d));text-align:center;color:#fff}
.cta-final h2{color:#fff;font-size:clamp(28px,4vw,40px);margin-bottom:16px}.cta-final p{color:rgba(250,246,236,.85);max-width:520px;margin:0 auto 32px;font-size:17px}
/* footer */
footer{background:var(--negro);color:rgba(250,246,236,.65);padding:44px 0;font-size:14px}
footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
footer .fl{display:flex;gap:22px;flex-wrap:wrap}footer a:hover{color:#fff}
/* whatsapp flotante */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;background:#25d366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.3)}
@media(max-width:920px){section{padding:64px 0}.menu{display:none}.hero-grid,.cards,.quien-grid,.testi-grid{grid-template-columns:1fr}.hero-grid{text-align:center}.hero .lead{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.quien-foto{max-width:280px;margin:0 auto}}}


/* unified nav */
.logo{font-family:'Fredoka',sans-serif;font-weight:700;font-size:24px;color:var(--crema);gap:10px;white-space:nowrap}
.logo img{width:auto!important;height:1.15em!important}
.soc-nav{display:flex;align-items:center;gap:14px}
.nav .btn .short{display:none}
@media(max-width:700px){
 .nav{flex-wrap:wrap;padding:16px 20px 14px!important;row-gap:12px}
 .nav-right{display:contents!important}
 .logo{order:1;font-size:21px}
 .nav .btn{order:2;display:inline-flex!important;padding:10px 20px!important;font-size:15px!important}
 .nav .btn .full{display:none}.nav .btn .short{display:inline}
 .soc-nav{order:3;width:100%;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
 .soc-nav .tiktok-link{display:flex!important}
}