.sustain-page em{font-style:normal;color:#a74713;}
.sustain-page figure{margin:0;}
.sustain-page h2{font-size:clamp(38px,4.3vw,64px);text-wrap:balance;}
.sustain-page small{font-size:12px;line-height:1.6;}
.sustain-section{padding:90px 6%;max-width:1600px;margin:auto;}
.sustain-hero{position:relative;isolation:isolate;min-height:620px;padding:75px 6%;display:flex;align-items:center;color:#fff9ec;}
.sustain-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.sustain-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18301be8,#18301b70 60%,#18301b10);z-index:-1;}
.sustain-hero h1{font-size:clamp(58px,7.2vw,108px);line-height:1.05;}
.sustain-hero em{color:#d7e99f;}
.sustain-hero .eyebrow,.sustain-hero p{color:#fff9ec;}
.sustain-hero p{max-width:490px;margin:28px 0;font-size:18px;}
.hero-report{position:absolute;right:6%;bottom:28px;font-size:13px;text-decoration:underline;text-underline-offset:5px;}
.sustain-message{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start;max-width:none;background:#f0e6d5;padding-top:80px;padding-bottom:80px;}
.sustain-message>div{max-width:760px;}
.message-quote{background:#2d6544;color:#fff9ec;border-radius:24px;padding:40px 36px;}
.message-quote .eyebrow{color:#c8dba8;}
.message-quote blockquote{margin:0;}
.message-quote blockquote p{color:#fff9ec;font-family:Kardia,Arial,sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.15;}
.message-quote em{color:#d7e99f;}
.message-author{margin-top:28px;padding-top:20px;border-top:1px solid #fff9ec30;color:#fff9ec;}
.message-author strong{display:block;font-size:17px;}
.message-author span{display:block;font-size:12px;margin-top:5px;color:#d9e1cd;}
.message-text p{font-size:16px;line-height:1.75;}
.message-text>p+p{margin-top:18px;}
.message-more{margin-top:24px;}
.message-more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700;color:#2d6544;padding:12px 20px;border:1px solid #2d654450;border-radius:999px;}
.message-more summary::-webkit-details-marker{display:none;}
.message-more summary::after{content:'＋';font-size:18px;line-height:1;}
.message-more[open] summary::after{content:'−';}
.message-more>div{margin-top:20px;}
.message-more>div p+p{margin-top:18px;}
.message-text small{display:block;margin-top:24px;}
.sustain-nav{display:flex;justify-content:space-between;gap:25px;padding:22px 6%;background:#2d6544;color:#fff9ec;overflow:auto;white-space:nowrap;font-size:12px;}
.sustain-intro{text-align:center;padding-top:80px;padding-bottom:60px;}
.sustain-intro p{max-width:710px;margin:25px auto 0;font-size:18px;}
.energy{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;}
.energy-copy>p{max-width:470px;margin-top:24px;font-size:16px;}
.infrastructure{border-top:1px solid #61340830;margin-top:30px;padding-top:22px;}
.infrastructure>span,.energy figcaption>span,.residue-result>span{font-size:10px;font-weight:700;letter-spacing:.12em;}
.infrastructure>div{display:flex;gap:45px;margin-top:12px;}
.infrastructure p{font-size:12px;}
.infrastructure strong{display:block;font:400 55px/1.2 Kardia;color:#2d6544;}
.energy figure>img{height:400px;width:100%;object-fit:cover;border-radius:20px 20px 0 0;}
.energy figcaption{padding:25px 30px;background:#e1edc9;border-radius:0 0 20px 20px;}
.energy figcaption strong{display:block;font:400 68px/1.2 Kardia;color:#2d6544;margin:10px 0;}
.energy figcaption strong small{font:400 30px Kardia;}
.energy figcaption p{font-size:13px;}
.water{display:grid;grid-template-columns:1.1fr 1fr;gap:50px 10%;background:#e6eddf;max-width:none;}
.water-photo,.circular-photo{position:relative;}
.water-photo{grid-column:1/-1;}
.water-photo img,.circular-photo img{width:100%;height:420px;object-fit:cover;border-radius:20px;}
.water-photo figcaption,.circular-photo figcaption,.community-photo figcaption{position:absolute;bottom:22px;left:25px;background:#fff9ec;padding:10px 13px;font-size:9px;letter-spacing:.1em;font-weight:700;}
.circular-photo{margin-top:45px;}
.water>div>p{max-width:520px;margin-top:25px;}
.water-metric{display:flex;gap:30px;align-items:center;margin-top:35px;}
.water-metric>strong{font:400 68px/1 Kardia;color:#2d6544;white-space:nowrap;flex:none;}
.water-metric b{display:block;font-size:20px;}
.water-metric span,.water-metric small{display:block;font-size:11px;margin-top:5px;}
.water-route{align-self:center;border:1px solid #2d654435;padding:35px;border-radius:80px 15px 15px 15px;}
.water-route>.eyebrow{margin:0 0 25px 30px;}
.water-route>div{display:flex;gap:25px;padding:20px 0;border-top:1px solid #2d654430;}
.water-route>div>span{font-size:12px;color:#a74713;}
.water-route h3{font-size:28px;}
.water-route p{font-size:13px;margin-top:7px;}
.water-end{font-weight:700!important;font-size:12px!important;}
.circular-title{margin-bottom:42px;}
.circular-top{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:center;}
.residue-result{background:#eee3d2;border-radius:20px;padding:35px;}
.residue-result strong{display:block;font:400 clamp(80px,9vw,132px)/1.15 Kardia;color:#a74713;margin:15px 0;}
.residue-result p{max-width:330px;font-size:18px;}
.circular-top h3{font-size:38px;}
.circular-top>div>p{margin-top:22px;}
.packaging-bridge{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:center;border-top:1px solid #61340830;margin-top:40px;padding-top:30px;}
.packaging-bridge img{border-radius:15px;width:100%;}
.packaging-bridge h3{font-size:30px;}
.packaging-bridge p{font-size:14px;margin:15px 0;max-width:650px;}
.packaging-bridge .eyebrow{margin-bottom:12px;}
.packaging-bridge .text-link{font-size:13px;}
.animal{display:grid;grid-template-columns:1fr 1fr;background:#f0ecdf;}
.animal figure{position:relative;min-height:650px;}
.animal figure img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;}
.animal figcaption{position:absolute;bottom:22px;left:25px;background:#fff9ec;padding:10px;font-size:9px;letter-spacing:.1em;}
.animal>div{padding:65px 12% 65px 10%;align-self:center;}
.animal p{margin-top:25px;font-size:16px;}
.animal ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:28px 0;}
.animal li{padding:8px 12px;border:1px solid #2d654440;border-radius:5px;font-size:11px;color:#2d6544;}
.animal .text-link{font-size:12px;gap:15px;}
.animal-product{display:block;font-size:12px;margin-top:22px;text-decoration:underline;text-underline-offset:5px;}
.territory>div>p{max-width:760px;margin-top:25px;font-size:18px;}
.territory-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0 20px;}
.territory-actions article{border-top:1px solid #61340830;padding-top:20px;}
.territory-actions span{font-size:11px;color:#a74713;}
.territory-actions h3{font-size:27px;margin-top:12px;}
.territory-actions p{font-size:14px;margin-top:12px;}
.territory-photos{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:35px;}
.territory-photos img{height:390px;width:100%;object-fit:cover;border-radius:15px;}
.community{background:#e1edc9;max-width:none;}
.community-title{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:40px;}
.community-title>p{max-width:460px;font-size:17px;}
.community-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:center;}
.community-photo{position:relative;}
.community-photo img{width:100%;height:440px;object-fit:cover;object-position:62% 50%;border-radius:20px;}
.community-stat{margin-top:22px;padding-top:22px;border-top:1px solid #2d654435;}
.period{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;}
.community-stat strong{display:block;font:400 clamp(48px,5vw,72px)/1.15 Kardia;color:#2d6544;margin:8px 0;}
.community-stat p{font-size:14px;max-width:320px;}
.community-stat small{display:block;margin-top:8px;}
.community-grid article{padding:18px 0;border-bottom:1px solid #2d654435;}
.community-grid article:first-child{padding-top:0;}
.community-grid h3{font-size:27px;}
.community-grid p{font-size:14px;margin-top:8px;}
.community-grid .text-link{margin-top:25px;font-size:13px;}
.report-block{padding:100px 8%;display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center;background:#f0e6d5;}
.report-block figure{transform:rotate(-4deg);padding:20px;}
.report-block figure img{width:100%;box-shadow:15px 18px 0 #61340818;}
.report-block>div>p{margin-top:24px;font-size:16px;}
.report-edition{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;margin:24px 0;}
.report-form>label:first-child{display:block;font-size:13px;font-weight:700;margin-bottom:8px;}
.report-form>input{width:100%;padding:15px;border:1px solid #61340850;border-radius:8px;background:#fff9ec;color:#2d6544;}
.report-form input:focus-visible{outline:3px solid #a74713;outline-offset:3px;}
.report-consent{display:flex;gap:10px;align-items:flex-start;margin:17px 0;font-size:11px;line-height:1.7;}
.report-consent input{margin-top:4px;accent-color:#2d6544;}
.report-consent a{text-decoration:underline;}
.report-form button{border:0;cursor:pointer;font-size:13px;padding:16px 20px;}
.report-form>small{display:block;font-size:11px;margin-top:12px;}
.report-form output{display:block;font-size:13px;color:#2d6544;line-height:1.6;margin-top:15px;}
.report-framework{font-size:12px!important;border-top:1px solid #61340830;padding-top:20px;}
.sustain-close{display:flex;justify-content:center;align-items:center;gap:60px;padding:65px 6%;}
.sustain-close .pia-cameo{width:170px;flex:none;}
.sustain-close .pia-cameo img{height:230px;width:100%;object-fit:contain;object-position:bottom;}
.report-block{position:relative;overflow:hidden;}
.pia-point{position:absolute;left:0;bottom:0;width:clamp(120px,12vw,180px);pointer-events:none;z-index:1;}
.pia-point img{width:100%;}
.sustain-close .button{margin-top:25px;}
.sustain-close h2{font-size:48px;}

@media (max-width:900px){
  .sustain-section{padding:65px 6%;}
  .energy,.water{gap:40px;}
  .sustain-message{grid-template-columns:1fr;gap:35px;}
  .water-photo img,.circular-photo img{height:330px;}
  .community-photo img{height:360px;}
  .energy figure>img{height:330px;}
  .infrastructure>div{gap:25px;}
  .infrastructure strong{font-size:43px;}
  .water-metric{display:block;}
  .water-metric>div{margin-top:15px;}
  .water-route{padding:25px;}
  .water-route h3{font-size:24px;}
  .animal>div{padding:45px 8%;}
  .animal figure{min-height:660px;}
  .community-title>p{max-width:40%;}
  .report-block{padding:70px 6%;gap:6%;}
  .report-block figure{padding:0;}
  .pia-point{display:none;}
  .report-form button{font-size:12px;}
}
@media (max-width:650px){
  .sustain-hero{min-height:610px;padding:55px 6% 85px;}
  .sustain-hero h1{font-size:clamp(40px,14vw,62px);}  /* 'Producimos' debe caber en 320 px */
  .sustain-hero p{font-size:16px;}
  .sustain-hero>img{object-position:60% center;}
  .sustain-hero:after{background:#18301ba8;}
  .hero-report{left:6%;right:auto;}
  .sustain-intro{text-align:left;}
  .sustain-intro p{font-size:16px;}
  .sustain-page h2{font-size:39px;}
  .energy,.water,.circular-top,.animal,.community-grid,.report-block{grid-template-columns:minmax(0,1fr);}
  .water>*{min-width:0;}
  .energy-copy h2 br{display:none;}
  .infrastructure>div{gap:55px;}
  .energy figure>img{height:310px;}
  .energy figcaption strong{font-size:63px;}
  .water-metric{display:flex;flex-wrap:wrap;gap:12px 25px;}  /* en 320 px '100 %' y su texto no caben en una fila */
  .water-metric>strong{font-size:55px;}
  .water-metric>div{margin:0;}
  .water-route{padding:25px;}
  .residue-result strong{font-size:100px;}
  .circular-top{gap:30px;}
  .circular-top h3{font-size:32px;}
  .packaging-bridge{grid-template-columns:1fr;gap:25px;}
  .packaging-bridge img{max-width:270px;}
  .animal figure{min-height:350px;}
  .animal>div{padding:45px 6%;}
  .territory-actions{grid-template-columns:1fr;gap:22px;}
  .territory-actions article{display:block;padding-top:18px;}
  .territory-actions h3{margin-top:6px;}
  .territory-photos{gap:15px;}
  .territory-photos img{height:240px;}
  .community-title{display:block;}
  .community-title>p{max-width:none;margin-top:25px;}
  .community-grid{gap:30px;}
  .community-photo img{height:260px;}
  .water-photo img,.circular-photo img{height:260px;}
  .sustain-message{padding-top:55px;padding-bottom:55px;}
  .message-quote{padding:28px 24px;}
  .message-quote blockquote p{font-size:28px;}
  .message-text p{font-size:15px;}
  .report-block{padding:60px 6%;gap:45px;}
  .report-block figure{max-width:220px;margin:auto;}
  .report-form button{width:100%;gap:15px;}
  .sustain-close{gap:25px;padding:45px 6%;align-items:flex-end;}
  .sustain-close .pia-cameo{width:90px;}
  .sustain-close .pia-cameo img{height:160px;}
  .sustain-close h2{font-size:30px;}
  .sustain-close .button{font-size:11px;padding:13px 16px;gap:10px;}
}
@media (prefers-reduced-motion:reduce){}