:root{--ink:#12262c;--deep:#112b31;--blue:#066aa7;--blue-dark:#07527d;--lime:#b8dc13;--paper:#f4f1e9;--white:#fff;--muted:#59696d;--line:#d8ddd8;--max:1180px;--pad:clamp(1.1rem,4vw,2rem);--display:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf6;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.62;overflow-x:hidden}img,video{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,12vw,5.7rem)}h2{font-size:clamp(2.15rem,8vw,4rem)}h3{font-size:1.18rem;line-height:1.25}.skip-link{position:fixed;left:1rem;top:-8rem;z-index:100;padding:.8rem 1rem;background:var(--white)}.skip-link:focus{top:1rem}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:.6rem var(--pad);background:rgba(251,250,246,.96);border-bottom:1px solid rgba(18,38,44,.12);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{display:block;width:150px}.brand img{width:100%;height:auto}.menu-button{min-width:50px;min-height:50px;border:1px solid var(--ink);background:transparent;display:grid;place-items:center;padding:0 12px;font:700 .72rem var(--sans);text-transform:uppercase;letter-spacing:.08em}.menu-button i,.menu-button i:after{display:block;width:22px;height:2px;background:currentColor;content:"";transition:transform .2s}.menu-button i{margin-top:4px}.menu-button i:after{transform:translateY(6px)}.menu-button[aria-expanded="true"] i{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded="true"] i:after{transform:rotate(-90deg)}.main-nav{position:fixed;inset:74px 0 auto 0;background:var(--paper);padding:1.2rem var(--pad) 1.6rem;display:none;box-shadow:0 24px 40px rgba(5,25,31,.18)}.main-nav.open{display:grid}.main-nav a{min-height:50px;display:flex;align-items:center;text-decoration:none;font-weight:700;border-bottom:1px solid var(--line)}.main-nav a[aria-current="page"]{color:var(--blue-dark)}.main-nav .lang-link{display:grid;place-items:center;width:50px;border:1px solid var(--ink);margin-top:.7rem}.main-nav .nav-call{justify-content:center;background:var(--deep);color:white;border:0;margin-top:.7rem}.hero{min-height:calc(100svh - 74px);position:relative;display:flex;align-items:flex-end;color:white;background:var(--deep);isolation:isolate;padding:4.5rem var(--pad) 7rem}.hero-media,.hero-media img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:55% center}.hero-shade{background:linear-gradient(180deg,rgba(8,26,31,.08) 0%,rgba(8,26,31,.55) 40%,rgba(8,26,31,.93) 100%);z-index:1}.hero-content{position:relative;z-index:2;max-width:840px}.hero h1{margin:.5rem 0 1.2rem;text-wrap:balance}.hero-content>p:not(.eyebrow){font-size:1.08rem;max-width:680px;line-height:1.55}.eyebrow{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--blue-dark);margin:0 0 .8rem}.eyebrow.light{color:var(--lime)}.hero-actions{display:flex;flex-direction:column;gap:.65rem;margin-top:1.7rem}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;text-decoration:none;border:1px solid transparent;font-weight:800;font-size:.86rem;letter-spacing:.02em;cursor:pointer}.button.primary{background:var(--lime);color:#142400}.button.ghost{border-color:rgba(255,255,255,.7);color:white;background:rgba(10,30,35,.24)}.button.lime{background:var(--lime);color:#12210a}.hero-logo{position:absolute;right:var(--pad);bottom:1rem;z-index:3;width:134px;height:68px;background:rgba(255,255,255,.92);padding:.3rem;overflow:hidden}.hero-logo img,.hero-logo video{width:100%;height:100%;object-fit:contain}.hero-logo video{display:none}.hero-logo.playing video{display:block}.hero-logo.playing img{display:none}.section-pad{padding:4.7rem var(--pad)}.section-shell{width:100%;max-width:var(--max);margin:0 auto}.section-head{max-width:760px;margin-bottom:2.2rem}.section-head h2{margin-bottom:1rem;text-wrap:balance}.section-intro{color:var(--muted);font-size:1.05rem;max-width:680px}.proof{background:var(--paper)}.proof-label{font-weight:700;margin-bottom:1.4rem}.proof-grid{display:grid;gap:1px;background:#cdd5d0;border:1px solid #cdd5d0}.proof-grid article{background:#fbfaf6;padding:1.25rem}.proof-grid span,.proof-grid p{font-size:.78rem;color:var(--muted);margin:0}.proof-grid strong{display:block;font-family:var(--display);font-size:2.35rem;font-weight:500;line-height:1;margin:.6rem 0;color:var(--deep)}.method-note{font-size:.78rem;line-height:1.5;color:var(--muted);margin:1.1rem 0 0;max-width:900px}.method-note a{font-weight:800;text-underline-offset:3px}.split-intro{display:grid;gap:1.5rem}.material-card{background:var(--deep);color:white;padding:.65rem}.material-images{display:grid;grid-template-columns:1.2fr .8fr;gap:.5rem}.material-images picture,.material-images img{height:185px;width:100%}.material-images img{object-fit:cover}.material-b img{object-position:center}.material-list{list-style:none;padding:1.15rem;margin:0;display:flex;flex-wrap:wrap;gap:.55rem}.material-list li{border:1px solid rgba(255,255,255,.3);padding:.48rem .68rem;font-size:.76rem}.process{background:var(--paper)}.process-layout{display:grid;gap:2rem}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:42px 1fr;gap:.75rem;padding:1.15rem 0;border-top:1px solid #c7d0ca}.steps li>span{color:var(--blue-dark);font-weight:800}.steps h3{margin-bottom:.35rem}.steps p{color:var(--muted);margin:0}.process-image,.process-image img{min-height:360px;height:100%;width:100%}.process-image img{object-fit:cover}.logistics{background:var(--deep);color:white}.logistics .section-intro{color:#c7d3d0}.logistics-grid{display:grid;gap:2.5rem}.volume-pair{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;margin-top:2rem}.volume-pair article{border-top:2px solid var(--lime);padding-top:1rem}.volume-pair strong,.volume-pair span,.volume-pair small{display:block}.volume-pair strong{font-family:var(--display);font-size:2.5rem;font-weight:500}.volume-pair span{font-weight:750}.volume-pair small{color:#adbfba;line-height:1.35;margin-top:.35rem}.volume-pair .arrow{text-align:center;color:var(--lime);font-size:1.5rem}.light-note{color:#aebebb}.logistics-image,.logistics-image img{width:100%;height:320px}.logistics-image img{object-fit:cover}.safety-grid{display:grid;gap:2.4rem}.safety-image,.safety-image img{width:100%;height:340px}.safety-image img{object-fit:cover;object-position:center 55%}.capacity-box{border-left:4px solid var(--lime);background:var(--paper);padding:1.4rem;margin-top:2.2rem}.capacity-box h3{font-family:var(--display);font-size:1.7rem;margin-bottom:.6rem}.capacity-box p:last-child{margin-bottom:0;color:var(--muted)}.gallery-section{background:#e8ece9}.gallery{display:grid;gap:.75rem}.gallery picture,.gallery img{width:100%;height:260px}.gallery img{object-fit:cover}.videos{background:#fbfaf6}.video-grid{display:grid;gap:1rem}.video-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,#18353c,#0d2025);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;color:white;padding:1rem;text-align:center}.video-placeholder>span{width:64px;height:64px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;padding-left:.2rem}.video-placeholder iframe{width:100%;height:100%;border:0}.contact-band{background:var(--blue-dark);color:white;padding:4rem var(--pad);display:grid;gap:1.5rem}.contact-band h2{font-size:clamp(2.3rem,10vw,4.5rem);margin-bottom:1rem}.contact-band p:not(.eyebrow){max-width:700px}.contact-band>div:last-child{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.text-link{font-weight:800;text-underline-offset:4px}.page-hero{background:var(--deep);color:white;padding:5rem var(--pad);min-height:56vh;display:flex;align-items:flex-end}.page-hero>div{width:100%;max-width:var(--max);margin:0 auto}.page-hero h1{max-width:900px;margin:.5rem 0 1rem}.page-hero p:not(.eyebrow){font-size:1.1rem;color:#cfdbd7;max-width:740px}.page-hero.compact{min-height:36vh}.data-cards{display:grid;gap:.7rem}.data-cards article{border:1px solid var(--line);padding:1.4rem}.data-cards strong{font-family:var(--display);font-size:2.5rem;line-height:1;color:var(--blue-dark)}.data-cards h2{font-family:var(--sans);font-size:1.05rem;font-weight:800;letter-spacing:0;margin:.8rem 0 .4rem}.data-cards p{color:var(--muted);margin:0}.soft{background:var(--paper)}.reading{max-width:900px}.reading>h2{margin-bottom:2rem}.definition-list article{display:grid;grid-template-columns:42px 1fr;gap:1rem;border-top:1px solid #c7d0ca;padding:1.25rem 0}.definition-list span{font-weight:800;color:var(--blue-dark)}.definition-list h3{margin-bottom:.35rem}.definition-list p{margin:0;color:var(--muted)}.two-columns{display:grid;gap:3.5rem}.two-columns h2{font-size:2.25rem}.two-columns p:last-child{color:var(--muted)}.sources{background:var(--deep);color:white}.source-list article{padding:1.4rem 0;border-top:1px solid #3a5155;display:grid;gap:.6rem}.source-list h3{margin-bottom:.4rem}.source-list p{color:#b9c9c5;margin:0}.source-list a,.source-list span{font-size:.78rem;font-weight:800;color:var(--lime)}.caveat{border:1px solid #496064;padding:1.2rem;margin:2rem 0 0;color:#d2dfdc}.contact-grid{display:grid;gap:2rem}.contact-cards{display:grid;gap:.7rem}.contact-cards article{background:var(--paper);padding:1.2rem}.contact-cards span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;color:var(--blue-dark);margin-bottom:.5rem}.contact-cards a{font-family:var(--display);font-size:1.8rem}.contact-cards p{margin:0}.contact-grid aside{background:var(--deep);color:white;padding:1.5rem}.contact-grid aside h2{font-size:2rem}.contact-grid aside ul{padding-left:1.2rem;margin-bottom:0}.contact-grid aside li{margin:.55rem 0}.contact-note{max-width:850px;margin:2rem auto 0;padding:1.1rem;border-left:4px solid var(--lime);background:#eef1eb;color:var(--muted)}.legal-copy{max-width:840px}.legal-copy section{padding:1.5rem 0;border-top:1px solid var(--line)}.legal-copy h2{font-family:var(--sans);font-size:1.2rem;font-weight:800;letter-spacing:0}.legal-copy p{color:var(--muted)}.site-footer{background:#091b20;color:#d2dcda;padding:3rem var(--pad) 1.2rem}.footer-main{max-width:var(--max);margin:0 auto;display:grid;gap:2rem}.footer-main img{width:180px;background:white;padding:.4rem;margin-bottom:1rem}.footer-main p{font-size:.88rem;max-width:390px}.footer-label{text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--lime)}.footer-phone{display:block;font-family:var(--display);font-size:1.7rem;margin:.4rem 0}.footer-main nav{display:grid;align-content:start}.footer-main nav a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid #2f4246;text-decoration:none;font-size:.9rem}.footer-bottom{max-width:var(--max);margin:2.2rem auto 0;border-top:1px solid #2f4246;padding-top:1rem;display:flex;flex-direction:column;gap:.4rem;font-size:.72rem;color:#93a5a1}
@media (min-width:600px){.hero-actions{flex-direction:row}.button{padding-inline:1.35rem}.proof-grid{grid-template-columns:repeat(3,1fr)}.gallery{grid-template-columns:1.4fr .6fr}.gallery-fraccion{grid-column:1/-1}.video-grid,.data-cards,.contact-cards{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.2fr 1fr}.footer-main nav{grid-column:1/-1}.page-hero{padding-block:6rem}.hero-logo{width:180px;height:90px}}
@media (min-width:900px){.site-header{height:88px;padding-inline:max(var(--pad),calc((100vw - var(--max))/2))}.brand{width:185px}.menu-button{display:none}.main-nav{position:static;display:flex!important;align-items:center;gap:1.45rem;background:transparent;padding:0;box-shadow:none}.main-nav a{min-height:46px;border:0;font-size:.84rem}.main-nav .lang-link{margin:0;width:46px;border:1px solid var(--ink)}.main-nav .nav-call{margin:0;padding:0 1rem}.hero{min-height:calc(100svh - 88px);padding:7rem max(var(--pad),calc((100vw - var(--max))/2)) 5rem}.hero-media img{object-position:center 48%}.hero-shade{background:linear-gradient(90deg,rgba(8,26,31,.94) 0%,rgba(8,26,31,.6) 52%,rgba(8,26,31,.08) 100%)}.hero-logo{right:max(var(--pad),calc((100vw - var(--max))/2));bottom:2rem;width:225px;height:112px}.section-pad{padding-block:7rem}.split-intro{grid-template-columns:.85fr 1.15fr;gap:5rem;align-items:start}.material-images picture,.material-images img{height:260px}.process-layout{grid-template-columns:1fr .92fr;align-items:stretch}.steps li{padding:1.35rem 0}.logistics-grid{grid-template-columns:1.08fr .92fr;gap:5rem;align-items:center}.logistics-image,.logistics-image img{height:100%;min-height:560px}.safety-grid{grid-template-columns:.88fr 1.12fr;gap:5rem;align-items:center}.safety-image,.safety-image img{height:580px}.gallery{grid-template-columns:1.25fr .75fr}.gallery picture,.gallery img{height:390px}.gallery-fraccion{grid-column:auto}.gallery-fraccion,.gallery-fraccion img{grid-column:1/-1;height:340px}.contact-band{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-inline:max(var(--pad),calc((100vw - var(--max))/2));padding-block:5rem}.contact-band>div:last-child{min-width:280px}.data-cards{grid-template-columns:repeat(4,1fr)}.two-columns,.contact-grid{grid-template-columns:repeat(2,1fr);gap:5rem}.source-list article{grid-template-columns:1fr auto;align-items:start}.footer-main{grid-template-columns:1.25fr 1fr .7fr;gap:4rem}.footer-main nav{grid-column:auto}.footer-bottom{flex-direction:row;justify-content:space-between}.page-hero{min-height:62vh}.page-hero.compact{min-height:40vh}}
@media (min-width:1500px){:root{--max:1360px}.hero-content{max-width:930px}.hero h1{font-size:6.5rem}.section-pad{padding-block:8.5rem}.gallery picture,.gallery img{height:460px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-logo video{display:none!important}.hero-logo img{display:block!important}}
@media (hover:hover){.main-nav a:hover,.text-link:hover{color:var(--lime)}.main-nav .lang-link:hover{background:var(--ink);color:white}.button{transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary:hover,.button.lime:hover{background:#cef32a}}
.brand{width:128px}.brand img{height:58px;object-fit:contain;object-position:left center}
.logistics .eyebrow{color:var(--lime)}.footer-main img{height:auto}
@media (min-width:900px){.brand{width:170px}.brand img{height:68px}}
.materials-section .section-head{max-width:820px}.material-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.material-gallery figure{position:relative;margin:0;background:var(--deep);overflow:hidden}.material-gallery picture,.material-gallery img{width:100%;height:190px}.material-gallery img{object-fit:cover}.material-gallery figcaption{position:absolute;left:.55rem;bottom:.55rem;background:rgba(9,27,32,.88);color:white;padding:.35rem .55rem;font-size:.72rem;font-weight:800;letter-spacing:.04em}.material-list-light{padding:1.1rem 0 0}.material-list-light li{border-color:var(--line);color:var(--deep);background:var(--paper)}
.material-use{max-width:760px;margin:1.1rem 0 0;padding-left:1rem;border-left:3px solid var(--blue);color:var(--muted)}
.contact-layout{display:grid;gap:2rem}.contact-form{display:grid;gap:1rem;background:var(--paper);padding:1.2rem}.field{display:grid;gap:.4rem}.field label,.check{font-weight:800;font-size:.82rem}.field input,.field textarea{width:100%;border:1px solid #aab5b1;background:white;color:var(--ink);font:inherit;border-radius:0;padding:.8rem;min-height:50px}.field textarea{resize:vertical;min-height:150px}.field input:focus,.field textarea:focus{outline:3px solid rgba(6,106,167,.25);border-color:var(--blue)}.check{display:grid;grid-template-columns:24px 1fr;gap:.65rem;align-items:start}.check input{width:22px;height:22px;margin:0}.check a{text-underline-offset:3px}.contact-aside{background:var(--deep);color:white;padding:1.5rem}.contact-aside h2{font-size:2rem}.contact-aside ul{padding-left:1.2rem;margin-bottom:2rem}.contact-aside li{margin:.55rem 0}.office-contact{border-top:1px solid #476065;padding-top:1.4rem}.office-contact span{display:block;color:var(--lime);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.office-contact a{display:block;font:500 1.75rem var(--display);margin:.6rem 0}.office-contact p{color:#c3d0cd;font-size:.88rem}.thanks-page{min-height:calc(100svh - 74px);display:grid;place-items:center;padding:3rem var(--pad);background:radial-gradient(circle at 95% 100%,rgba(184,220,19,.3),transparent 28%),linear-gradient(145deg,#edf5f5,#fbfaf6 55%)}.thanks-card{width:min(720px,100%);background:white;border-top:5px solid var(--lime);padding:clamp(1.5rem,6vw,3.5rem);box-shadow:0 22px 60px rgba(17,43,49,.13)}.thanks-card h1{font-size:clamp(2.6rem,10vw,4.8rem)}.preview-note{background:#fff7d9;border-left:4px solid #d1a900;padding:1rem;font-size:.88rem}.direct-contact{background:var(--deep);color:white;padding:1.2rem;margin:1.5rem 0}.direct-contact p{margin-bottom:.4rem}.direct-contact a{font:500 2rem var(--display);color:var(--lime)}[hidden]{display:none!important}.page-hero,.contact-band{position:relative;isolation:isolate;overflow:hidden}.page-hero:after,.contact-band:after{content:"";position:absolute;z-index:-1;width:65vw;height:28vw;right:-15vw;bottom:-18vw;border-radius:50%;border:clamp(20px,4vw,65px) solid rgba(0,147,205,.15);box-shadow:0 0 0 clamp(18px,3vw,50px) rgba(184,220,19,.12)}
@media (min-width:700px){.material-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.material-gallery picture,.material-gallery img{height:260px}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:2rem}.field-wide{grid-column:1/-1}}
@media (min-width:900px){.contact-layout{grid-template-columns:1.35fr .65fr;gap:2.5rem}.thanks-page{min-height:calc(100svh - 88px)}}

/* Revisió corporativa: una sola pàgina, més llum i informació sense farciment. */
:root{--paper:#f2f6f5}
body{background:#fff}
section[id]{scroll-margin-top:88px}
.site-header{background:rgba(255,255,255,.96);border-bottom:3px solid;border-image:linear-gradient(90deg,var(--blue),var(--lime)) 1}
.hero-logo{height:auto;aspect-ratio:620/498;background:transparent;padding:0;overflow:visible;filter:drop-shadow(0 0 9px rgba(255,255,255,.82))}
.hero-logo img{height:auto;object-fit:contain}
.footer-main img{background:transparent;padding:0;filter:drop-shadow(0 0 8px rgba(255,255,255,.18))}
.proof{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#f2f6f5 0%,#fff 72%)}
.proof:after{content:"";position:absolute;z-index:-1;width:38rem;height:16rem;right:-18rem;bottom:-9rem;border-radius:50%;border:3.2rem solid rgba(6,106,167,.08);box-shadow:0 0 0 2.6rem rgba(184,220,19,.08)}
.proof-grid{position:relative;background:rgba(6,106,167,.2);border-color:rgba(6,106,167,.2)}
.proof-grid article{background:rgba(255,255,255,.94)}
.rebound-feature{position:relative;overflow:hidden;margin-top:2.6rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid;gap:1.5rem;background:linear-gradient(135deg,#edf6f7,#fff 68%);border-top:4px solid var(--blue)}
.rebound-feature:after{content:"";position:absolute;width:15rem;height:5rem;right:-6rem;bottom:-3rem;border-radius:50%;border:1.5rem solid rgba(184,220,19,.18)}
.rebound-feature>div{position:relative;z-index:1}
.rebound-feature h3{font-family:var(--display);font-size:clamp(1.8rem,5vw,2.7rem);font-weight:500;letter-spacing:-.025em;margin-bottom:.75rem}
.rebound-feature p:last-child{max-width:650px;color:var(--muted);margin-bottom:0}
.rebound-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-items:stretch}
.rebound-images figure{margin:0;min-height:150px;padding:.5rem;display:grid;place-items:center;background:#fff;border:1px solid rgba(6,106,167,.16)}
.rebound-images img{width:100%;height:140px;object-fit:contain}
.contact-home{background:radial-gradient(circle at 100% 100%,rgba(184,220,19,.13),transparent 30%),radial-gradient(circle at 0 0,rgba(6,106,167,.08),transparent 34%),#fff}
.contact-form{background:#f2f6f5;border-top:4px solid var(--lime)}
@media (min-width:900px){.rebound-feature{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);align-items:center}.rebound-images img{height:180px}}
@media (min-width:900px){.main-nav{gap:.9rem}.main-nav a{font-size:.78rem}.hero-logo{width:185px;height:auto}.rebound-feature{margin-top:3.2rem}}
.brand{width:190px}.brand img{width:100%;height:auto;object-fit:contain;object-position:left center}
@media (min-width:900px){.brand{width:220px}.brand img{height:auto}}

/* Pàgina corporativa: reciclatge, procés i model regional. */
.hero-media img{object-position:center 48%}.hero-content{max-width:900px}.hero h1{max-width:900px}.hero-content>p:not(.eyebrow){max-width:760px}.hero-logo{filter:drop-shadow(0 4px 15px rgba(0,0,0,.22))}
.proof-grid{grid-template-columns:1fr}.proof-grid article{min-height:154px;display:flex;flex-direction:column;justify-content:flex-end}.proof-grid strong{font-size:clamp(2rem,5vw,2.8rem)}
.materials-block{background:#fff}.composition-grid{display:grid;gap:.7rem;margin-bottom:1rem}.composition-grid article{position:relative;overflow:hidden;border:1px solid var(--line);padding:1.25rem;background:#fff}.composition-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--blue),var(--lime))}.composition-grid strong{display:block;font:500 clamp(2.15rem,6vw,3.25rem)/1 var(--display);color:var(--blue-dark);margin-bottom:.85rem}.composition-grid h3{margin-bottom:.4rem}.composition-grid p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.5}.remainder-line{margin:1rem 0 2.5rem;padding:.85rem 1rem;border-left:3px solid #d06b22;background:#fff7ef;color:#56331d;font-size:.9rem}.material-gallery-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.material-gallery-five figure{min-height:210px}.material-gallery-five picture,.material-gallery-five img{height:100%}.material-gallery-five img{min-height:210px}.material-gallery-five figure:last-child{grid-column:1/-1}.material-gallery-five figure:last-child picture,.material-gallery-five figure:last-child img{height:240px}.material-gallery-five figcaption{font-size:.75rem;padding:.45rem .65rem;background:rgba(9,27,32,.9)}
.history{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf3f2,#fff 65%)}.history:after{content:"";position:absolute;width:38rem;height:15rem;right:-20rem;bottom:-9rem;border:3rem solid rgba(184,220,19,.1);border-radius:50%;pointer-events:none}.history-layout{display:grid;gap:2.5rem;position:relative;z-index:1}.history-copy .section-head{margin-bottom:1.5rem}.history-prose{max-width:760px}.history-prose p{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}.history-prose p+p{margin-top:1.3rem}.history-images{display:grid;grid-template-columns:1.05fr .95fr;gap:.65rem;align-items:end}.history-images picture,.history-images img{width:100%;height:100%}.history-images img{object-fit:cover}.history-image-a{height:400px}.history-image-b{height:330px}.history-image-b img{object-position:center}
.flow-section{background:#0d282f;color:#fff}.flow-section .section-head{max-width:850px}.flow-section .section-head .eyebrow{color:var(--lime)}.flow-section .section-intro{color:#c5d3d0}.process-map{margin-top:2.5rem}.flow-start{display:grid;place-items:center;text-align:center;margin:0 auto 1.4rem;max-width:520px}.flow-start strong,.flow-start b{display:block;width:100%;padding:1rem 1.2rem;border:1px solid #557076;background:#143840}.flow-start strong{font:500 1.55rem var(--display)}.flow-start b{background:var(--blue);border-color:var(--blue);font-size:.88rem;letter-spacing:.02em}.flow-start>span{font-size:1.5rem;line-height:1;color:var(--lime);padding:.35rem}.flow-branches{display:grid;gap:.75rem;margin-bottom:1.5rem}.flow-branch{position:relative;margin:0;padding:1.2rem 1.2rem 1.2rem 3.8rem;background:#fff;color:var(--ink);border-top:4px solid var(--lime)}.flow-branch>span{position:absolute;left:1.15rem;top:1.2rem;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:var(--deep);color:var(--lime);font-weight:900;font-size:.74rem}.flow-branch h3{margin-bottom:.35rem}.flow-branch p{margin:0;color:var(--muted);font-size:.88rem}.branch-1{border-top-color:#48a9da}.circuit-grid{display:grid;gap:.65rem;margin-bottom:1rem}.circuit{position:relative;padding:1.1rem;background:#f7faf9;color:var(--ink);border-left:4px solid var(--lime)}.circuit h3{margin-bottom:.7rem}.circuit p{margin:0 0 .75rem;color:var(--muted);font-size:.84rem}.circuit strong{display:block;border-top:1px solid #d2dcda;padding-top:.7rem;color:var(--blue-dark);font-size:.86rem}.metal-circuit{display:grid;gap:0;background:#fff;color:var(--ink);border:2px solid #2695cb}.metal-circuit>*{display:flex;align-items:center;justify-content:center;text-align:center;min-height:78px;padding:.85rem}.metal-circuit span{font-size:.86rem}.metal-circuit strong{background:#e5f4fb;color:#07527d}.metal-circuit b{background:#d9efef;color:#113e47}.energy-route{margin:.7rem 0 0;padding:.75rem 1rem;text-align:center;border:1px solid #d97632;color:#ffd8bb;background:rgba(166,74,12,.18);font-size:.84rem;font-weight:800}
.regional{position:relative;overflow:hidden;background:#f1f5f4}.regional-layout{display:grid;gap:2.4rem}.regional-copy .section-head{margin-bottom:1.6rem}.regional-prose{max-width:760px}.regional-prose p{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}.regional-prose p+p{margin-top:1.25rem}.regional-conclusion{padding-top:1.55rem;border-top:1px solid #bdcbc7;color:var(--ink)!important}.regional-conclusion strong{display:block;margin-bottom:.65rem;font-family:var(--display);font-size:1.75rem;font-weight:500;line-height:1.15;color:var(--deep)}.regional-image,.regional-image img{width:100%;height:100%;min-height:420px}.regional-image img{object-fit:cover;object-position:center}
.activity-gallery{background:#fff}.plant-gallery{display:grid;gap:.7rem}.plant-gallery picture,.plant-gallery img{width:100%;height:270px}.plant-gallery img{object-fit:cover}.plant-gallery picture:first-child,.plant-gallery picture:first-child img{height:330px}
.videos{background:#eef3f2}.video-placeholder{border-bottom:4px solid var(--lime)}
.contact-band h2{max-width:820px}.contact-home{padding-top:5rem}.site-footer .footer-main img{max-height:115px;width:auto}
@media (min-width:600px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-branches{grid-template-columns:repeat(2,minmax(0,1fr))}.circuit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metal-circuit{grid-template-columns:repeat(3,minmax(0,1fr))}.metal-circuit>*+*{border-left:1px solid #a9d3e7}.plant-gallery{grid-template-columns:1.25fr .75fr}.plant-gallery picture:first-child{grid-row:span 2}.plant-gallery picture:first-child,.plant-gallery picture:first-child img{height:100%;min-height:550px}.plant-gallery picture:not(:first-child),.plant-gallery picture:not(:first-child) img{height:270px}}
@media (min-width:900px){.main-nav{gap:.72rem}.main-nav a{font-size:.73rem}.proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.composition-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.material-gallery-five{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.material-gallery-five figure{grid-column:span 3}.material-gallery-five figure:last-child{grid-column:1/-1}.material-gallery-five picture,.material-gallery-five img{height:290px}.material-gallery-five figure:last-child picture,.material-gallery-five figure:last-child img{height:330px}.history-layout{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:5rem;align-items:center}.flow-branches{max-width:900px;margin-left:auto;margin-right:auto}.circuit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.circuit{min-height:215px;display:flex;flex-direction:column}.circuit strong{margin-top:auto}.metal-circuit{max-width:980px;margin-inline:auto}.regional-layout{grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:5rem;align-items:stretch}.regional-image,.regional-image img{min-height:720px}.activity-gallery .section-head{margin-bottom:2rem}}
@media (min-width:1180px){.main-nav{gap:1.05rem}.main-nav a{font-size:.78rem}.hero-media img{object-position:center 52%}}
@media (max-width:599px){.hero{min-height:720px}.hero h1{font-size:clamp(2.75rem,13vw,4.2rem)}.history-image-a{height:310px}.history-image-b{height:260px}.regional-image,.regional-image img{min-height:330px}.site-footer .footer-main img{max-height:90px}}

/* Ordre vertical del procés: escumes, circuits, molls i sortida energètica. */
.flow-branch{position:relative;max-width:900px;margin:0 auto 1rem;padding:1.2rem;background:#fff;color:var(--ink);border-top:4px solid var(--lime);text-align:center}
.flow-branch h3{margin-bottom:.35rem}.flow-branch p{margin:0;color:var(--muted);font-size:.88rem}
.branch-0:before,.branch-1:before{content:"↓";position:absolute;left:50%;top:-2rem;transform:translateX(-50%);color:var(--lime);font-size:1.35rem}
.branch-1{margin-top:2.2rem;border-top-color:#48a9da}.branch-1:before{color:#48a9da}
.circuit-grid{margin:2rem 0 1rem}.circuit:before{content:"↓";display:block;margin:-1.95rem auto .55rem;text-align:center;color:var(--lime);font-weight:900}
.pocket-route{width:max-content;max-width:100%;margin:1.25rem 0 0 auto;padding:.55rem .8rem;border:1px solid #67b6d9;color:#cfefff;font-size:.78rem;font-weight:800}
@media (min-width:600px){.plant-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-gallery picture:first-child{grid-row:auto}.plant-gallery picture:first-child,.plant-gallery picture:first-child img,.plant-gallery picture:not(:first-child),.plant-gallery picture:not(:first-child) img{height:360px;min-height:0}}
.flow-section .section-head{margin-bottom:1.45rem}.flow-prose{max-width:850px}.flow-prose p{margin:0;color:#c5d3d0;font-size:1rem;line-height:1.75}.flow-prose p+p{margin-top:1.15rem}
.diagram-shell{max-width:1520px}.process-diagram-wrap{overflow-x:auto;margin-top:2.2rem;padding-bottom:.45rem;scrollbar-color:var(--lime) #26434a}.process-diagram{display:block;min-width:960px;background:#fff}.process-diagram img{width:100%;height:auto}.process-diagram-wrap:focus{outline:3px solid rgba(184,220,19,.55);outline-offset:4px}

/* Contingut ampliat a partir de la trajectòria i els balanços de materials. */
.traceability{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf6f7 0%,#fff 70%)}
.traceability:after{content:"";position:absolute;width:30rem;height:12rem;left:-17rem;bottom:-8rem;border:2.7rem solid rgba(184,220,19,.11);border-radius:50%;pointer-events:none}
.trace-layout{position:relative;z-index:1;display:grid;gap:2rem}
.trace-heading .section-head{margin-bottom:1.35rem}
.trace-lead{max-width:760px;margin:0;font-size:1.08rem;line-height:1.75;color:var(--ink)}
.trace-lead strong{font-family:var(--display);font-size:1.23em;font-weight:500;color:var(--blue-dark);white-space:nowrap}
.trace-prose{max-width:760px;padding-top:1.5rem;border-top:1px solid #b9cfca}
.trace-prose p,.evidence-prose p{margin:0;color:var(--muted);font-size:1rem;line-height:1.78}
.trace-prose p+p,.evidence-prose p+p{margin-top:1.25rem}
.materials-section .section-intro{font-size:1.08rem;line-height:1.75;max-width:780px}
.evidence{background:#fff;border-top:1px solid #dce5e1;border-bottom:1px solid #dce5e1}
.evidence-layout{display:grid;gap:2.5rem;align-items:start}
.evidence-number{padding:1.4rem 0 1.4rem 1.25rem;border-left:5px solid var(--lime)}
.evidence-number strong,.evidence-number span{display:block}
.evidence-number strong{font:500 clamp(2.55rem,7vw,4.6rem)/.98 var(--display);letter-spacing:-.04em;color:var(--blue-dark)}
.evidence-number span{max-width:350px;margin-top:.85rem;color:var(--muted);font-size:.86rem;font-weight:750;line-height:1.45}
.evidence-copy .section-head{margin-bottom:1.5rem}
.evidence-prose{max-width:790px}
.diagram-zoom{display:none}
.locations{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef4f2,#fff 72%)}
.locations:after{content:"";position:absolute;right:-10rem;top:-8rem;width:27rem;height:27rem;border:4rem solid rgba(6,106,167,.06);border-radius:50%;pointer-events:none}
.locations-layout{position:relative;z-index:1;display:grid;gap:2rem}
.locations-heading .section-head{margin-bottom:0;max-width:780px}
.location-list{border-bottom:1px solid #b9c9c4}
.location-list article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:1rem;padding:1.55rem 0;border-top:1px solid #b9c9c4}
.location-marker{position:relative;display:flex;justify-content:center}
.location-marker:after{content:"";position:absolute;top:1.35rem;bottom:-1.6rem;width:1px;background:#9cc0b7}
.location-list article:last-child .location-marker:after{display:none}
.location-marker span{position:relative;z-index:1;width:18px;height:18px;margin-top:.25rem;border:5px solid var(--blue);border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(184,220,19,.25)}
.location-list h3{font-family:var(--display);font-size:1.55rem;font-weight:500;letter-spacing:-.02em;margin-bottom:.45rem}
.location-list address{font-style:normal;font-size:.9rem;font-weight:750;color:var(--blue-dark);line-height:1.5}
.location-list p{max-width:660px;margin:.75rem 0;color:var(--muted);line-height:1.7}
.location-list a{display:inline-flex;min-height:44px;align-items:center;font-size:.82rem;font-weight:800;text-underline-offset:4px;color:var(--blue-dark)}
@media (min-width:900px){
  .trace-layout{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:5rem;align-items:start}
  .trace-prose{padding:1.5rem 0 0 1.5rem;border-top:1px solid #b9cfca;border-left:1px solid #b9cfca}
  .evidence-layout{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:5.5rem}
  .evidence-number{position:sticky;top:130px}
  .locations-layout{grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);gap:5rem;align-items:start}
}
@media (max-width:599px){
  :root{--pad:1.05rem}
  body{font-size:16px;line-height:1.65}
  h2{font-size:clamp(2.05rem,10.5vw,2.8rem);line-height:1.08}
  .site-header{height:68px;padding-block:.35rem}
  .brand{width:158px}
  .menu-button{min-width:46px;min-height:46px}
  .main-nav{inset:68px 0 auto 0;max-height:calc(100dvh - 68px);overflow-y:auto;padding-top:.75rem}
  .main-nav a{min-height:48px}
  .hero{min-height:calc(100svh - 68px);padding:4.2rem var(--pad) 5.7rem}
  .hero h1{font-size:clamp(2.55rem,12.5vw,3.45rem);line-height:1.02}
  .hero-content>p:not(.eyebrow){font-size:1rem;line-height:1.55}
  .hero-actions{margin-top:1.35rem}
  .hero-logo{right:var(--pad);bottom:.65rem;width:92px}
  .section-pad{padding:4.25rem var(--pad)}
  .section-head{margin-bottom:1.65rem}
  .section-intro{font-size:1rem}
  .proof-grid article{min-height:0;padding:1.05rem}
  .proof-grid strong{font-size:2.15rem;margin:.45rem 0}
  .trace-lead{font-size:1rem;line-height:1.72}
  .trace-lead strong{white-space:normal}
  .trace-prose{padding-top:1.2rem}
  .composition-grid article{padding:1.05rem}
  .composition-grid strong{font-size:2.35rem;margin-bottom:.6rem}
  .material-gallery-five figure{min-height:175px}
  .material-gallery-five img{min-height:175px}
  .material-gallery-five figure:last-child picture,.material-gallery-five figure:last-child img{height:210px}
  .history-images{grid-template-columns:1fr;gap:.65rem}
  .history-image-a,.history-image-b{height:245px}
  .evidence-number{padding-block:.6rem}
  .evidence-number strong{font-size:clamp(2.35rem,11vw,3.25rem)}
  .flow-section .section-head{margin-bottom:1.25rem}
  .flow-prose p{font-size:.97rem;line-height:1.72}
  .process-diagram-wrap{margin-top:1.7rem;padding:0 0 .65rem;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
  .process-diagram{min-width:900px}
  .diagram-zoom{display:flex;min-height:48px;margin-top:.7rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);color:#fff;font-size:.82rem;font-weight:800;text-decoration:none}
  .regional-image,.regional-image img{min-height:0;height:285px}
  .location-list article{grid-template-columns:32px minmax(0,1fr);gap:.7rem;padding:1.35rem 0}
  .location-list h3{font-size:1.4rem}
  .location-list address{font-size:.85rem}
  .location-list p{font-size:.95rem;line-height:1.65}
  .contact-band{padding:3.5rem var(--pad)}
  .contact-band h2{font-size:clamp(2.25rem,11vw,3.1rem)}
  .contact-home{padding-top:4.25rem}
  .contact-form,.contact-aside{padding:1.05rem}
  .footer-main{gap:1.6rem}
}