:root{--forest:#21483d;--dark:#18382f;--green:#2f7059;--ink:#203a31;--muted:#4a5c53;--orange:#f37321;--warm:#f4f6f1;--line:#dbe4dc;--lime:#c3e39c;--display:"Barlow Condensed","Arial Narrow",sans-serif;--body:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:600 16px/1.65 var(--body);color:var(--ink);background:#fff}a{color:inherit;text-underline-offset:.22em}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}ul,ol{padding:0;margin:0;list-style:none}.wrap{width:min(1280px,calc(100% - 100px));margin-inline:auto}section[id]{scroll-margin-top:30px}.skip{position:absolute;top:-100px;left:12px;padding:10px 14px;background:var(--dark);color:#fff;z-index:9}.skip:focus{top:8px}:focus-visible{outline:3px solid #b94b0e;outline-offset:4px}
.top{border-top:3px solid var(--orange);background:#3e6a58;color:white;font-size:10px;letter-spacing:.15em;font-weight:800}.top .wrap{min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.top a{letter-spacing:.04em;text-decoration:none}.barra{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex:none}.brand img{width:clamp(154px,18vw,237px);height:auto}.barra nav{display:flex;gap:clamp(12px,2.2vw,33px);align-items:center;font-size:13px;font-weight:800}.barra nav a{text-decoration:none}.barra nav a:hover,.inline:hover{color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;gap:13px;padding:12px 17px;border:1px solid transparent;border-radius:0;font-size:13px;font-weight:800;text-decoration:none;line-height:1.25;transition:background .18s,color .18s}.btn span{font-size:17px}.btn-store{color:var(--forest);border-color:#a8bfb0;white-space:nowrap}.btn-store:hover{background:var(--warm)}.btn-orange{color:#202d25;background:var(--orange)}.btn-orange:hover{background:#ff934a}.btn-ghost{color:white;border-color:#ffffff70;background:#ffffff07}.btn-ghost:hover{background:#ffffff20}
.hero{background:var(--dark);color:white;position:relative;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 83% 40%,#386550 0%,transparent 48%),linear-gradient(115deg,transparent 64%,#ffffff08 64% 65%,transparent 65% 70%,#ffffff09 70% 71%,transparent 71%)}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:clamp(25px,5.5vw,84px);align-items:center;padding-block:clamp(40px,5vw,78px)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--lime);line-height:1.5}.eyebrow span{display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:var(--orange);margin:0 8px}.eyebrow.ink{color:#446958}.hero h1,.seccion h2{font-family:var(--display);font-weight:700;line-height:.93;letter-spacing:-.005em}.hero h1{font-size:clamp(53px,6.1vw,94px);margin:18px 0 24px}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:17px;max-width:490px;color:#edf4ee;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-figure{max-width:515px;justify-self:end;width:100%;background:#f1f5ee;color:var(--ink);clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px);padding:15px}.photo{position:relative;background:white;overflow:hidden;aspect-ratio:1;display:grid;place-items:center}.photo::after{content:"";position:absolute;inset:10% auto auto 8%;width:14px;height:14px;border-left:2px solid var(--orange);border-top:2px solid var(--orange);background:#21483d55}.photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.hero-figure figcaption{padding:14px 11px 8px}.hero-figure figcaption span{display:block;color:var(--green);font-size:10px;letter-spacing:.13em;font-weight:800}.hero-figure figcaption strong{font-size:14px;line-height:1.35;display:block;margin-top:5px}
.proof{background:#edf3ed;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:21px 0}.proof-grid div{padding-left:21px;border-left:2px solid #b0c8b7}.proof-grid div:first-child{border-color:var(--orange)}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{font-size:19px;font-weight:800}.proof-grid span{font-size:13px;color:var(--muted)}.seccion{padding-block:clamp(48px,6vw,85px)}.seccion h2{font-size:clamp(44px,4.6vw,71px);margin-top:9px}.company,.section-head,.contacto{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:end}.company-copy{border-left:2px solid var(--orange);padding-left:24px}.company-copy p,.section-head>p,.contacto p{color:var(--muted);max-width:520px}.company-copy p+p{margin-top:13px}.negocio{background:var(--warm)}.section-head{margin-bottom:28px}.section-head>p{max-width:390px;justify-self:end}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.business-card{background:white;border:1px solid var(--line)}
.business-image {
  aspect-ratio: 1;
  min-width: 0;
  background: white;
}
.business-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.business-image.maquinaria {
  padding: clamp(8px, 1.2vw, 18px);
}
.business-copy{padding:18px 21px 22px;border-top:1px solid var(--line)}h3{font-size:21px;line-height:1.18;letter-spacing:-.035em;font-weight:800}.business-copy h3{margin:6px 0 10px}.business-copy>p:last-child{font-size:14px;color:var(--muted)}
.red{background:var(--forest);color:white}.red-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.red h2{font-size:clamp(48px,5.4vw,78px);max-width:540px}.red .lead{margin:20px 0 22px}.red-list li{border-bottom:1px solid #ffffff42;display:grid;grid-template-columns:35px 1fr;gap:12px;padding:17px 0}.red-list li:first-child{border-top:1px solid #ffffff42}.red-list li>span{font-size:11px;color:var(--lime);font-weight:800;letter-spacing:.15em}.red-list p{font-size:14px;color:#e2ebe3;margin-top:6px}.contacto{align-items:start}.contacto>div>p:not(.eyebrow){margin-top:14px}.inline{display:inline-block;margin-top:9px;font-weight:800}.sedes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sedes article{border-top:2px solid var(--line);padding-top:15px}.sedes h3{margin:5px 0 8px}.sedes p:not(.eyebrow){font-size:14px;margin-bottom:9px}.sedes a{font-weight:800}footer{background:var(--dark);color:white;padding:31px 0 16px}.pie,.pie-fin{display:flex;justify-content:space-between;align-items:center;gap:18px}.pie p,.pie-fin{color:#dce7df;font-size:13px}.pie p{margin-top:12px}.pie-fin{border-top:1px solid #ffffff36;margin-top:24px;padding-top:13px}
.marcas {
  margin-top: 32px;
  border-top: 1px solid var(--line);
  padding-top: 23px;
}
.marcas ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.marcas li {
  display: grid;
  place-items: center;
  min-height: 93px;
  padding: 14px;
  background: white;
  border: 1px solid var(--line);
}
.marcas img {
  width: auto;
  height: auto;
  max-width: min(100%, 156px);
  max-height: 48px;
  object-fit: contain;
}
.marcas .oleomac { max-height: 56px; }
.marcas .valdino { max-width: min(100%, 220px); max-height: 64px; }
.marcas .bahco { max-height: 68px; }
.marcas .rotary { max-height: 60px; }
.accion {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "foto texto";
  align-items: center;
  gap: clamp(28px, 6vw, 86px);
}
.accion-copy {
  grid-area: texto;
  max-width: 450px;
}
.accion h2 { text-transform: uppercase; }
.accion-intro {
  margin: 19px 0 8px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
}
.accion-copy p:last-child { color: var(--muted); }
.accion-foto {
  grid-area: foto;
  width: 100%;
  max-width: 526px;
  padding: 12px;
  border: 1px solid var(--line);
  background: var(--warm);
}
.accion-foto img { width: 100%; height: auto; }
.accion-foto figcaption {
  margin-top: 10px;
  padding-left: 10px;
  border-left: 2px solid var(--orange);
  color: var(--muted);
  font-size: 13px;
}
.consulta {
  background: white;
  color: var(--ink);
  padding: clamp(20px, 3.3vw, 40px);
  border-top: 3px solid var(--orange);
}
.consulta h3 {
  font: 700 clamp(29px, 3.4vw, 44px)/1.04 var(--display);
  margin: 6px 0 10px;
}
.consulta form > p {
  color: var(--muted);
  font-size: 14px;
}
.consulta-campos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 19px 0;
}
.consulta label {
  min-width: 0;
  display: grid;
  gap: 5px;
  font-size: 13px;
  font-weight: 800;
}
.consulta-interes {
  grid-column: 1 / -1;
  display: grid;
  gap: 5px;
}
.consulta input, .consulta select {
  width: 100%;
  min-width: 0;
  min-height: 45px;
  font: 600 16px/1.3 var(--body);
  padding: 9px 12px;
  color: var(--ink);
  background: #f8faf7;
  border: 1px solid #a8bfb0;
  border-radius: 0;
}
.consulta button {
  font-family: inherit;
  cursor: pointer;
}
.consulta .consulta-nota {
  margin-top: 8px;
  font-size: 12px;
}
.consulta-correo { font-size: 13px; }
.compras {
  background: var(--warm);
  border-bottom: 1px solid var(--line);
}
.compras-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(24px, 5vw, 72px);
}
.compras-intro > p:not(.eyebrow) {
  margin-top: 15px;
  max-width: 390px;
  color: var(--muted);
}
.compras-ayuda {
  margin-top: 25px;
  padding-left: 15px;
  border-left: 2px solid var(--orange);
}
.compras-ayuda p {
  max-width: 385px;
  margin-bottom: 9px;
  font-size: 14px;
  color: var(--muted);
}
.compras-ayuda .btn { white-space: normal; }
.compras-enlaces {
  display: grid;
  gap: 9px;
}
.compras-enlaces a {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 12px;
  align-items: center;
  padding: 14px 17px;
  background: white;
  border: 1px solid var(--line);
  text-decoration: none;
}
.compras-enlaces a:hover { border-color: var(--green); }
.compras-enlaces strong { font-size: 18px; font-weight: 800; }
.compras-detalle {
  grid-column: 1;
  color: var(--muted);
  font-size: 13px;
}
.compras-flecha {
  display: grid;
  place-items: center;
  grid-area: 1 / 2 / 3 / 3;
  width: 34px;
  height: 34px;
  background: var(--warm);
  color: var(--forest);
}
.btn-sucursal {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4px 8px;
  max-width: 100%;
  white-space: normal;
}
.btn-sucursal .sucursal-numero { font-size: 13px; white-space: nowrap; }
@media(max-width:560px) {
  .marcas ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marcas li { min-height: 76px; }
  .consulta-campos { grid-template-columns: 1fr; }
}
@media(max-width:785px) {
  .accion {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "texto" "foto";
  }
  .compras-grid { grid-template-columns: 1fr; }
  .barra nav a { padding-block: 4px; }
}
@media(max-width:1080px){.wrap{width:calc(100% - 60px)}.barra{gap:15px}.hero h1{font-size:clamp(52px,6.8vw,82px)}.hero-grid{gap:27px}.btn{padding:11px 13px;gap:8px}}
@media(max-width:785px){.wrap{width:calc(100% - 36px)}.barra{flex-wrap:wrap;min-height:0;padding:12px 0;gap:11px}.barra nav{order:3;width:100%;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line);font-size:12px}.btn-store{margin-left:auto}.hero-grid,.company,.section-head,.contacto,.red-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(53px,10.5vw,81px);margin:13px 0 16px}.hero-grid{padding-block:32px}.hero-figure{justify-self:start;max-width:550px}.hero-figure{padding:10px}.hero-figure figcaption{padding:9px 6px 5px}.proof-grid{gap:9px;padding:16px 0}.proof-grid div{padding-left:9px}.proof-grid strong{font-size:15px}.proof-grid span{font-size:11px;line-height:1.4}.section-head>p{justify-self:start}.business-grid{grid-template-columns:1fr;gap:13px}.business-copy{padding:14px}.business-copy h3{font-size:18px}.business-copy>p:last-child{font-size:13px}.red-list{margin-top:4px}}
@media (561px <= width <= 785px) {
  .business-card {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    align-items: center;
  }
  .business-copy {
    border-top: 0;
    padding: 20px;
  }
}
@media(max-width:390px){.wrap{width:calc(100% - 28px)}.top{font-size:9px}.top a{display:none}.barra nav{font-size:11px;gap:3px;flex-wrap:wrap}.hero h1{font-size:49px}.hero .lead{font-size:15px}.actions{gap:8px}.actions .btn{font-size:12px}.business-copy{padding:11px}.sedes{grid-template-columns:1fr}.pie{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}