:root{color:#1d211d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#111411;--forest:#162319;--forest-2:#263d2b;--wood:#8b633a;--wood-dark:#5a3b22;--paper:#f7f1e5;--muted:#687066;--line:#1623191f;--shadow:0 18px 48px #13181224;background:#f4efe4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{box-sizing:border-box;font:inherit}p,h1,h2,h3{margin:0}.site-header{z-index:20;color:#fffaf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111411db;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:22px;min-height:76px;padding:12px clamp(18px,4.8vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:12px;min-width:210px;font-weight:900;display:flex}.brand img{object-fit:cover;border:1px solid #ffffff2e;border-radius:10px;width:48px;height:48px}.menu-toggle{color:#fffaf2;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;transition:transform .18s,background .18s,border-color .18s;display:inline-grid}.menu-toggle:hover{background:#ffffff24;border-color:#f1d19e7a;transform:translateY(-1px)}.menu-toggle span{background:currentColor;border-radius:999px;width:20px;height:2px;display:block}.main-nav{color:#fffaf2bd;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:.94rem;font-weight:700;display:flex}.main-nav a,.admin-link,.contact-link{transition:color .18s,background .18s,border-color .18s,transform .18s}.main-nav a:hover{color:#fff}.header-actions{white-space:nowrap;align-items:center;gap:10px;display:flex}.contact-link,.admin-link{border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:10px 14px;font-weight:900;display:inline-flex}.contact-link{color:var(--ink);background:#fff}.admin-link{color:#fffaf2db;border:1px solid #ffffff3d}.contact-link:hover,.admin-link:hover{transform:translateY(-1px)}.menu-backdrop{z-index:40;opacity:0;pointer-events:none;background:#080a0885;transition:opacity .18s;position:fixed;inset:0}.menu-backdrop.open{opacity:1;pointer-events:auto}.side-menu{z-index:50;color:#fffaf2;background:#111411;grid-template-rows:auto 1fr;width:min(84vw,340px);padding:18px;transition:transform .22s;display:grid;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:24px 0 70px #00000057}.side-menu.open{transform:translate(0)}.side-menu-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;font-size:1.05rem;font-weight:900;display:flex}.side-menu-header button{color:#fffaf2;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:900;line-height:1;display:inline-grid}.side-menu nav{align-content:start;gap:8px;padding-top:18px;display:grid}.side-menu nav a{color:#fffaf2d1;border-radius:8px;align-items:center;min-height:48px;padding:12px 14px;font-weight:900;transition:background .18s,color .18s,transform .18s;display:flex}.side-menu nav a:hover{color:#fff;background:#ffffff14;transform:translate(3px)}.hero{color:#fffaf2;background:linear-gradient(90deg,#0a0c0ae8,#0a0c0a9e 52%,#0a0c0a42),linear-gradient(#0a0c0a24,#0a0c0a75),url(/images/hero-forestal.jpg) 50%/cover;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:clamp(28px,5vw,68px);min-height:calc(100vh - 76px);padding:clamp(92px,12vw,160px) clamp(20px,5vw,76px) clamp(48px,7vw,96px);display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0a0c0ad1);height:36%;position:absolute;inset:auto 0 0}.hero-content,.hero-card{z-index:1;position:relative}.hero-content{max-width:880px}.eyebrow,.section-kicker{color:#b98955;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:900}.hero .eyebrow{color:#f0d3a5;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:8px 12px;display:inline-flex}h1{letter-spacing:0;max-width:980px;margin-top:20px;font-size:clamp(2.9rem,7vw,6.8rem);line-height:.92}.hero-subtitle{color:#fffaf2d1;max-width:710px;margin-top:24px;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:13px 18px;font-weight:900;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--ink);background:#fff;box-shadow:0 14px 34px #0000003d}.button.primary:hover{background:#f1d19e}.button.secondary{color:#fffaf2;border:1px solid #fffaf26b}.button.secondary:hover{background:#ffffff14;border-color:#fffaf2c7}.button.full{width:100%}.hero-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d100da3;border:1px solid #ffffff24;border-radius:14px;align-self:center;gap:18px;padding:22px;display:grid;box-shadow:0 22px 70px #00000052}.hero-card img{object-fit:cover;border-radius:14px;width:106px;height:106px}.hero-card strong,.hero-card span{display:block}.hero-card strong{font-size:1.05rem}.hero-card>div>span{color:#fffaf2b8;margin-top:5px}.hero-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hero-card-grid span{color:#fffaf2;background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;padding:10px;font-weight:800}.section{padding:clamp(66px,8vw,112px) clamp(20px,5vw,76px)}.section-heading{max-width:780px}h2{color:var(--forest);letter-spacing:0;margin-top:10px;font-size:clamp(2rem,4vw,3.55rem);line-height:1.04}.company-section{background:radial-gradient(circle at 90% 20%, #8b633a24, transparent 30%), var(--paper)}.company-layout{grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(28px,6vw,76px);margin-top:36px;display:grid}.company-image{box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.company-image img{object-fit:cover;width:100%;min-height:420px}.section-copy{color:#4f584e;gap:18px;font-size:1.06rem;line-height:1.85;display:grid}.services-section{background:#eef1ea}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.service-card{border:1px solid var(--line);background:#ffffffc7;border-radius:14px;min-height:255px;padding:26px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;box-shadow:0 12px 34px #1a221914}.service-card:hover{box-shadow:var(--shadow);background:#fff;border-color:#8b633a52;transform:translateY(-5px)}.service-icon{background:var(--forest);color:#fffaf2;border-radius:12px;place-items:center;width:50px;height:50px;display:grid}.service-icon svg{fill:currentColor;width:25px;height:25px}.service-card h3{color:var(--forest);margin-top:24px;font-size:1.26rem}.service-card p{color:#5a6258;margin-top:12px;line-height:1.7}.gallery-section{color:#fffaf2;background:#111411}.gallery-section h2{color:#fffaf2}.gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.gallery-item{background:#22281f;border:1px solid #ffffff14;border-radius:16px;grid-column:span 2;min-height:310px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000038}.gallery-item:first-child,.gallery-item:nth-child(6){grid-column:span 3}.gallery-item img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .36s,filter .36s}.gallery-item:hover img{filter:saturate(1.08)contrast(1.03);transform:scale(1.045)}.gallery-item figcaption{color:#fffaf2;background:linear-gradient(#0000,#080a08e0);padding:44px 18px 18px;font-weight:900;position:absolute;inset:auto 0 0}.contact-band{color:#fffaf2;background:linear-gradient(90deg,#111411eb,#162319d1),url(/images/camion-rollizos.jpg) 50%/cover;grid-template-columns:minmax(0,1.1fr) minmax(280px,420px);align-items:center;gap:clamp(28px,6vw,72px);padding:clamp(68px,8vw,112px) clamp(20px,5vw,76px);display:grid}.contact-band h2{color:#fffaf2}.contact-band p{color:#fffaf2cc;max-width:720px;margin-top:18px;line-height:1.75}.contact-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d100dad;border:1px solid #ffffff29;border-radius:16px;gap:14px;padding:24px;display:grid;box-shadow:0 22px 70px #00000047}.contact-panel img{object-fit:cover;border-radius:12px;width:82px;height:82px}.contact-panel p{margin-top:0;font-size:.98rem}.location-section{color:#fffaf2;background:radial-gradient(circle at 15% 20%,#8b633a33,#0000 28%),#151915;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);align-items:center;gap:clamp(28px,6vw,72px);padding:clamp(68px,8vw,112px) clamp(20px,5vw,76px);display:grid}.location-section h2{color:#fffaf2}.location-copy p:not(.section-kicker){color:#fffaf2c7;max-width:620px;margin-top:18px;line-height:1.75}.map-card{background:#22281f;border:1px solid #ffffff1f;border-radius:18px;min-height:420px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000052}.map-card iframe{filter:grayscale(.3)contrast(.95)brightness(.86);border:0;width:100%;height:100%;min-height:420px}.map-link{min-height:42px;color:var(--ink);background:#fffaf2f0;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-weight:900;transition:transform .18s,background .18s;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 30px #00000038}.map-link:hover{background:#f1d19e;transform:translateY(-2px)}.social-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.social-row.compact{margin-top:0}.social-button{color:#fffaf2;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:.92rem;font-weight:900;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.social-button:hover{background:#ffffff21;border-color:#f1d19e73;transform:translateY(-2px)}.social-button svg,.footer-socials svg{fill:currentColor;width:18px;height:18px}.site-footer{color:#fffaf2b8;background:#080a08;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:34px clamp(20px,5vw,76px);display:grid}.site-footer div{align-content:start;gap:8px;display:grid}.site-footer strong{color:#fff;font-size:1.05rem}.site-footer a{color:#f0d3a5;font-weight:900}.footer-socials{flex-flow:wrap;gap:8px!important;display:flex!important}.footer-socials a{color:#fffaf2;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;place-items:center;width:38px;height:38px;transition:transform .18s,background .18s,border-color .18s;display:inline-grid}.footer-socials a:hover{background:#ffffff1f;border-color:#f1d19e73;transform:translateY(-2px)}.reveal{animation:.62s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=1000px){.site-header{flex-wrap:wrap;align-items:flex-start}.main-nav{order:3;justify-content:flex-start;width:100%}.hero,.company-layout,.location-section,.contact-band,.site-footer{grid-template-columns:1fr}.hero{align-items:center}.hero-card{max-width:440px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item,.gallery-item:first-child,.gallery-item:nth-child(6){grid-column:span 3}}@media (width<=680px){.site-header{gap:14px}.brand{width:min-content;min-width:0}.header-actions{margin-left:auto}.contact-link{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:78px}.hero-actions,.button{width:100%}.company-image img{min-height:300px}.map-card,.map-card iframe{min-height:320px}.social-button{flex:130px}.services-grid,.gallery-grid{grid-template-columns:1fr}.service-card{min-height:auto}.gallery-item,.gallery-item:first-child,.gallery-item:nth-child(6){grid-column:auto;min-height:260px}}