:root{--reciclar-sage: #7B9070;--reciclar-sage-deep: #4A5D43;--reciclar-sage-soft: #E8EDE3;--reciclar-wood: #C9986A;--reciclar-wood-soft: #F4E8D8;--reciclar-wood-deep: #8B6240;--reciclar-cream: #FAF7F2;--reciclar-ink: #2A2D28;--reciclar-ink-soft: #5C615A;--reciclar-line: #D4D2CC;--reciclar-highlight: #F4D03F;--bin-groc: #F4D03F;--bin-blau: #5B9BD5;--bin-verd: #5B8C5A;--bin-marro: #8B6240;--bin-gris: #9B9B9B;--font-serif: "Charter", "Source Serif Pro", "Iowan Old Style", "Apple Garamond", "Baskerville", Georgia, serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--sp-2: 2px;--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-32: 32px;--sp-40: 40px;--sp-48: 48px;--sp-64: 64px;--sp-80: 80px;--sp-96: 96px;--sp-128: 128px;--max-w: 1200px;--max-w-text: 720px;--gutter: clamp(16px, 4vw, 40px);--shadow-sm: 0 1px 3px rgba(42, 45, 40, .08);--shadow-md: 0 4px 16px rgba(42, 45, 40, .1);--shadow-sage: 0 4px 20px rgba(123, 144, 112, .18);--shadow-wood: 0 4px 20px rgba(201, 152, 106, .22);--ease: .18s ease;--ease-slow: .32s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--reciclar-ink);background:var(--reciclar-cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none;background:none}ul,ol{list-style:none}input{font:inherit}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter)}h1,h2{font-family:var(--font-serif);font-weight:400;text-wrap:balance}h1{font-size:96px;letter-spacing:-.02em;line-height:.97}h2{font-size:40px;letter-spacing:-.01em;line-height:1.15}h3{font-family:var(--font-sans);font-size:18px;font-weight:600;line-height:1.3}.eyebrow{display:block;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--reciclar-sage);margin-bottom:var(--sp-12)}.wavy{text-decoration:underline wavy;text-decoration-color:var(--reciclar-highlight);text-decoration-thickness:4px;text-underline-offset:14px}.section-header{margin-bottom:var(--sp-48)}.section-header h2{color:var(--reciclar-sage-deep);margin-top:var(--sp-8)}.search-wrap{position:relative;max-width:520px;margin-bottom:var(--sp-24)}.search-wrap__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--reciclar-ink-soft);pointer-events:none;opacity:.55}.search-input{width:100%;height:56px;padding:0 var(--sp-20) 0 48px;font-size:16px;color:var(--reciclar-ink);background:#fff;border:1.5px solid var(--reciclar-line);border-radius:4px;outline:none;transition:border-color var(--ease),box-shadow var(--ease)}.search-input::placeholder{color:var(--reciclar-ink-soft);opacity:.5}.search-input:focus{border-color:var(--reciclar-sage);box-shadow:0 0 0 3px #7b907024}.distance-badge{display:inline-block;padding:var(--sp-4) var(--sp-12);font-size:13px;font-weight:700;color:var(--reciclar-cream);background:var(--reciclar-wood);border-radius:999px;white-space:nowrap;flex-shrink:0}.distance-badge--none{background:var(--reciclar-sage-soft);color:var(--reciclar-ink-soft)}.btn-wood{display:inline-flex;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-24);font-size:15px;font-weight:600;color:var(--reciclar-cream);background:var(--reciclar-wood);border-radius:4px;transition:background var(--ease),box-shadow var(--ease);border:none;cursor:pointer}.btn-wood:hover{background:var(--reciclar-wood-deep);box-shadow:var(--shadow-wood)}.site-header{position:sticky;top:0;z-index:100;background:var(--reciclar-cream);border-bottom:1px solid var(--reciclar-line)}.site-header__inner{display:flex;align-items:center;gap:var(--sp-32);height:64px}.site-header__logo{font-family:var(--font-serif);font-size:22px;color:var(--reciclar-sage-deep);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;transition:color var(--ease)}.site-header__logo:hover{color:var(--reciclar-sage)}.site-header__nav{display:flex;align-items:center;gap:var(--sp-24);flex:1}.site-header__nav a{font-size:14px;color:var(--reciclar-ink-soft);white-space:nowrap;transition:color var(--ease)}.site-header__nav a:hover{color:var(--reciclar-sage-deep)}.site-header__lang{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.lang-btn{font-size:11px;font-weight:700;letter-spacing:.08em;padding:var(--sp-4) var(--sp-8);border-radius:3px;color:var(--reciclar-ink-soft);transition:all var(--ease)}.lang-btn:hover,.lang-btn--active{color:var(--reciclar-sage-deep);background:var(--reciclar-sage-soft)}.hero{padding-block:var(--sp-96) var(--sp-80);background:var(--reciclar-cream)}.hero__inner{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-64);align-items:start}.hero__h1{font-size:96px;letter-spacing:-.02em;line-height:.97;color:var(--reciclar-ink);margin-bottom:var(--sp-24)}.hero__sub{max-width:480px;font-size:18px;line-height:1.55;color:var(--reciclar-ink-soft);margin-bottom:var(--sp-32)}.hero__illo{display:flex;justify-content:center;align-items:flex-start;padding-top:var(--sp-32)}.hero__illo svg{width:100%;max-width:320px}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin-bottom:var(--sp-32)}.chip{display:inline-flex;align-items:center;padding:var(--sp-6) var(--sp-14, 14px);font-size:13px;font-weight:500;color:var(--reciclar-ink-soft);background:var(--reciclar-sage-soft);border:1px solid transparent;border-radius:999px;cursor:pointer;transition:all var(--ease);white-space:nowrap;user-select:none}.chip:hover{background:var(--reciclar-wood-soft);color:var(--reciclar-wood-deep)}.chip--active{background:var(--reciclar-wood);color:var(--reciclar-cream);border-color:var(--reciclar-wood)}.result-card{max-width:520px;background:#fff;border:1.5px solid var(--reciclar-line);border-radius:6px;padding:var(--sp-20) var(--sp-24);box-shadow:var(--shadow-sm);transition:box-shadow var(--ease)}.result-card:hover{box-shadow:var(--shadow-sage)}.result-card__eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--reciclar-sage);margin-bottom:var(--sp-12);display:block}.result-card__row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-16);margin-bottom:var(--sp-16)}.result-card__category{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--reciclar-ink-soft);margin-bottom:var(--sp-4)}.result-card__point{font-family:var(--font-serif);font-size:20px;color:var(--reciclar-ink);margin-bottom:var(--sp-4);line-height:1.2}.result-card__address{font-size:14px;color:var(--reciclar-ink-soft)}.result-card__cta{font-size:13px;font-weight:600;color:var(--reciclar-wood-deep);transition:color var(--ease)}.result-card__cta:hover{color:var(--reciclar-wood)}@keyframes cardFlash{0%{border-color:var(--reciclar-wood);box-shadow:0 0 0 3px #c9986a2e}to{border-color:var(--reciclar-line);box-shadow:var(--shadow-sm)}}.result-card--flash{animation:cardFlash .45s ease forwards}.contenidors{padding-block:var(--sp-96) var(--sp-80);border-top:1px solid var(--reciclar-line)}.bins-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-16)}.bin-card{position:relative;border:1px solid var(--reciclar-line);border-radius:6px;overflow:hidden;background:#fff;transition:transform var(--ease),box-shadow var(--ease);display:flex;flex-direction:column}.bin-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sage)}.bin-card__header{padding:var(--sp-16) var(--sp-16) var(--sp-14, 14px);display:flex;align-items:center;gap:var(--sp-10, 10px);border-bottom:2px solid transparent}.bin-card__circle{width:32px;height:32px;border-radius:50%;flex-shrink:0}.bin-card__label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bin-card__body{padding:var(--sp-16);flex:1;display:flex;flex-direction:column}.bin-rule{font-size:13px;line-height:1.45;color:var(--reciclar-ink-soft);margin-bottom:var(--sp-8)}.bin-rule strong{display:block;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px}.bin-rule--si strong{color:var(--reciclar-sage)}.bin-rule--no strong{color:#b94040}.bin-card__divider{border:none;border-top:1px solid var(--reciclar-line);margin-block:var(--sp-12)}.bin-card__link{font-size:13px;font-weight:600;color:var(--reciclar-sage-deep);margin-top:auto;transition:color var(--ease)}.bin-card__link:hover{color:var(--reciclar-sage)}.bin-card__mite{position:absolute;top:var(--sp-8);right:var(--sp-8);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--reciclar-wood-deep);background:var(--reciclar-wood-soft);border:1px solid rgba(201,152,106,.45);border-radius:3px;padding:2px var(--sp-6);line-height:1.45;max-width:130px}.bin-card--groc .bin-card__header{background:#f4d03f1a;border-bottom-color:var(--bin-groc)}.bin-card--blau .bin-card__header{background:#5b9bd51a;border-bottom-color:var(--bin-blau)}.bin-card--verd .bin-card__header{background:#5b8c5a1a;border-bottom-color:var(--bin-verd)}.bin-card--marro .bin-card__header{background:#8b62401a;border-bottom-color:var(--bin-marro)}.bin-card--gris .bin-card__header{background:#9b9b9b1a;border-bottom-color:var(--bin-gris)}.bin-card--groc .bin-card__label{color:#8a6f00}.bin-card--blau .bin-card__label{color:#2d6fa6}.bin-card--verd .bin-card__label{color:var(--reciclar-sage-deep)}.bin-card--marro .bin-card__label{color:var(--reciclar-wood-deep)}.bin-card--gris .bin-card__label{color:var(--reciclar-ink-soft)}.mapa{padding-block:var(--sp-96) var(--sp-80);background:var(--reciclar-sage-soft);border-top:1px solid var(--reciclar-line)}.mapa__inner{display:grid;grid-template-columns:65fr 35fr;gap:var(--sp-48);align-items:start}.mapa__map-wrap{background:#fff;border:1px solid var(--reciclar-line);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-sm)}.mapa__map-wrap svg{width:100%;height:auto;display:block}.mapa__list-head{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--reciclar-sage);margin-bottom:var(--sp-16)}.punts-list{display:flex;flex-direction:column;gap:var(--sp-8)}.punt-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);background:#fff;border:1px solid var(--reciclar-line);border-radius:6px;transition:box-shadow var(--ease)}.punt-item:hover{box-shadow:var(--shadow-sm)}.punt-item__info{flex:1;min-width:0}.punt-item__name{font-family:var(--font-serif);font-size:15px;color:var(--reciclar-ink);display:block;margin-bottom:2px}.punt-item__address{font-size:12px;color:var(--reciclar-ink-soft);display:block;margin-bottom:2px}.punt-item__hours{font-size:11px;color:var(--reciclar-sage);display:block}.mapa-stats{display:flex;gap:var(--sp-40);margin-top:var(--sp-32);padding-top:var(--sp-24);border-top:1px solid var(--reciclar-line)}.mapa-stats__item{display:flex;flex-direction:column}.mapa-stats__num{font-family:var(--font-serif);font-size:34px;font-weight:600;color:var(--reciclar-sage-deep);line-height:1}.mapa-stats__label{font-size:12px;color:var(--reciclar-ink-soft);margin-top:var(--sp-4)}.recollida{padding-block:var(--sp-96) var(--sp-80);background:var(--reciclar-sage-soft);border-top:2px solid rgba(123,144,112,.25)}.recollida__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-96);align-items:start}.fact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-12);margin-bottom:var(--sp-32)}.fact-card{padding:var(--sp-20) var(--sp-16);background:#fff;border:1px solid var(--reciclar-line);border-radius:6px}.fact-card__num{font-family:var(--font-serif);font-size:24px;font-weight:400;color:var(--reciclar-sage-deep);line-height:1.15;margin-bottom:var(--sp-6)}.fact-card__desc{font-size:12px;line-height:1.5;color:var(--reciclar-ink-soft)}.fact-card--alert .fact-card__num{color:var(--reciclar-wood-deep)}.search-wrap--full{max-width:100%}.steps-list{display:flex;flex-direction:column;gap:var(--sp-20);margin-top:var(--sp-32)}.step{display:grid;grid-template-columns:28px 1fr;gap:var(--sp-12);align-items:start}.step__num{font-family:var(--font-serif);font-size:22px;color:var(--reciclar-sage);line-height:1.1}.step__text{font-size:14px;line-height:1.6;color:var(--reciclar-ink-soft);padding-top:3px}.step__text strong{color:var(--reciclar-ink);font-weight:600}.recollida__illo{display:flex;justify-content:center;align-items:center;padding-top:var(--sp-48)}.recollida__illo svg{width:100%;max-width:380px}.districtes{padding-block:var(--sp-64);border-top:1px solid var(--reciclar-line);background:var(--reciclar-cream)}.districtes__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-24);margin-bottom:var(--sp-24);flex-wrap:wrap}.districtes__title{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--reciclar-sage-deep)}.districtes__all-link{font-size:13px;color:var(--reciclar-sage);white-space:nowrap;transition:color var(--ease)}.districtes__all-link:hover{color:var(--reciclar-sage-deep)}.district-pills{display:flex;flex-wrap:wrap;gap:var(--sp-8)}.district-pill{padding:var(--sp-8) var(--sp-16);font-size:14px;color:var(--reciclar-sage-deep);background:transparent;border:1px solid var(--reciclar-line);border-radius:999px;transition:all var(--ease);cursor:pointer}.district-pill:hover,.district-pill--active{background:var(--reciclar-wood-soft);color:var(--reciclar-wood-deep);border-color:var(--reciclar-wood)}.nouvinguts{padding-block:var(--sp-96) var(--sp-80);background:var(--reciclar-cream);border-top:1px solid var(--reciclar-line)}.lang-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-16);margin-bottom:var(--sp-64)}.lang-card{display:flex;flex-direction:column;padding:var(--sp-24);background:#fff;border:1px solid var(--reciclar-line);border-radius:6px;transition:all var(--ease)}.lang-card:hover{border-color:var(--reciclar-sage);box-shadow:var(--shadow-sage);transform:translateY(-2px)}.lang-card__code{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--reciclar-sage);border:1px solid var(--reciclar-sage);border-radius:3px;padding:2px var(--sp-6);margin-bottom:var(--sp-16);align-self:flex-start}.lang-card__name{font-family:var(--font-serif);font-size:22px;color:var(--reciclar-ink);margin-bottom:var(--sp-8);display:block}.lang-card__desc{font-size:13px;line-height:1.55;color:var(--reciclar-ink-soft);flex:1;margin-bottom:var(--sp-20)}.lang-card__arrow{font-size:16px;color:var(--reciclar-sage);display:block}.facts-list{display:flex;flex-direction:column;gap:var(--sp-16)}.facts-list li{display:grid;grid-template-columns:44px 1fr;gap:var(--sp-12);align-items:baseline}.fact-num{font-family:var(--font-serif);font-size:34px;font-weight:400;color:var(--reciclar-ink-soft);opacity:.28;line-height:1;text-align:right}.fact-text{font-size:15px;line-height:1.6;color:var(--reciclar-ink-soft)}.site-footer{background:var(--reciclar-sage-deep);padding-block:var(--sp-64) var(--sp-48)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-48);margin-bottom:var(--sp-48);padding-bottom:var(--sp-48);border-bottom:1px solid rgba(250,247,242,.12)}.site-footer__logo{font-family:var(--font-serif);font-size:24px;color:var(--reciclar-cream);display:block;margin-bottom:var(--sp-12);letter-spacing:-.01em}.site-footer__tagline{font-size:14px;color:#faf7f280;line-height:1.55;max-width:280px;margin-bottom:var(--sp-16)}.site-footer__legal{font-size:12px;color:#faf7f247;line-height:1.6}.site-footer__col-title{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#faf7f266;margin-bottom:var(--sp-16)}.site-footer__nav{display:flex;flex-direction:column;gap:var(--sp-8)}.site-footer__nav a{font-size:14px;color:#faf7f299;transition:color var(--ease)}.site-footer__nav a:hover{color:var(--reciclar-cream)}.site-footer__bottom{font-size:13px;color:#faf7f24d}@media(max-width:1100px){.bins-grid{grid-template-columns:repeat(3,1fr)}.recollida__inner{gap:var(--sp-48)}}@media(max-width:900px){.recollida__inner{grid-template-columns:1fr}.recollida__illo{display:none}.mapa__inner{grid-template-columns:1fr}}@media(max-width:768px){h1{font-size:52px}h2{font-size:28px}.hero{padding-block:var(--sp-64) var(--sp-48)}.hero__inner{grid-template-columns:1fr}.hero__h1{font-size:52px}.hero__illo,.site-header__nav{display:none}.bins-grid{grid-template-columns:repeat(2,1fr)}.fact-cards,.lang-cards{grid-template-columns:1fr}.site-footer__grid{grid-template-columns:1fr;gap:var(--sp-32)}.mapa-stats{flex-wrap:wrap;gap:var(--sp-20)}.contenidors,.nouvinguts,.mapa,.recollida{padding-block:var(--sp-64) var(--sp-48)}}@media(max-width:480px){.bins-grid{grid-template-columns:1fr 1fr}.district-pills{gap:var(--sp-6)}.district-pill{font-size:13px;padding:var(--sp-6) var(--sp-12)}.chip-row{gap:var(--sp-6)}.chip{font-size:12px}}