/* MARC RIVERO · ALIMENTACIÓN V1.2 */
:root{
  --food-berry:#cf526b; --food-berry-soft:#e2768a; --food-deep:#14080b;
  --food-night:#090909; --food-panel:#101010; --food-border:rgba(207,82,107,.28);
}
.nutrition-page{background:var(--food-night);color:#f5f5f2}
.nutrition-page .main-nav a.active{color:var(--food-berry-soft)}
.nutrition-shell{width:min(1720px,calc(100% - 68px));margin:auto}
.nutrition-kicker{margin:0 0 18px;color:var(--food-berry);font-size:11px;font-weight:900;letter-spacing:3px}

.nutrition-hero{min-height:790px;height:92vh;position:relative;display:flex;align-items:center;overflow:hidden;background:url("assets/hero-alimentacion.png") center/cover no-repeat}
.nutrition-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.97),rgba(7,5,6,.79) 35%,rgba(8,4,5,.10) 70%),linear-gradient(0deg,rgba(8,3,4,.46),transparent 38%)}
.nutrition-hero-content{position:relative;z-index:2;padding-top:90px}
.nutrition-hero h1{max-width:800px;margin:0;font-size:clamp(58px,5.2vw,92px);line-height:.95;letter-spacing:-3.8px}
.nutrition-hero h1 span{color:var(--food-berry)}
.nutrition-lead{max-width:650px;margin:28px 0 0;color:rgba(245,245,242,.87);font-size:clamp(16px,1.1vw,20px);line-height:1.55}
.nutrition-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.nutrition-primary,.nutrition-secondary{min-height:58px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:4px;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1.2px;transition:.22s}
.nutrition-primary{color:#13070a;background:var(--food-berry);border:1px solid var(--food-berry)}
.nutrition-secondary{color:var(--food-berry-soft);border:1px solid rgba(207,82,107,.75);background:rgba(15,7,9,.34)}
.nutrition-primary:hover,.nutrition-secondary:hover{transform:translateY(-2px)}

.nutrition-benefits{background:linear-gradient(90deg,#251015,#35151d 50%,#251015);border-top:1px solid rgba(207,82,107,.14);border-bottom:1px solid rgba(207,82,107,.14)}
.benefit-grid{min-height:150px;display:grid;grid-template-columns:repeat(4,1fr)}
.benefit-grid article{padding:30px clamp(18px,2vw,38px);display:flex;align-items:center;gap:22px;border-right:1px solid rgba(255,255,255,.09)}
.benefit-grid article:last-child{border-right:0}.benefit-grid b{color:var(--food-berry);font-size:42px;font-weight:400}
.benefit-grid strong{display:block;margin-bottom:7px;font-size:12px;letter-spacing:.4px}.benefit-grid p{margin:0;color:rgba(245,245,242,.75);font-size:12px;line-height:1.45}

.nutrition-approach{
  width:min(1720px,calc(100% - 68px));
  min-height:620px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  background:#0c0b0b
}
.approach-image{min-height:620px;overflow:hidden}.approach-image img{width:100%;height:100%;display:block;object-fit:cover}
.approach-copy{padding:clamp(60px,5.5vw,105px) clamp(40px,6vw,120px);display:flex;flex-direction:column;justify-content:center}
.approach-copy h2{margin:0;font-size:clamp(42px,3.6vw,68px);line-height:.98;letter-spacing:-2.5px}.approach-copy h2 span{color:var(--food-berry)}
.approach-lead{max-width:720px;margin:25px 0 28px;color:rgba(245,245,242,.80);font-size:15px;line-height:1.65}
.approach-copy>.nutrition-secondary{align-self:flex-start}
.approach-points{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.approach-points article{display:flex;gap:14px}.approach-points b{color:var(--food-berry);font-size:28px}.approach-points strong,.approach-points small{display:block}
.approach-points strong{font-size:10px;line-height:1.35}.approach-points small{margin-top:7px;color:rgba(245,245,242,.62);font-size:10px;line-height:1.45}

.nutrition-plans{padding:105px 0 125px;background:radial-gradient(ellipse at 80% 0%,rgba(207,82,107,.07),transparent 32%),#090909}
.plans-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:42px}
.plans-head h2{margin:0;font-size:clamp(38px,3.3vw,60px);line-height:.98;letter-spacing:-2px}
.plans-head>p{max-width:520px;margin:0 0 3px auto;color:rgba(245,245,242,.67);font-size:13px;line-height:1.65}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,1.8vw,32px)}
.plan-card{overflow:hidden;background:#101010;border:1px solid var(--food-border);border-radius:14px;box-shadow:0 22px 55px rgba(0,0,0,.27);transition:.3s}
.plan-card:hover{transform:translateY(-4px);border-color:rgba(207,82,107,.48)}
.plan-image{height:clamp(260px,21vw,390px);position:relative;overflow:hidden}.plan-image img{width:100%;height:100%;display:block;object-fit:cover;transition:.5s}.plan-card:hover img{transform:scale(1.025)}
.plan-image span{position:absolute;top:18px;right:18px;padding:8px 14px;border-radius:4px;background:var(--food-berry);color:#18080c;font-size:9px;font-weight:900;letter-spacing:1px}
.plan-body{padding:28px}.plan-body h3{margin:0 0 8px;font-size:clamp(21px,1.5vw,28px)}.plan-body>p{min-height:44px;margin:0;color:rgba(245,245,242,.66);font-size:13px;line-height:1.55}
.plan-body ul{margin:24px 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 20px;list-style:none;color:rgba(245,245,242,.82);font-size:10px;font-weight:700;letter-spacing:.4px}
.plan-body li::first-letter{color:var(--food-berry)}
.plan-body>a{min-height:54px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--food-berry);border-radius:4px;color:var(--food-berry-soft);text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1px;transition:.22s}
.plan-body>a:hover{background:var(--food-berry);color:#13070a}

.nutrition-page .site-footer{position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(207,82,107,.09),transparent 48%),#090808}
.nutrition-page .site-footer::before{background:linear-gradient(90deg,transparent,rgba(207,82,107,.32),transparent)}

@media(max-width:1050px){
  .nutrition-approach{width:100%;margin:0}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article:nth-child(2){border-right:0}
  .nutrition-approach{grid-template-columns:1fr}.approach-image{min-height:520px}.approach-copy{padding:70px 42px}
}
@media(max-width:900px){
  .plans-head{grid-template-columns:1fr;gap:18px}.plans-head>p{margin-left:0}.plans-grid{grid-template-columns:1fr}.plan-image{height:430px}
}
@media(max-width:760px){
  .nutrition-shell{width:calc(100% - 44px)}
  .nutrition-hero{min-height:780px;height:auto;align-items:flex-end;background-position:68% center}
  .nutrition-hero-overlay{background:linear-gradient(0deg,rgba(8,4,5,.99),rgba(8,4,5,.91) 52%,rgba(8,4,5,.18))}
  .nutrition-hero-content{padding:340px 0 54px}.nutrition-hero h1{font-size:clamp(46px,12.5vw,66px);letter-spacing:-2.5px}.nutrition-lead br{display:none}
  .nutrition-actions{display:grid}.nutrition-primary,.nutrition-secondary{width:100%;box-sizing:border-box}
  .benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:24px 22px}.benefit-grid article:last-child{border-bottom:0}
  .approach-image{min-height:390px}.approach-copy{padding:62px 22px}.approach-copy h2{font-size:clamp(36px,10vw,48px)}
  .approach-copy>.nutrition-secondary{width:100%}.approach-points{grid-template-columns:1fr;gap:22px}
  .nutrition-plans{padding:76px 0 86px}.plans-head h2{font-size:clamp(34px,10vw,46px)}.plan-image{height:290px}.plan-body{padding:25px 23px 27px}
}