@font-face{font-family:Dosis;src:url('/assets/fonts/dosis-regular.otf')}@font-face{font-family:Dosis;src:url('/assets/fonts/dosis-semibold.otf');font-weight:600}@font-face{font-family:Trend;src:url('/assets/fonts/trend-sans-one.otf')}
:root{--forest:#003c34;--deep:#002e29;--lime:#d2ef00;--leaf:#72aa18;--ink:#123d38;--mist:#f3f4f0;--white:#fff;--muted:#71827e;--line:#dbe2dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Dosis,Arial,sans-serif;font-size:18px}.site-header{height:88px;padding:0 clamp(22px,7vw,112px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:5}.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--forest);line-height:.76;font-family:Trend,sans-serif;min-width:120px}.brand span{font-size:30px;color:#c7df00;letter-spacing:2px}.brand b{font-size:19px;font-weight:400;letter-spacing:-1px}.main-nav{display:flex;align-items:center;gap:0}.main-nav a{color:#344a46;text-decoration:none;font-size:14px;padding:10px 12px;border-right:1px solid #e2e5e2;white-space:nowrap}.main-nav a:last-child{border:0}.main-nav a:hover{color:#769e00}.main-nav .provisional:after{content:' ·';color:#9aaa00}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--forest)}.hero{height:min(670px,65vw);min-height:470px;position:relative;display:flex;align-items:center;overflow:hidden;background:#254e41}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,27,23,.52),rgba(0,27,23,.02) 85%),url('/assets/cocina-reciclaje.png') center 52%/cover}.hero-copy{position:relative;margin-left:clamp(26px,12vw,190px);max-width:680px;color:white}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600;color:#87a900;margin:0 0 12px}.hero .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,7vw,94px);line-height:.95;margin-bottom:30px;font-weight:600;letter-spacing:-2px}h1 strong{display:inline-block;background:var(--forest);padding:7px 24px;border-radius:50px;color:white}.button{display:inline-flex;align-items:center;gap:24px;border:0;border-radius:40px;background:var(--lime);color:var(--forest);padding:13px 24px;text-decoration:none;font:600 17px Dosis;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#e0f63b}.section-wrap{max-width:1120px;margin:0 auto;padding:92px 26px}.intro{text-align:center}.intro h2,.guide h2,.city h2{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:0 0 14px}.lead{font-size:21px;color:#58716a;max-width:680px;margin:0 auto 38px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:850px;margin:0 auto 16px}.stat-row article{background:linear-gradient(145deg,#457d18,#003b31);border-radius:0 0 20px 20px;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px}.stat-row strong{font:42px Trend;color:var(--lime)}.stat-row span{font-size:15px;max-width:145px;text-align:left;line-height:1.1}.intro>small{color:#84918c;font-size:12px}.people{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;background:var(--mist);min-height:360px}.people img{height:400px;width:100%;object-fit:cover}.people>div{padding:clamp(30px,7vw,95px)}.people h2{font-size:clamp(30px,4vw,48px);line-height:1.05}.people p:last-child{color:#60746e}.guide-heading{text-align:center;margin-bottom:38px}.guide-heading>p:last-child{color:#647770}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{border-top:3px solid var(--lime);background:#f3f4f0;padding:24px 22px;min-height:210px}.steps article span{font:34px Trend;color:#96bc00}.steps h3{font-size:22px;margin:12px 0 8px}.steps p{font-size:16px;color:#5d716b;margin:0;line-height:1.35}.quote{margin:35px auto 0;background:var(--lime);padding:38px 50px;border-radius:0 0 48px 48px;max-width:680px;text-align:center;color:var(--forest);font:clamp(25px,3.5vw,38px) Trend;line-height:1.15}.calculator{background:#f2f3ef;padding:92px max(24px,calc((100vw - 1120px)/2)) 105px}.calc-heading{text-align:center;max-width:580px;margin:0 auto 35px}.calc-heading h2{font-size:clamp(44px,6vw,72px);line-height:.9;margin-bottom:18px;color:var(--forest)}.calc-heading h2 span{font:36px Trend;color:#9dbb00}.calc-heading>p:last-child{color:#64756f}.calc-card{max-width:1120px;margin:0 auto;background:white;box-shadow:0 18px 55px #043b3012;display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden}.entry-panel,.results-panel{padding:clamp(24px,4vw,46px)}.entry-panel{border-right:1px solid var(--line)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-top h3,.results-panel>h3{margin:0;font-size:26px}.add-row{border:1px solid #b7cb62;border-radius:30px;background:#fff;color:var(--forest);padding:9px 15px;font:600 15px Dosis;cursor:pointer}.material-row{display:grid;grid-template-columns:1fr .8fr 32px;align-items:end;gap:10px;border-top:1px solid var(--line);padding:15px 0}.material-row label{font-size:13px;color:#60736c;display:grid;gap:5px}.material-row select,.material-row input{width:100%;border:1px solid #d5dfd9;border-radius:6px;background:white;color:var(--ink);font:16px Dosis;padding:10px}.remove-row{border:0;background:#f4f5f1;color:#728176;font-size:22px;border-radius:6px;height:38px;cursor:pointer}.calculate{margin-top:12px;width:100%;justify-content:center}.source-note,.availability-note{font-size:12px;line-height:1.4;color:#87928b;margin:16px 0 0}.results-panel{background:#fbfcf9}.results-panel>h3{margin-bottom:22px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{min-height:134px;border:1px solid #e2e8e1;border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.metric>span{font-size:14px;color:#63756d}.metric>strong{font:clamp(21px,2.5vw,30px) Trend;color:var(--forest);margin:8px 0 2px;overflow-wrap:anywhere}.metric>small{color:#94aa1a}.metric.materials{grid-column:span 2;min-height:120px}.consumo-list{width:100%;margin-top:8px}.consumo-item{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e8ece7;padding:6px 0;font-size:14px}.consumo-item b{white-space:nowrap;color:var(--forest)}.consumo-list>small{display:block;color:#71827e;margin-top:6px}.city{min-height:380px;display:flex;align-items:center;background:linear-gradient(90deg,#002c28e8,#002c2830),url('/assets/manizales.jpg') center 54%/cover;color:white;padding:70px max(26px,calc((100vw - 1050px)/2))}.city>div{max-width:500px}.city .eyebrow{color:var(--lime)}.city h2{font-size:48px}.provisional-note{display:flex;align-items:center;gap:24px;padding-top:32px;padding-bottom:32px;color:#718078;font-size:14px}.provisional-note span{white-space:nowrap;border:1px solid #cfdd91;padding:7px 12px;border-radius:24px;color:#718800;text-transform:uppercase;letter-spacing:1px;font-size:11px}.provisional-note p{margin:0}footer{background:#002e29;color:white;min-height:155px;padding:32px clamp(25px,12vw,180px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand b{color:white}footer>div{display:grid;gap:4px;font-size:15px}footer small{color:#b7c5bf}footer>a:last-child{color:var(--lime);text-decoration:none;font-size:14px}.load-error{padding:20px;color:#942f24;background:#fff1ee}
@media(max-width:1020px){.site-header{padding:0 26px}.main-nav a{font-size:12px;padding:9px 7px}.brand{min-width:100px}.brand span{font-size:26px}.brand b{font-size:16px}}
@media(max-width:760px){body{font-size:17px}.site-header{height:70px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;box-shadow:0 14px 20px #002e291b;flex-direction:column;align-items:stretch;padding:8px 24px 16px}.main-nav.open{display:flex}.main-nav a{font-size:16px;border-right:0;border-bottom:1px solid #edf0eb;padding:11px 4px}.hero{min-height:500px;height:72vh}.hero-copy{margin:0 24px}.hero-photo{background-position:56% center}.stat-row{grid-template-columns:1fr;max-width:400px}.stat-row article{min-height:88px;border-radius:14px}.people{grid-template-columns:1fr}.people img{height:290px}.people>div{padding:38px 26px}.section-wrap{padding-top:68px;padding-bottom:68px}.steps{grid-template-columns:1fr 1fr}.steps article{min-height:190px}.quote{padding:30px 24px}.calculator{padding:70px 16px}.calc-card{grid-template-columns:1fr}.entry-panel{border-right:0;border-bottom:1px solid var(--line)}.metric>strong{font-size:23px}.city{min-height:320px}.city h2{font-size:39px}.provisional-note{align-items:flex-start;flex-direction:column;gap:12px}footer{align-items:flex-start;flex-wrap:wrap;padding:30px 26px}footer .brand{width:100%}}
@media(max-width:420px){.material-row{grid-template-columns:1fr 1fr 28px;gap:6px}.material-row select,.material-row input{font-size:14px;padding:9px 6px}.panel-top{align-items:flex-start;flex-direction:column}.metric-grid{gap:8px}.metric{padding:12px;min-height:124px}.metric>strong{font-size:19px}.steps{grid-template-columns:1fr}.steps article{min-height:0}}

/* Vistas de la referencia de nueve páginas */
@font-face{font-family:Gothic;src:url('/assets/fonts/gothic.ttf')}@font-face{font-family:Gothic;src:url('/assets/fonts/gothic-bold.ttf');font-weight:700}@font-face{font-family:Niagara;src:url('/assets/fonts/niagara-solid.ttf')}
body{font-family:Gothic,Dosis,Arial,sans-serif;color:#123a36;font-size:16px}.site-header{height:78px;padding:0 clamp(18px,7vw,110px);gap:24px}.brand{min-width:112px;color:#042f29}.brand .brand-top{font:28px/1 Trend,sans-serif;color:#d0e600;letter-spacing:1px}.brand .brand-bottom{font:19px/.9 Niagara,serif;letter-spacing:0}.main-nav{flex:1;justify-content:flex-end;min-width:0}.main-nav a{font:12px Gothic,sans-serif;padding:12px 10px;border-color:#d7ddd8;color:#213f3a}.main-nav a.active,.main-nav a:hover{color:#779d00}.main-nav a.active:after{content:"";display:block;height:2px;background:#a7d81f;position:relative;top:11px}.menu-toggle{font-family:Arial,sans-serif}.site-footer{background:#002f29;color:#fff;min-height:150px;display:flex;align-items:center;justify-content:center;gap:clamp(35px,8vw,130px);padding:30px 24px}.site-footer .brand{flex:none}.site-footer .brand-bottom{color:white}.footer-contact{display:grid;gap:7px;font-size:13px}.footer-contact small,.phone-pending{font-size:11px;color:#becabf}.footer-home{color:#d2e500;text-decoration:none;font-size:13px}.loading{padding:80px;text-align:center}.load-error{margin:50px auto;max-width:700px;padding:24px;background:#fff2ef;color:#8d2f22}
.page-hero{min-height:440px;position:relative;display:flex;align-items:center;overflow:hidden;background:#e8e8e4;padding:50px clamp(24px,12vw,185px)}.page-hero-image{position:absolute;inset:0}.page-hero-image img{width:100%;height:100%;object-fit:cover}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,39,34,.63),rgba(0,39,34,.06) 85%)}.page-hero-copy{position:relative;z-index:1;max-width:710px;color:white}.page-hero-copy .display-serif{font:34px Niagara,serif;color:#b7df00;margin:0 0 -3px 16px;line-height:1}.page-hero-copy h1{font:700 clamp(42px,6vw,78px)/.95 Gothic,sans-serif;letter-spacing:-2px;display:table;max-width:750px;margin:0;background:#003c34;border-radius:42px;padding:12px 26px}.hero-inicio .page-hero-copy h1{max-width:700px}.hero-lead{font-size:17px;line-height:1.45;max-width:560px;margin:20px 0 0;background:#003c34db;padding:16px 20px;border-radius:3px}.hero-guia .page-hero-image img{object-position:center 52%}.hero-calculadora{min-height:310px;background:#f4f3f1}.hero-calculadora:after{background:linear-gradient(90deg,rgba(244,243,241,.05),rgba(244,243,241,.85) 42%,rgba(244,243,241,.97))}.hero-calculadora .page-hero-image{left:11%;right:49%;top:18px;bottom:0}.hero-calculadora .page-hero-image img{object-fit:contain}.hero-calculadora .page-hero-copy{margin-left:39%;color:#003c34}.hero-calculadora .page-hero-copy h1{background:none;color:#003c34;padding:0;border-radius:0}.hero-calculadora .page-hero-copy .display-serif{margin-left:0;color:#a2ca00}.hero-calculadora .hero-lead{background:transparent;padding:0;color:#47625c}.hero-articulos{background:#deddda;min-height:300px}.hero-articulos:after{background:none}.hero-articulos .page-hero-copy{margin:auto;color:#fff}.hero-articulos .page-hero-copy h1{font-size:68px}.hero-articulos .page-hero-image{inset:auto 10% 0 auto;width:42%;height:100%}.hero-articulos .page-hero-image img{object-fit:contain;object-position:center bottom}.hero-donaciones,.hero-certificaciones{background:#eeecea}.hero-donaciones:after,.hero-certificaciones:after{background:linear-gradient(90deg,rgba(238,236,234,.02),rgba(238,236,234,.96) 47%)}.hero-donaciones .page-hero-copy,.hero-certificaciones .page-hero-copy{color:#0c2925;margin-left:36%}.hero-donaciones .page-hero-copy h1,.hero-certificaciones .page-hero-copy h1{background:none;color:#0c2925;padding:0;border-radius:0}.hero-donaciones .page-hero-image,.hero-certificaciones .page-hero-image{right:50%;}.hero-donaciones .page-hero-image img,.hero-certificaciones .page-hero-image img{object-fit:contain}.section-wrap{max-width:1120px;padding:80px 28px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#77a10b;font-size:12px;font-weight:700}.button{font:700 14px Gothic,sans-serif;background:#c5e500;color:#003c34;padding:13px 22px;border-radius:28px}.button span{font-size:20px}.home-intro{text-align:center;padding-top:62px;padding-bottom:58px}.intro-copy{max-width:820px;margin:0 auto 30px;font-size:20px;line-height:1.4;font-weight:700}.stat-row{max-width:920px;gap:8px}.stat-row article{border-radius:0 0 18px 18px;min-height:112px;background:linear-gradient(150deg,#4a8c17,#00372f);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:18px 22px}.stat-row strong{grid-row:1/3;font:45px Niagara,serif;color:#d2ed00}.stat-row span{font-size:14px;line-height:1.15;max-width:190px}.stat-row small{font-size:10px;color:#d3dfc7}.reference-note{font-size:11px;color:#8b9690;margin:20px auto 0;max-width:720px}.reference-note span,.pending-panel>span{display:inline-block;color:#718800;border:1px solid #bed361;border-radius:20px;padding:5px 10px;text-transform:uppercase;font-size:10px;letter-spacing:1px;margin-right:8px}.transformation{padding-top:35px}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2,.guide-layout>h2,.home-cta h2{font-size:clamp(31px,4vw,49px);line-height:1.02;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid article{background:#f1f3ee;text-align:center;border-radius:3px 3px 20px 20px;padding:16px 18px 24px;position:relative}.process-number{font:33px Niagara,serif;color:#a6cf00}.process-icon{height:86px;display:grid;place-items:center;background:#c5e500;color:#138045;font-size:46px;margin:12px 0}.process-grid h3{font-size:16px;text-transform:uppercase;margin:0 0 7px}.process-grid p{font-size:13px;line-height:1.4;color:#687b73;margin:0}.city-impact{min-height:430px;background:linear-gradient(90deg,#001c19c9,#002f291b),var(--city-image) center/cover;display:flex;align-items:center;color:white;padding:60px max(28px,calc((100vw - 1080px)/2))}.city-impact-inner{max-width:1050px;width:100%}.city-impact h2{font-size:clamp(38px,5vw,62px);margin:0 0 28px}.city-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.city-stats article{background:#00392edb;padding:15px;border-bottom:3px solid #bce100}.city-stats strong{display:block;font:33px Niagara,serif;color:#d0ee00}.city-stats span{font-size:12px}.city-impact .reference-note{color:#fff}.home-cta{text-align:center}.home-cta h2{margin-bottom:25px}.page-hero.hero-guia{min-height:390px}.guide-layout{text-align:center}.guide-layout>h2{margin-bottom:45px}.guide-steps{display:grid;gap:20px}.guide-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:300px;text-align:left;position:relative}.guide-step:nth-child(odd){background:#ececea;clip-path:polygon(0 0,100% 10%,100% 90%,0 100%)}.guide-step.reverse{direction:rtl}.guide-step.reverse>*{direction:ltr}.guide-step-copy{padding:42px clamp(20px,6vw,75px)}.step-number{font:54px Niagara,serif;color:#a8d600}.guide-step h3{font-size:25px;margin:4px 0 12px;line-height:1.05}.guide-step p{line-height:1.5;color:#4e6962;margin:0}.guide-step img{height:260px;width:min(84%,450px);object-fit:cover;border-radius:48% 10px 48% 10px;border:7px solid #9bcf27;justify-self:center}.guide-layout blockquote{max-width:700px;margin:10px auto 0;background:#bee000;color:#183a31;padding:35px 45px;border-radius:0 0 50px 50px;font:36px Niagara,serif}.calculator-page{padding-top:65px}.calc-heading{text-align:center;max-width:660px;margin:0 auto 34px}.calc-heading h2{font-size:45px;line-height:1.05;margin:0 0 12px}.calc-heading>p{color:#657771}.calculator-disclaimer{border-left:3px solid #b7d900;padding:12px 16px;background:#f4f6ed;text-align:left;font-size:13px}.calc-card{border-radius:8px;box-shadow:0 12px 45px #003b3012;overflow:hidden}.entry-panel,.results-panel{padding:32px}.entry-panel{border-right:1px solid #e2e8e1}.panel-top h3,.results-panel>h3{font-size:22px}.add-row{font:600 13px Gothic,sans-serif}.material-row label{font-size:12px}.material-row select,.material-row input{font:14px Gothic,sans-serif}.calculate{width:100%;justify-content:center;margin-top:14px}.source-note,.availability-note{font:11px/1.5 Gothic,sans-serif;color:#788980}.metric-grid{gap:10px}.metric{min-height:122px;border-radius:5px;padding:14px}.metric>span{font-size:13px}.metric>strong{font:30px Niagara,serif;color:#003c34}.metric>small:not(.metric-note){font-size:11px;color:#8ba52f}.metric-note{font:10px/1.3 Gothic,sans-serif;color:#8a6800}.metric.materials{grid-column:span 2}.consumo-item{font-size:12px;border-color:#e4e8e1}.consumo-item b{color:#4a7610}.plant-intro{padding-bottom:20px}.lead-copy{font-size:19px;line-height:1.55;font-weight:700;margin:0 auto 24px;max-width:910px}.plant-stories{padding-top:15px}.plant-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:22px auto;max-width:940px;background:#b5dc21;min-height:225px}.plant-story.reverse{direction:rtl}.plant-story.reverse>*{direction:ltr}.plant-story-text{padding:34px 48px}.plant-story-text .step-number{display:block}.plant-story-text p{line-height:1.5;margin:0}.plant-story img{width:100%;height:255px;object-fit:cover;border:10px solid #4f9b34;border-radius:0 44% 0 0}.plant-story.reverse img{border-radius:44% 0 0 0}.impact-copy,.involve-copy,.donation-copy,.certification-copy{max-width:1020px}.about-anchor{scroll-margin-top:100px;margin-bottom:32px}.about-anchor h2{font-size:25px;line-height:1.3}.impact-photo,.involve-photo,.certification-photo{display:block;width:100%;max-height:450px;object-fit:cover;margin:24px 0}.impact-highlight{background:linear-gradient(0deg,#7cad13d9,transparent),#12433b;color:white;padding:34px;font-size:20px;line-height:1.45;margin:0 0 25px}.center-cta{text-align:center;background:#f0f2ed;padding:30px;margin:30px 0}.center-cta p{font-size:18px}.whatsapp-button{background:#073c32;color:white}.phone-pending{display:block;margin-top:8px}.hero-involucrate .page-hero-image img{object-position:center 43%}.articles-grid{display:grid;gap:42px;max-width:840px}.article-card{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}.article-card>img{width:min(100%,560px);height:230px;object-fit:cover;border-left:12px solid #247744;border-right:12px solid #247744}.article-card-body h2{font-size:18px;line-height:1.35;margin:12px 0}.article-pending{font-size:11px;color:#8d8d85;display:block}.dark-button{background:#062f29;color:#fff}.donation-copy .lead-copy{margin-bottom:35px}.donation-contact-card{max-width:700px;margin:0 auto;background:#eeecea;padding:35px;text-align:center}.donation-contact-card h2{font-size:36px;margin-bottom:10px}.donation-contact-card>p:not(.eyebrow){line-height:1.5;color:#65736e}.donation-contact-card .article-pending{margin-top:18px}.certification-emblem{width:220px;height:220px;margin:0 auto 32px;border:13px solid #d3e300;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;color:#236034;font-size:24px;font-weight:700;transform:rotate(-5deg)}.certification-emblem strong{font-size:34px}.certification-emblem span{font-size:14px}.certification-copy>.lead-copy{text-align:center}.pending-panel{background:#f4f5ef;padding:16px;margin:24px 0}.pending-panel p{font-size:13px;color:#68736c;margin:10px 0 0}.videos-section{border-top:1px solid #e3e8e2}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.video-card iframe{width:100%;aspect-ratio:16/9;border:0}.video-card h3{font-size:18px;margin:10px 0}.video-card p,.video-pending p{font-size:13px;color:#697870}.video-pending{padding:20px;background:#f1f2ee}.video-pending h3{font-size:16px}.simple-hero .page-hero-copy{margin-left:0}.simple-hero .page-hero-copy h1{font-size:60px}
@media(max-width:1080px){.site-header{padding:0 22px;gap:12px}.main-nav a{font-size:10px;padding:10px 6px}.brand{min-width:95px}.brand .brand-top{font-size:25px}}
@media(max-width:760px){.site-header{height:68px;position:sticky}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;box-shadow:0 14px 20px #002e291b;flex-direction:column;align-items:stretch;padding:8px 24px 16px;max-height:calc(100vh - 70px);overflow:auto}.main-nav.open{display:flex}.main-nav a{font-size:15px;border:0;border-bottom:1px solid #edf0eb;padding:11px 4px}.main-nav a.active:after{display:none}.page-hero{min-height:420px;padding:35px 22px}.page-hero-copy h1{font-size:clamp(40px,10vw,64px);max-width:100%}.page-hero-copy .display-serif{font-size:29px}.page-hero-copy{max-width:100%}.page-hero-copy .hero-lead{font-size:14px;max-width:100%}.hero-calculadora{min-height:400px;align-items:flex-end}.hero-calculadora .page-hero-image{left:0;right:0;top:0;height:55%;bottom:auto}.hero-calculadora:after{background:linear-gradient(0deg,#f4f3f1 38%,#f4f3f100 100%)}.hero-calculadora .page-hero-copy{margin:0;color:#003c34}.hero-calculadora .page-hero-copy h1{font-size:45px}.hero-donaciones,.hero-certificaciones{align-items:flex-end;min-height:450px}.hero-donaciones .page-hero-image,.hero-certificaciones .page-hero-image{right:0;height:58%;bottom:auto}.hero-donaciones:after,.hero-certificaciones:after{background:linear-gradient(0deg,#eeecea 37%,#eeecea00 100%)}.hero-donaciones .page-hero-copy,.hero-certificaciones .page-hero-copy{margin:0}.hero-donaciones .page-hero-copy h1,.hero-certificaciones .page-hero-copy h1{font-size:42px}.hero-articulos{min-height:280px}.hero-articulos .page-hero-copy h1{font-size:48px}.hero-articulos .page-hero-image{right:0;width:53%}.section-wrap{padding:58px 22px}.intro-copy{font-size:17px}.stat-row{grid-template-columns:1fr;max-width:420px}.stat-row article{grid-template-columns:85px 1fr;min-height:82px}.stat-row strong{font-size:40px}.process-grid{grid-template-columns:1fr 1fr}.process-grid article{padding:13px}.process-icon{height:70px}.city-impact{padding:52px 22px}.city-stats{grid-template-columns:1fr 1fr}.guide-step,.guide-step.reverse{direction:ltr;grid-template-columns:1fr;clip-path:none;min-height:0;padding:14px 0}.guide-step-copy{padding:24px}.guide-step img{width:85%;height:210px;margin-bottom:15px}.guide-layout blockquote{font-size:29px;padding:28px 20px}.calc-heading h2{font-size:36px}.calc-card{grid-template-columns:1fr}.entry-panel{border-right:0;border-bottom:1px solid #e2e8e1}.entry-panel,.results-panel{padding:22px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:11px}.metric>strong{font-size:25px}.plant-story,.plant-story.reverse{direction:ltr;grid-template-columns:1fr;margin:16px 0}.plant-story-text{padding:24px}.plant-story img{height:210px;border-width:7px}.impact-photo,.involve-photo{max-height:300px}.lead-copy{font-size:16px}.impact-highlight{font-size:17px;padding:23px}.articles-grid{gap:25px}.article-card>img{height:190px}.certification-emblem{width:180px;height:180px}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:22px}.site-footer>.brand{width:100%}}
@media(max-width:420px){.process-grid{grid-template-columns:1fr}.city-stats{grid-template-columns:1fr 1fr}.material-row{grid-template-columns:1fr 1fr 28px}.material-row select,.material-row input{font-size:12px}.panel-top{align-items:flex-start;flex-direction:column}.metric.materials{grid-column:span 2}.consumo-item{font-size:11px}.simple-hero .page-hero-copy h1{font-size:44px}}
.hero-impacto-social:after{background:linear-gradient(270deg,rgba(0,39,34,.48),rgba(0,39,34,.02) 82%)}
.hero-impacto-social .page-hero-copy{margin-left:43%;max-width:620px}
.hero-involucrate{min-height:min(53vw,640px)}
.hero-involucrate:after{background:linear-gradient(270deg,rgba(0,39,34,.58),rgba(0,39,34,.04) 82%)}
.hero-involucrate .page-hero-copy{margin-left:43%;max-width:620px}
.impact-copy>.about-anchor,.impact-copy>.lead-copy,.impact-copy>.impact-feature{max-width:910px;margin-left:auto;margin-right:auto}
.hero-articulos{min-height:clamp(290px,34vw,440px);padding:38px clamp(24px,10vw,150px);background:#deddda}
.hero-articulos:after{background:linear-gradient(90deg,rgba(0,38,33,.42),rgba(0,38,33,.04) 78%)}
.hero-articulos .page-hero-image{inset:0;width:100%;height:100%}
.hero-articulos .page-hero-image img{object-fit:cover;object-position:center 48%}
.hero-articulos .page-hero-copy{margin:0;max-width:620px}
.hero-articulos .page-hero-copy h1{font-size:clamp(48px,6vw,76px)}
.articles-grid{max-width:1180px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px}
.article-card{height:100%;grid-template-rows:auto 1fr;justify-items:stretch;text-align:left;background:#f2f2ef;border-radius:0 0 24px 0;overflow:hidden}
.article-card>img{width:100%;height:220px;border:0;object-fit:cover}
.article-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px 22px}
.article-card-body h2{font-size:18px;line-height:1.35;margin:0 0 18px}
.article-card-body .button{margin-top:auto}
@media(max-width:760px){.hero-articulos{min-height:310px;padding:28px 22px;align-items:flex-end}.hero-articulos:after{background:linear-gradient(0deg,rgba(0,38,33,.58),rgba(0,38,33,.02) 90%)}.hero-articulos .page-hero-copy h1{font-size:48px}.hero-articulos .page-hero-image{inset:0;width:100%;height:100%}.articles-grid{grid-template-columns:1fr;max-width:560px}.article-card>img{height:210px}}
.hero-donaciones{min-height:clamp(330px,36vw,520px);padding:45px clamp(24px,7vw,105px);background:#efefef}
.hero-donaciones:after{background:none}
.hero-donaciones .page-hero-image{left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.hero-donaciones .page-hero-image img{object-fit:cover;object-position:center 49%}
.hero-donaciones .page-hero-copy{margin-left:47%;max-width:48%;color:#062f29}
.hero-donaciones .page-hero-copy .display-serif{font-size:clamp(24px,3vw,42px);color:#062f29;margin:0 0 2px}
.hero-donaciones .page-hero-copy h1{display:block;background:none;border-radius:0;color:#062f29;padding:0;max-width:600px;font-size:clamp(38px,5.2vw,72px);line-height:.98;letter-spacing:-1.5px}
.donation-copy{max-width:980px}
.donation-copy>.lead-copy{max-width:790px;margin:0 auto 54px;font-size:17px;line-height:1.45;text-align:justify}
.donation-form-preview{width:min(100%,640px);margin:0 auto;display:grid;gap:16px;color:#0b302c}
.donation-form-preview>label:not(.donation-consent){display:grid;gap:5px;color:#85908e;font-size:13px}
.donation-form-preview input[type=text]{height:42px;border:1px solid #31564f;border-radius:24px;background:white;padding:0 14px;font:inherit}
.donation-form-preview fieldset{border:0;padding:8px 0 0;margin:8px 0 0;display:grid;gap:12px}
.donation-form-preview legend{font-size:24px;font-weight:700;margin-bottom:12px}
.donation-form-preview fieldset>strong{font-size:15px}
.payment-brands{display:flex;align-items:center;gap:10px}
.payment-brands span{height:39px;min-width:82px;padding:0 13px;border:1px solid #31564f;border-radius:14px;background:#fff;display:grid;place-items:center;font-weight:700;font-size:17px}
.payment-brands .visa{font-style:italic;font-size:24px;color:#283583}
.payment-brands .mastercard{font-size:12px;color:#b32222}
.payment-brands .efecty{border:0;border-radius:0;background:#ffd500;color:#151515;font-size:13px}
.donation-consent{display:flex;align-items:center;gap:8px;color:#777f7c;font-size:11px;margin-top:18px}
.donation-consent input{width:16px;height:16px;accent-color:#003c34}
.donation-form-preview>button{justify-self:center;min-width:120px;border:0;border-radius:24px;padding:12px 22px;background:#003c34;color:#fff;text-transform:uppercase;font-weight:700;opacity:.72}
.donation-form-note{margin:0;text-align:center;color:#737d79;font-size:12px}
@media(max-width:760px){.hero-donaciones{min-height:390px;padding:26px 22px;align-items:flex-end}.hero-donaciones .page-hero-image{height:58%;bottom:auto}.hero-donaciones .page-hero-image img{object-fit:contain;object-position:center top}.hero-donaciones .page-hero-copy{margin:0;max-width:100%;width:100%;padding:16px 0 0;background:#efefef}.hero-donaciones .page-hero-copy .display-serif{font-size:26px;margin-left:0}.hero-donaciones .page-hero-copy h1{font-size:42px}.donation-copy>.lead-copy{text-align:left;font-size:16px;margin-bottom:38px}.donation-form-preview{gap:13px}.donation-form-preview legend{font-size:22px}}
.hero-business-seal{position:absolute;z-index:3;right:clamp(18px,4vw,58px);bottom:18px;width:clamp(58px,7vw,94px);aspect-ratio:1;display:grid;place-items:center}
.hero-business-seal img{width:100%;height:100%;object-fit:contain}
.hero-certificaciones{min-height:clamp(350px,38vw,520px);padding:45px clamp(24px,7vw,105px);background:#eeecea}
.hero-certificaciones:after{background:none}
.hero-certificaciones .page-hero-image{inset:0;width:100%;height:100%}
.hero-certificaciones .page-hero-image img{object-fit:cover;object-position:center 48%}
.hero-certificaciones .page-hero-copy{margin-left:51%;max-width:46%;color:#092c28}
.hero-certificaciones .page-hero-copy .display-serif{font-size:clamp(25px,3vw,42px);color:#b8df00;margin:0 0 4px}
.hero-certificaciones .page-hero-copy h1{display:block;padding:0;border-radius:0;background:none;color:#092c28;font-size:clamp(39px,5.3vw,72px);line-height:.98;letter-spacing:-1.5px;max-width:620px}
.certification-copy{max-width:1020px}
.certification-intro,.certification-closing{max-width:900px;margin-left:auto;margin-right:auto;text-align:justify;font-size:16px;line-height:1.45}
.certification-feature{max-width:820px;margin:34px auto;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:18px}
.certification-claim{position:relative;margin:0;padding:28px 22px;text-align:center;font-size:clamp(21px,2.4vw,32px);font-weight:700;line-height:1.12;color:#103a35}
.certification-claim:before,.certification-claim:after{content:"";position:absolute;left:4%;right:4%;height:13px;border-top:10px solid #b8e000;border-radius:50%;transform:rotate(-2deg)}
.certification-claim:before{top:0}.certification-claim:after{bottom:0;transform:rotate(2deg)}
.certification-document{margin:0;background:#b8e000;padding:12px 14px 14px;text-align:center}
.certification-document figcaption{font-size:15px;font-weight:700;padding:0 0 8px}
.certification-document .certification-photo{display:block;width:100%;max-height:360px;object-fit:contain;margin:0;background:#fff}
.certification-closing{margin-top:26px}
@media(max-width:760px){.hero-certificaciones{min-height:400px;padding:22px;align-items:flex-end}.hero-certificaciones .page-hero-image{height:58%;bottom:auto}.hero-certificaciones .page-hero-image img{object-fit:contain;object-position:center top}.hero-certificaciones .page-hero-copy{margin:0;width:100%;max-width:100%;padding:15px 0 0;background:#eeecea}.hero-certificaciones .page-hero-copy .display-serif{font-size:26px}.hero-certificaciones .page-hero-copy h1{font-size:39px}.hero-business-seal{width:62px;right:12px;bottom:auto;top:14px}.certification-feature{grid-template-columns:1fr;gap:15px;margin:24px auto}.certification-claim{font-size:23px;padding:24px 18px}.certification-document{padding:10px}.certification-document figcaption{font-size:13px}.certification-intro,.certification-closing{text-align:left;font-size:15px}}
.involve-copy>.lead-copy,.involve-copy>.involve-feature{max-width:910px;margin-left:auto;margin-right:auto}
.impact-feature{margin-top:24px;margin-bottom:25px}
.involve-feature{margin-top:24px;margin-bottom:25px}
.impact-feature .impact-photo{display:block;width:100%;max-height:none;aspect-ratio:2/1;object-fit:cover;margin:0}
.involve-feature .involve-photo{display:block;width:100%;max-height:none;aspect-ratio:2/1;object-fit:cover;margin:0}
.impact-feature .impact-highlight{max-width:none;margin:0;background:#c5e500;color:#003c34;padding:24px 30px;font-size:19px;line-height:1.5}
.involve-feature .impact-highlight{max-width:none;margin:0;background:#c5e500;color:#003c34;padding:24px 30px;font-size:19px;line-height:1.5}
@media(max-width:760px){.hero-impacto-social{align-items:flex-start}.hero-impacto-social:after{background:linear-gradient(180deg,rgba(0,39,34,.2),rgba(0,39,34,.05) 65%,rgba(0,39,34,.48))}.hero-impacto-social .page-hero-image img{object-position:left center}.hero-impacto-social .page-hero-copy{margin-left:auto;max-width:100%;width:fit-content}.hero-involucrate{align-items:flex-start;min-height:500px}.hero-involucrate:after{background:linear-gradient(180deg,rgba(0,39,34,.12),rgba(0,39,34,.03) 55%,rgba(0,39,34,.35))}.hero-involucrate .page-hero-image img{object-position:left center}.hero-involucrate .page-hero-copy{margin-left:auto;max-width:72%}.impact-feature .impact-photo{aspect-ratio:1.5/1}.impact-feature .impact-highlight,.involve-feature .impact-highlight{font-size:16px;padding:20px 22px}.involve-feature .involve-photo{aspect-ratio:1.5/1}}
.content-source-note{max-width:1120px;margin:12px auto 0;padding:10px 18px;background:#fff8df;border-left:3px solid #c79e20;color:#51451e;font-size:13px}
.video-frame{position:relative;aspect-ratio:16/9;background:#0c2925;overflow:hidden}.video-frame>img,.video-frame>iframe{width:100%;height:100%;object-fit:cover}.play-video{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;border:0;border-radius:50%;background:#c5e500;color:#003c34;font-size:25px;cursor:pointer;box-shadow:0 3px 18px #0006}.play-video:hover{background:#d7f216}
.brand-header{display:block;flex:none;width:132px;min-width:132px;line-height:normal}.brand-logo{display:block;width:100%;height:56px;object-fit:contain;object-position:left center}.main-nav a.active{color:#769e00;font-weight:700}.footer-social-links{display:flex;flex-wrap:wrap;gap:8px 16px}.footer-social-links a{color:var(--lime);font-size:13px;text-decoration:none}.footer-social-links a:hover{text-decoration:underline}
@media(max-width:1080px) and (min-width:761px){.site-header{padding:0 18px;gap:10px}.brand-header{width:108px;min-width:108px}.brand-logo{height:48px}.main-nav a{font-size:12px;padding:9px 6px}}
@media(max-width:760px){.brand-header{width:116px;min-width:116px}.brand-logo{height:46px}main-nav a.active{color:#779d00}}

/* Portada: composición del hero basada en la referencia del PDF. */
.home-hero{min-height:360px;padding:52px clamp(20px,6vw,96px);justify-content:center}
.home-hero:after{background:linear-gradient(90deg,rgba(0,28,25,.38),rgba(0,28,25,.2) 48%,rgba(0,28,25,.38))}
.home-hero .page-hero-image img{object-position:center 48%}
.home-hero-copy{width:min(100%,1240px);max-width:none;margin:auto}
.home-title-frame{position:relative;isolation:isolate;width:min(100%,1120px);margin:auto;background:#00352e;border-radius:999px;padding:34px clamp(34px,8vw,112px) 38px;color:#fff}
.home-title-frame .display-serif{font:clamp(38px,5vw,72px)/.92 Niagara,serif;color:#c5e500;margin:0 0 0 2px;letter-spacing:0}
.home-title-frame h1{display:block;max-width:none;margin:0;background:none;border:0;border-radius:0;padding:0;color:#fff;font:700 clamp(58px,8vw,112px)/.95 Gothic,sans-serif;letter-spacing:0;white-space:normal}
.home-title-arrows{position:absolute;z-index:2;inset:-13px;width:calc(100% + 26px);height:calc(100% + 26px);overflow:visible;color:#c5e500;pointer-events:none}
.home-title-arrows>path{fill:none;stroke:currentColor;stroke-width:5;vector-effect:non-scaling-stroke}
.home-intro{max-width:none;margin:0;background:#e7e7e7;text-align:center;padding:0 22px 42px}
.home-subtitle{position:relative;top:0;width:fit-content;max-width:100%;margin:0 auto 26px;padding:10px clamp(22px,5vw,56px);border-radius:0 0 36px 36px;background:linear-gradient(#f7f7f7,#c9c9c9);color:#5d9c13;font-size:clamp(17px,2.5vw,30px);line-height:1.2;font-weight:700}
.home-intro-copy{max-width:1160px;margin:0 auto}
.intro-copy{max-width:940px;margin:0 auto 26px;font-size:clamp(16px,1.5vw,21px);line-height:1.35}
.stat-row{max-width:1190px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 auto}
.stat-row article{min-height:136px;padding:16px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;text-align:center;border-top:5px solid #dedede;border-radius:0 0 22px 22px;background:linear-gradient(150deg,#4c9413,#00392f)}
.stat-row strong{font:clamp(54px,6.3vw,82px)/.9 Niagara,serif;color:#c5e500}
.stat-row span{max-width:260px;font-size:clamp(14px,1.3vw,18px);line-height:1.12;font-weight:700;color:#fff}
.transformation{position:relative;max-width:1240px;padding-top:52px;padding-bottom:70px}
.process-banner{position:relative;z-index:1;max-width:1100px;margin:0 auto -1px;padding:24px 30px 0;background:#00352e;color:#fff;border-radius:82px 82px 22px 22px;text-align:center}
.process-banner h2{margin:0 0 18px;font-size:clamp(27px,3.4vw,46px);letter-spacing:2px;line-height:1.1}
.process-numbers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#00352e;border-radius:0 0 24px 24px}
.process-numbers li{font:clamp(48px,7vw,86px)/1 Niagara,serif;color:#e4e6e4;border-right:3px solid #b4b4b4}
.process-numbers li:nth-child(even){color:#c5e500}
.process-numbers li:last-child{border-right:0}
.process-grid{gap:clamp(12px,2vw,28px);align-items:stretch}
.process-grid article{display:flex;flex-direction:column;min-width:0;padding:0;background:transparent;text-align:left;overflow:visible}
.process-art{height:auto;aspect-ratio:1.08;background:#c5e500;border-radius:70px 0 0 0;overflow:hidden;display:grid;place-items:center}
.process-art img{display:block;width:92%;height:88%;object-fit:contain}
.process-copy{flex:1;padding:16px clamp(12px,1.5vw,20px) 23px;background:#e5e5e5;border-radius:0 0 68px 0}
.process-copy h3{margin:0 0 12px;font-size:clamp(16px,1.5vw,21px);line-height:1.1;text-align:center}
.process-copy p{margin:0;color:#17221e;font-size:clamp(12px,1.04vw,14px);line-height:1.38}
.process-grid article:not(:last-child):after{content:"";position:absolute;z-index:2;top:34%;right:-16px;transform:translateX(50%);width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:18px solid #c5e500}
.city-impact{min-height:580px;padding:74px max(28px,calc((100vw - 1480px)/2));background-image:linear-gradient(180deg,rgba(0,12,16,.7),rgba(0,12,16,.15) 58%,rgba(0,12,16,.35)),var(--city-image);background-position:center;background-size:cover}
.city-impact-inner{max-width:1480px;margin:0 auto}
.city-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,48px);align-items:start;text-align:center}
.city-stats article{display:flex;min-height:0;flex-direction:column;align-items:center;padding:10px 8px;background:transparent;border:0}
.city-stat-context{min-height:2.6em;max-width:275px;font-size:clamp(15px,1.8vw,22px);font-weight:700;line-height:1.14;text-shadow:0 2px 10px #00120f}
.city-stats strong{font:700 clamp(64px,8.5vw,112px)/.94 Gothic,sans-serif;color:#c5e500;text-shadow:0 2px 12px #00120f}
.city-stat-detail{max-width:290px;font-size:clamp(15px,1.8vw,22px);font-weight:700;line-height:1.15;text-shadow:0 2px 10px #00120f}
@media(max-width:760px){
  .home-hero{min-height:300px;padding:42px 24px}
  .home-title-frame{width:100%;padding:32px clamp(24px,7vw,54px);border-radius:999px}
  .home-title-frame .display-serif{font-size:clamp(31px,7vw,48px)}
  .home-title-frame h1{font-size:clamp(46px,10vw,72px)}
  .home-title-arrows{inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px)}
  .home-intro{padding:0 18px 35px}
  .home-subtitle{margin-bottom:22px}
  .stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .stat-row article{min-height:118px;padding:12px 8px}
  .stat-row strong{font-size:clamp(42px,9vw,62px)}
  .stat-row span{font-size:clamp(11px,2.8vw,15px)}
  .transformation{padding-top:36px;padding-bottom:48px}
  .process-banner{padding:20px 16px 0;border-radius:54px 54px 18px 18px}
  .process-banner h2{font-size:clamp(23px,5vw,34px);letter-spacing:1px}
  .process-numbers li{font-size:clamp(40px,10vw,64px);border-right-width:2px}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
  .process-grid article:not(:last-child):after{display:none}
  .process-art{border-radius:52px 0 0 0}
  .process-copy{padding:13px 12px 18px;border-radius:0 0 42px 0}
  .process-copy h3{font-size:15px}
  .process-copy p{font-size:13px}
  .city-impact{min-height:500px;padding:54px 20px;background-position:center}
  .city-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}
  .city-stat-context,.city-stat-detail{font-size:clamp(14px,3.5vw,18px)}
  .city-stat-context{min-height:2.5em}
  .city-stats strong{font-size:clamp(56px,13vw,82px)}
}
@media(max-width:420px){
  .home-hero{min-height:260px;padding:34px 20px}
  .home-title-frame{padding:28px 24px}
  .home-title-frame h1{font-size:clamp(40px,11vw,54px)}
  .stat-row article{min-height:108px}
  .stat-row strong{font-size:42px}
  .stat-row span{font-size:11px}
  .process-grid{grid-template-columns:1fr}
  .process-art{aspect-ratio:1.4}
  .city-impact{min-height:520px}
}


/* Guía de reciclaje: paneles en zigzag e imágenes circulares como en el diseño. */
.guide-layout{max-width:1040px;padding:34px 30px 70px;text-align:center}
.guide-steps{display:grid;gap:0;max-width:980px;margin:0 auto}
.guide-step,.guide-step.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:315px;margin:0 auto -18px;padding:12px 0;clip-path:polygon(0 0,100% 12%,100% 88%,0 100%);text-align:left}
.guide-step.reverse{direction:rtl}
.guide-step.reverse>*{direction:ltr}
.guide-step-copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:34px clamp(14px,4vw,52px);position:relative;z-index:1}
.guide-step.reverse .guide-step-copy{grid-template-columns:minmax(0,1fr) auto;text-align:right}
.guide-step .step-number{font:clamp(48px,6vw,76px)/.9 Niagara,serif;color:#b6dc00}
.guide-step-text h3{font-size:clamp(19px,2.15vw,26px);line-height:1.05;margin:6px 0 13px;color:#073d35}
.guide-step-text p{font-size:clamp(13px,1.45vw,17px);line-height:1.34;color:#123d38;margin:0}
.guide-art{width:min(78%,270px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;border:6px solid #b9df00;border-radius:50%;background:#b9df00;overflow:hidden;position:relative;z-index:1}
.guide-art-image{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:50%;margin:0;padding:0}
.guide-step-1 .guide-art{border:0}
.guide-step-1 .guide-art-image{object-fit:contain;padding:7%}
.guide-step-3 .guide-art{border:0;border-radius:0;background:transparent;overflow:visible}
.guide-step-3 .guide-art-image{object-fit:contain;border-radius:0}
@media(max-width:760px){
  .guide-layout{padding:28px 16px 54px}
  .guide-step,.guide-step.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:255px;margin-bottom:-14px;padding:10px 0;clip-path:polygon(0 0,100% 10%,100% 90%,0 100%)}
  .guide-step-copy{gap:8px;padding:24px 9px}
  .guide-step .step-number{font-size:clamp(42px,9vw,62px)}
  .guide-step-text h3{font-size:clamp(16px,3.5vw,21px);margin:5px 0 9px}
  .guide-step-text p{font-size:clamp(12px,2.5vw,14px);line-height:1.3}
  .guide-art{width:min(88%,180px);border-width:4px}
}
@media(max-width:420px){
  .guide-step,.guide-step.reverse{min-height:235px;margin-bottom:-10px}
  .guide-step-copy{gap:5px;padding:20px 6px}
  .guide-step .step-number{font-size:39px}
  .guide-step-text h3{font-size:15px}
  .guide-step-text p{font-size:11px;line-height:1.26}
  .guide-art{width:min(92%,145px);border-width:3px}
}
.guide-step:nth-child(odd),.guide-step:nth-child(even){background:#e2e2e2}
.guide-step .guide-art-image{width:100%;height:100%;object-fit:cover;border:0;border-radius:50%;margin:0;padding:0}
.guide-step-1 .guide-art-image{object-fit:contain;padding:7%}
.guide-step-3 .guide-art-image{object-fit:contain;border-radius:0}