:root{
  --sustainability-green:#5f9632;
  --sustainability-dark:#173617;
  --sustainability-surface:#f5f6f3;
  --sustainability-line:#e1e5de;
}

body{background:var(--sustainability-surface)}
.sustainability-page{padding-bottom:clamp(36px,5vw,72px);background:var(--sustainability-surface);color:#111318}
.sustainability-container{width:calc(100% - clamp(36px,8vw,150px));max-width:1500px;margin-inline:auto}
.sustainability-photo{background-color:#e8ede5;background-position:center;background-repeat:no-repeat;background-size:cover}
.sustainability-page h1,.sustainability-page h2{letter-spacing:-.035em}
.sustainability-page h2 span{color:var(--sustainability-green)}

.sustainability-hero{display:flex;min-height:clamp(470px,34vw,650px);align-items:center;background-color:#edf2ed;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 27%,rgba(255,255,255,.2) 58%,rgba(255,255,255,0) 72%),url("../assets/sostenibilidad_p1.png");background-position:center;background-size:cover}
.sustainability-hero-content{position:relative;padding-block:clamp(58px,8vw,120px)}
.sustainability-hero-content h1{max-width:650px;margin:0;font-size:clamp(42px,4.8vw,74px);line-height:1.02}
.sustainability-hero-content p{max-width:520px;margin:24px 0 28px;color:#30353a;font-size:clamp(16px,1.25vw,19px);line-height:1.62}
.sustainability-button{display:inline-flex;align-items:center;gap:20px;padding:14px 22px;text-transform:none}

.sustainability-content{display:grid;gap:20px;margin-top:20px}
.sustainability-card{overflow:hidden;border:1px solid var(--sustainability-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(24,44,25,.06)}
.sustainability-logistics{display:grid;min-height:470px;padding:clamp(24px,3vw,44px);grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:clamp(28px,4vw,62px)}
.sustainability-logistics-copy h2{margin:0 0 26px;font-size:clamp(31px,3vw,47px);line-height:1.05}
.sustainability-pillar{display:grid;margin-top:24px;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:20px}
.sustainability-pillar p{margin:0;color:#3f4645;font-size:15px;line-height:1.63}
.sustainability-icon{display:block;width:66px;height:66px;border-radius:50%;background-color:#f0f5ea;background-position:center;background-repeat:no-repeat;background-size:100% auto}
.sustainability-icon--1{background-image:url("../assets/sostenibilidad_i1.png")}
.sustainability-icon--2{background-image:url("../assets/sostenibilidad_i2.png")}
.sustainability-logistics-photo{min-height:390px;border-radius:14px;background-image:url("../assets/sostenibilidad_p2.png")}

.sustainability-declaration{display:grid;min-height:78px;padding:16px 24px;border-radius:12px;background-color:#224d1c;background-image:linear-gradient(90deg,rgba(19,61,19,.9),rgba(30,78,25,.58)),url("../assets/sostenibilidad_p3.png");color:#fff;grid-template-columns:38px 1fr 32px;align-items:center;gap:12px}
.sustainability-declaration-icon{display:grid;width:30px;height:30px;border:1px solid rgba(255,255,255,.65);border-radius:50%;place-items:center}
.sustainability-declaration strong{font-size:clamp(15px,1.35vw,19px)}
.sustainability-declaration-arrow{font-size:30px;text-align:right}

.sustainability-commitment{display:grid;min-height:330px;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}
.sustainability-commitment-photo{min-height:330px;background-image:url("../assets/sostenibilidad_p4.png")}
.sustainability-commitment-copy{display:flex;padding:clamp(32px,5vw,76px);flex-direction:column;justify-content:center}
.sustainability-commitment-copy h2,.sustainability-summary-copy h2{margin:0 0 18px;font-size:clamp(29px,3.1vw,47px);line-height:1.08}
.sustainability-commitment-copy p,.sustainability-summary-copy p{margin:0;color:#414746;font-size:16px;line-height:1.68}

.sustainability-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sustainability-gallery .sustainability-photo{min-height:clamp(220px,20vw,330px);border-radius:14px}
.sustainability-photo--5{background-image:url("../assets/sostenibilidad_p5.png")}
.sustainability-photo--6{background-image:url("../assets/sostenibilidad_p6.png")}
.sustainability-photo--7{background-image:url("../assets/sostenibilidad_p7.png")}

.sustainability-summary{display:grid;min-height:290px;padding-left:clamp(24px,3vw,48px);grid-template-columns:82px minmax(0,1fr) minmax(360px,.8fr);align-items:center;gap:24px}
.sustainability-summary .sustainability-icon{width:76px;height:76px}
.sustainability-summary-copy{padding-block:34px}
.sustainability-kicker{display:block;margin-bottom:8px;color:var(--sustainability-green);font-size:13px;font-weight:800}
.sustainability-summary-photo{align-self:stretch;min-height:290px;background-image:url("../assets/sostenibilidad_p8.png")}

@media(max-width:980px){
  .sustainability-logistics{grid-template-columns:1fr 1fr;gap:28px}
  .sustainability-summary{grid-template-columns:72px 1fr 34%;gap:18px}
}

@media(max-width:760px){
  .sustainability-container{width:calc(100% - 28px)}
  .sustainability-hero{min-height:560px;align-items:flex-start;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 52%,rgba(255,255,255,.2) 100%),url("../assets/sostenibilidad_p1.png");background-position:62% center}
  .sustainability-hero-content{display:flex;padding-top:62px;align-items:center;flex-direction:column;text-align:center}
  .sustainability-hero-content p{max-width:82%;margin-inline:auto}
  .sustainability-logistics,.sustainability-commitment{grid-template-columns:1fr}
  .sustainability-logistics-copy,.sustainability-commitment-copy,.sustainability-summary-copy{text-align:center}
  .sustainability-pillar{grid-template-columns:1fr;justify-items:center;gap:12px}
  .sustainability-logistics-photo,.sustainability-commitment-photo{min-height:330px}
  .sustainability-commitment-photo{order:2}
  .sustainability-gallery{grid-template-columns:1fr}
  .sustainability-gallery .sustainability-photo{min-height:280px}
  .sustainability-summary{padding:28px;grid-template-columns:1fr;text-align:center}
  .sustainability-summary>.sustainability-icon{justify-self:center}
  .sustainability-summary-photo{min-height:300px;margin:0 -28px -28px;grid-column:1/-1}
}

@media(max-width:480px){
  .sustainability-hero-content h1{font-size:40px}
  .sustainability-hero-content p{max-width:100%;font-size:15px}
  .sustainability-logistics{padding:22px}
  .sustainability-pillar{grid-template-columns:1fr;gap:12px}
  .sustainability-icon{width:54px;height:54px}
  .sustainability-declaration{grid-template-columns:32px 1fr 24px;padding-inline:16px}
  .sustainability-commitment-copy{padding:28px 22px}
  .sustainability-summary{grid-template-columns:1fr;padding:22px}
  .sustainability-summary .sustainability-icon{width:58px;height:58px}
  .sustainability-summary-photo{margin:0 -22px -22px}
}