:root{
  --green:#0b8d54;
  --green-dark:#0d241b;
  --green-deep:#081812;
  --red:#842a28;
  --wood:#b88148;
  --sand:#f3efe7;
  --paper:#fcfbf8;
  --ink:#171913;
  --muted:#716e65;
  --line:#ded8cd;
  --white:#fff;
  --radius:24px;
  --shadow:0 25px 70px rgba(24,28,20,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--sand);color:var(--ink)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(252,251,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,25,19,.08)}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:70px;height:52px;object-fit:contain;background:#fff;border-radius:9px}
.brand-text strong{display:block;font-size:17px;letter-spacing:-.025em}
.brand-text small{display:block;font-size:9px;letter-spacing:.16em;color:#6f716a;margin-top:4px}
.menu{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:720}
.menu>a:not(.btn){color:#55594f}
.menu-toggle{display:none;background:none;border:0;font-size:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--green-dark);color:#fff;padding:15px 22px;border-radius:13px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 12px 28px rgba(13,36,27,.15);transition:.2s ease}
.btn:hover{transform:translateY(-2px);background:#112f24}
.btn-small{padding:11px 16px;border-radius:10px}
.btn-ghost{background:transparent;color:var(--green-dark);border:1px solid #cfc9bf;box-shadow:none}
.hero{overflow:hidden;background:
 radial-gradient(circle at 79% 25%,rgba(11,141,84,.11),transparent 27%),
 radial-gradient(circle at 82% 72%,rgba(184,129,72,.17),transparent 29%),
 linear-gradient(180deg,#fcfbf8,#f1ece2);padding:65px 0 58px}
.hero-grid{min-height:600px;display:grid;grid-template-columns:1.04fr .96fr;gap:65px;align-items:center}
.eyebrow{color:var(--green);font-size:11px;letter-spacing:.21em;font-weight:900;margin-bottom:18px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(48px,6.1vw,78px);line-height:.98;letter-spacing:-.058em;margin-bottom:27px}
h1 span{color:var(--green)}
.hero-copy>p{font-size:18px;line-height:1.7;color:#62635d;max-width:650px}
.hero-actions{display:flex;gap:12px;margin:31px 0}
.hero-points{display:flex;flex-wrap:wrap;gap:12px 21px;color:#5e6259;font-size:13px;font-weight:700}
.hero-visual{min-height:480px;position:relative;display:grid;place-items:center}
.visual-badge{position:absolute;top:12px;right:22px;width:170px;background:#fff;border:1px solid rgba(18,34,24,.07);padding:14px;border-radius:18px;box-shadow:var(--shadow);z-index:4}
.visual-badge img{width:95px;margin:auto}
.visual-badge small{display:block;text-align:center;font-size:8px;letter-spacing:.13em;color:#686c63;margin-top:7px;font-weight:850}
.pallet-scene{position:absolute;inset:38px 0 15px;border-radius:42px;background:linear-gradient(145deg,#173c2d,#0a2017);overflow:hidden;box-shadow:0 35px 80px rgba(10,31,23,.2)}
.hero-photo{position:absolute;inset:38px 0 15px;border-radius:42px;overflow:hidden;box-shadow:0 35px 80px rgba(10,31,23,.2);background:#d9d5cb}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,24,18,.10),rgba(8,24,18,.28));pointer-events:none}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.gallery-section{background:var(--paper)}
.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;grid-auto-rows:310px}
.gallery-card{margin:0;position:relative;border-radius:26px;overflow:hidden;box-shadow:0 18px 45px rgba(24,25,18,.08);background:#ddd}
.gallery-card img{width:100%;height:100%;object-fit:cover}
.gallery-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(180deg,rgba(8,24,18,0),rgba(8,24,18,.78));color:#fff}
.gallery-card figcaption strong{display:block;font-size:22px;line-height:1.15;margin-bottom:7px;letter-spacing:-.03em}
.gallery-card figcaption span{display:block;color:#d9e4de;font-size:14px;line-height:1.5}
.gallery-large{grid-row:span 2}
.gallery-wide{grid-column:2;}
.gallery-grid-single{grid-template-columns:1fr;grid-auto-rows:auto}
.gallery-featured{grid-row:auto;min-height:560px}
.gallery-grid-single .gallery-card img{height:560px}


.pallet-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03));}
.pallet{position:absolute;width:425px;height:285px;left:50%;top:47%;transform:translate(-50%,-50%) perspective(850px) rotateX(57deg) rotateZ(-23deg);filter:drop-shadow(0 42px 28px rgba(0,0,0,.34))}
.slats{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between}
.slats.top{top:34px}
.slats.top b{width:47px;height:192px;border-radius:7px;background:linear-gradient(90deg,#7b512c,#d0a168 36%,#e0b57b 58%,#8b5e31);box-shadow:inset -2px -3px 0 rgba(67,42,17,.22)}
.blocks{position:absolute;top:179px;left:58px;right:58px;display:flex;justify-content:space-between}
.blocks b{width:56px;height:56px;background:linear-gradient(135deg,#d3a36b,#875a2f);border-radius:5px;box-shadow:0 12px 0 #603d21}
.slats.bottom{top:226px}
.slats.bottom b{width:105px;height:28px;background:linear-gradient(90deg,#774c28,#d0a168,#744927);border-radius:4px}
.floating-card{position:absolute;z-index:5;left:-8px;bottom:18px;width:260px;padding:18px 19px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(16px);border-radius:18px;box-shadow:var(--shadow)}
.floating-card span{display:block;font-size:9px;letter-spacing:.15em;color:var(--green);font-weight:900;margin-bottom:7px}
.floating-card strong{display:block;font-size:16px;line-height:1.35}
.trust-strip{background:var(--green-deep);color:#fff}
.trust-grid{min-height:85px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;font-size:11px;letter-spacing:.22em;color:#c4d3ca}
.trust-grid span+span{border-left:1px solid rgba(255,255,255,.13)}
.section{padding:108px 0}
.section-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:55px;margin-bottom:47px}
.section-head h2,.company-grid h2,.quote-copy h2{font-size:clamp(36px,4.3vw,58px);line-height:1.04;letter-spacing:-.047em;margin-bottom:0}
.section-head>p,.company-copy>p,.quote-copy>p{color:var(--muted);line-height:1.75;font-size:16px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{min-height:340px;background:#fff;padding:34px;border-radius:var(--radius);border:1px solid rgba(26,30,22,.07);box-shadow:0 18px 45px rgba(24,25,18,.045);display:flex;flex-direction:column}
.card-dark{background:linear-gradient(160deg,#173a2c,#0a1d15);color:#fff}
.card .number{font-size:13px;color:var(--wood);font-weight:900}
.card .tag{font-size:9px;letter-spacing:.18em;color:var(--green);font-weight:900;margin-top:57px}
.card-dark .tag{color:#7bd2aa}
.card h3{font-size:25px;letter-spacing:-.03em;margin:12px 0 12px}
.card p{color:var(--muted);line-height:1.7;flex:1}
.card-dark p{color:#aebfb6}
.card a{font-size:13px;font-weight:850}
.dark-section{background:var(--green-deep);color:#fff}
.section-head.light .eyebrow{color:#65c89d}
.section-head.light>p{color:#a9b8b0}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.features article{padding:28px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.features strong{color:#66c99e;font-size:12px}
.features h3{font-size:19px;margin:29px 0 11px}
.features p{color:#9fb0a7;line-height:1.65;font-size:14px}
.company-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}
.company-copy>p{font-size:17px;margin-bottom:30px}
.company-data{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
.company-data div{padding:24px;border-bottom:1px solid var(--line)}
.company-data div:nth-child(odd){border-right:1px solid var(--line)}
.company-data div:nth-last-child(-n+2){border-bottom:0}
.company-data small{display:block;color:var(--green);font-size:8px;letter-spacing:.16em;font-weight:900;margin-bottom:8px}
.company-data strong{font-size:13px;line-height:1.45;word-break:break-word}
.quote-section{background:#e7e1d6}
.quote-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:start}
.quote-copy{position:sticky;top:120px}
.quote-copy>p{margin:23px 0}
.quote-list{display:grid;gap:12px;color:#575b52;font-size:14px;font-weight:700}
.quote-form{background:#fff;padding:34px;border-radius:28px;box-shadow:var(--shadow)}
.form-title{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:24px}
.form-title small{display:block;color:var(--green);font-size:9px;letter-spacing:.16em;font-weight:900;margin-bottom:6px}
.form-title strong{font-size:22px}
.form-title>span{font-size:10px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
label{display:grid;gap:8px;color:#4f514a;font-size:12px;font-weight:800}
input,select,textarea{width:100%;border:1px solid #d8d1c7;background:#fbfaf8;border-radius:11px;padding:14px;font:inherit;color:var(--ink);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(11,141,84,.11)}
textarea{resize:vertical}
.privacy{display:flex;gap:10px;align-items:flex-start;margin:18px 0}
.privacy input{width:auto;margin-top:2px}
.privacy span{font-weight:500;color:var(--muted);line-height:1.5}
.hp{position:absolute;left:-9999px;opacity:0}
.btn-wide{width:100%;padding:17px}
.form-status{min-height:20px;margin-top:12px;font-size:13px;font-weight:650}
.form-status.error{color:#9c2f2a}
.success-card{background:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow);display:flex;gap:20px}
.success-card[hidden]{display:none}
.success-icon{flex:0 0 55px;width:55px;height:55px;border-radius:16px;background:#e6f5ee;color:var(--green);display:grid;place-items:center;font-size:26px;font-weight:900}
.success-card small{font-size:9px;letter-spacing:.16em;color:var(--green);font-weight:900}
.success-card h3{font-size:27px;letter-spacing:-.035em;margin:8px 0}
.success-card p{color:var(--muted);line-height:1.6}
footer{padding:45px 0;background:#07140f;color:#fff}
.footer-grid{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.footer-brand img{width:90px;background:#fff;border-radius:12px;padding:5px}
.footer-grid strong{font-size:15px}
.footer-grid p{font-size:11px;color:#93a299;margin:5px 0 0}
.footer-contact{text-align:right}
.footer-contact small{display:block;color:#75be9d;font-size:8px;letter-spacing:.14em;font-weight:900;margin-bottom:7px}
.footer-contact a{font-size:13px;color:#d6e4dd}
@media(max-width:980px){
  .menu{display:none;position:absolute;top:86px;left:20px;right:20px;background:#fff;padding:18px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .menu.open{display:flex}.menu-toggle{display:block}
  .hero-grid,.section-head,.company-grid,.quote-grid{grid-template-columns:1fr}
  .hero-grid{gap:20px}.hero-visual{min-height:420px}
  .cards,.features{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}
  .gallery-grid-single{grid-template-columns:1fr;grid-auto-rows:auto}
  .gallery-large{grid-row:auto}
  .gallery-featured{min-height:420px}
  .gallery-grid-single .gallery-card img{height:420px}
  .gallery-wide{grid-column:auto}
  .quote-copy{position:static}
  .footer-grid{grid-template-columns:1fr;text-align:left}.footer-contact{text-align:left}
}
@media(max-width:640px){
  .container{width:min(100% - 24px,1180px)}
  .nav{height:74px}.menu{top:74px}
  .brand img{width:58px;height:44px}.brand-text small{display:none}
  .hero{padding-top:43px}.hero-grid{min-height:auto}
  h1{font-size:45px}.hero-copy>p{font-size:16px}
  .hero-actions{flex-direction:column}.hero-actions .btn{width:100%}
  .hero-visual{min-height:330px}
  .pallet-scene{inset:20px 0}.pallet{transform:translate(-50%,-50%) perspective(850px) rotateX(57deg) rotateZ(-23deg) scale(.72)}
  .visual-badge{width:130px;right:10px;top:0}.visual-badge img{width:75px}
  .floating-card{left:10px;bottom:0;width:220px}
  .trust-grid{grid-template-columns:1fr 1fr}.trust-grid span{padding:17px 5px}.trust-grid span+span{border-left:0}
  .section{padding:75px 0}
  .cards,.features,.form-grid,.company-data,.gallery-grid{grid-template-columns:1fr}
  .gallery-featured{min-height:auto}
  .gallery-grid-single .gallery-card img{height:auto}
  .company-data div:nth-child(odd){border-right:0}.company-data div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .quote-form{padding:22px}.form-title{display:grid}
  .success-card{padding:24px;display:block}.success-icon{margin-bottom:15px}
}


/* Páginas internas de serviços / SEO */
.subpage{background:var(--paper)}
.seo-hero{padding:34px 0 78px;background:linear-gradient(180deg,#fcfbf8,#f1ece2)}
.breadcrumb{display:flex;align-items:center;gap:9px;margin:3px 0 38px;font-size:12px;color:#77756e}
.breadcrumb a{font-weight:800;color:var(--green-dark)}
.seo-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}
.seo-hero-copy h1{font-size:clamp(44px,5.2vw,68px);line-height:1;letter-spacing:-.055em;margin-bottom:25px}
.seo-hero-copy>p{font-size:18px;line-height:1.72;color:#62635d;max-width:650px}
.seo-hero-image{margin:0;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);min-height:430px;background:#ddd}
.seo-hero-image img{width:100%;height:430px;object-fit:cover}
.seo-copy-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start;margin-bottom:45px}
.seo-copy-grid h2,.seo-two-col h2,.faq-layout h2,.seo-cta h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin-bottom:0}
.seo-prose p,.seo-two-col>div>p{font-size:17px;line-height:1.82;color:var(--muted)}
.seo-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.seo-info-card{background:#fff;border:1px solid rgba(26,30,22,.08);border-radius:20px;padding:27px;box-shadow:0 15px 36px rgba(24,25,18,.04)}
.seo-info-card h3{font-size:20px;letter-spacing:-.025em;margin-bottom:10px}
.seo-info-card p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:0}
.seo-soft-section{background:#ede7dc}
.seo-two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}
.seo-list-card{background:#fff;border-radius:26px;padding:34px;box-shadow:var(--shadow)}
.seo-list-card ul{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:13px}
.seo-list-card li{position:relative;padding-left:27px;color:#53564f;line-height:1.55}
.seo-list-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.compact-cards .card{min-height:290px}
.compact-cards .card .tag{margin-top:10px}
.faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.faq-list{display:grid;gap:12px}
.faq-item{border:1px solid var(--line);border-radius:16px;background:#fbfaf8;padding:0 20px}
.faq-item summary{cursor:pointer;font-weight:850;padding:20px 0;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";float:right;color:var(--green);font-size:20px}
.faq-item[open] summary:after{content:"−"}
.faq-item p{color:var(--muted);line-height:1.7;padding:0 0 20px;margin:0}
.seo-cta{padding:75px 0;background:var(--green-deep);color:#fff}
.seo-cta-inner{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}
.seo-cta .eyebrow{color:#65c89d}
.seo-cta p{color:#a9b8b0;line-height:1.7;margin:17px 0 0;max-width:760px}
.seo-cta .btn{background:#fff;color:var(--green-dark);white-space:nowrap}
@media(max-width:980px){
  .seo-hero-grid,.seo-copy-grid,.seo-two-col,.faq-layout{grid-template-columns:1fr}
  .seo-info-grid{grid-template-columns:1fr 1fr}
  .seo-hero-image{min-height:360px}.seo-hero-image img{height:360px}
  .seo-cta-inner{grid-template-columns:1fr}
  .seo-cta .btn{justify-self:start}
}
@media(max-width:640px){
  .seo-hero{padding:24px 0 55px}
  .breadcrumb{margin-bottom:25px}
  .seo-hero-copy h1{font-size:43px}
  .seo-hero-copy>p{font-size:16px}
  .seo-hero-image{min-height:260px}.seo-hero-image img{height:260px}
  .seo-info-grid{grid-template-columns:1fr}
  .seo-list-card{padding:24px}
  .seo-cta{padding:55px 0}
  .seo-cta .btn{width:100%}
}