:root{--bg:#fff;--alt:#f3f2f0;--fg:#1a1a1a;--mut:#5b5b5b;--line:#dcdad6;--red:#e2651a;--red2:#c4530f;--blk:#2f2d2c;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141414;--alt:#1c1c1c;--fg:#f1efec;--mut:#aaa7a2;--line:#333}}
:root[data-theme="dark"]{--bg:#141414;--alt:#1c1c1c;--fg:#f1efec;--mut:#aaa7a2;--line:#333}
html{height:auto;scroll-behavior:smooth;scroll-padding-top:calc(88px + env(safe-area-inset-top,0px))}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.0625rem/1.6 "Source Sans 3",system-ui,sans-serif}
h1,h2,h3{font-family:"Red Hat Display",system-ui,sans-serif;line-height:1.1;margin:0 0 .6em;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5.4vw,4rem);font-weight:800}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em;max-width:62ch}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;background:var(--red);color:#fff;font:700 .95rem "Red Hat Display",sans-serif;padding:.95em 1.5em;text-decoration:none;border-radius:3px;border:0;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--red2)}
.btn.ghost{background:transparent;border:2px solid currentColor}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
/* header */
.top{background:#46423f;color:#cfcfcf;font-size:.875rem;padding-top:env(safe-area-inset-top,0px)}
.top .wrap{display:flex;gap:20px;justify-content:flex-end;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.top a{text-decoration:none}.top a:hover{color:#fff}
header.nav{position:sticky;top:0;z-index:20;background:var(--blk);color:#fff;border-bottom:3px solid var(--red)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.logo{height:124px;width:auto;display:block;mix-blend-mode:lighten;transition:height .25s}
header.nav.shrink .logo{height:76px}
nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;align-items:center}
nav a{display:block;padding:.6em .8em;text-decoration:none;font:600 .95rem "Red Hat Display",sans-serif}
nav a{color:#f08a45}nav a:hover{color:#fff}nav a.btn,nav a.btn:hover{color:#fff}
nav li{position:relative}
.sub{display:none;position:absolute;left:0;top:100%;background:var(--blk);border-top:3px solid var(--red);min-width:200px;flex-direction:column;gap:0;padding:6px 0}
li:hover>.sub,li:focus-within>.sub{display:flex}
.sub a{padding:.65em 1.1em;font-weight:500}
.menu{display:none;background:none;border:2px solid #fff;color:#fff;padding:.45em .8em;font:700 .9rem "Red Hat Display";border-radius:3px}
/* hero */
.hero{background:linear-gradient(90deg,var(--blk) 0,var(--blk) 42%,rgba(47,45,44,0) 72%),url(../img/hero-maquina-mesa.jpg) right center/auto 100% no-repeat var(--blk);color:#fff;min-height:580px;display:flex;align-items:center;padding:72px 0}
.hero .wrap{width:100%}.hero .wrap>div{max-width:600px}

.hero p{font-size:1.2rem;color:#d6d6d6}
.hero .acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.slides{position:relative;aspect-ratio:4/5;background:#ecebe9;border-radius:4px;overflow:hidden;border-bottom:6px solid var(--red)}
.slides figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s}
.slides figure.on{opacity:1}
.slides img{width:100%;height:100%;object-fit:contain;display:block;padding:0 0 34px}
.slides figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.85));font:700 1rem "Red Hat Display"}
.dots{position:absolute;top:12px;right:12px;display:flex;gap:7px}
.dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.dots button[aria-current="true"]{background:var(--red);border-color:var(--red)}
/* sections */
section{padding:84px 0}
section.alt{background:var(--alt)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.lead{font-size:1.2rem;color:var(--mut)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.ticks li{padding-left:34px;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:10px;border-left:4px solid var(--red);border-bottom:4px solid var(--red);transform:rotate(-45deg) scale(.8)}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--red);padding:26px}
.alt .card{background:var(--bg)}
.card p{color:var(--mut);margin:0}
.mach{padding:0;overflow:hidden;display:flex;flex-direction:column}
.mach .ph{aspect-ratio:8/7;background:var(--blk);color:#777;display:grid;place-items:center;font:700 .9rem "Red Hat Display";text-align:center;padding:16px}
.mach img{width:100%;height:100%;object-fit:cover;display:block}
.mach .tx{padding:22px 24px 26px}
.mach .ph.cat{background:#fff}.mach .ph.cat img{object-fit:contain}.map{width:100%;height:260px;border:0;margin-top:18px;border-radius:3px}
.band{background:var(--blk);color:#fff;text-align:center;padding:64px 0}
.band p{margin:0 auto 1.4em;color:#d6d6d6;font-size:1.2rem}
.stat{font:800 clamp(3rem,7vw,5.5rem)/1 "Red Hat Display";color:var(--red)}
.cta-row{margin-top:32px}
form{display:grid;gap:14px}
label{font:600 .9rem "Red Hat Display";display:grid;gap:6px}
input,textarea{font:inherit;padding:.8em;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:3px;width:100%}
.ct a{font-weight:600}
.ct p{margin-bottom:.7em}
footer{background:var(--blk);color:#bdbdbd;padding:52px 0 36px;border-top:3px solid var(--red);font-size:.95rem}
footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px}
footer h3{color:#fff;font-size:1rem}
footer a{text-decoration:none}footer a:hover{color:#fff}
.copy{grid-column:1/-1;border-top:1px solid #4a4643;padding-top:20px;margin-top:10px}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;background:#25d366;color:#fff;font:700 .95rem "Red Hat Display";padding:.8em 1.2em;border-radius:40px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.35)}
@media(max-width:860px){
.hero{background:linear-gradient(rgba(47,45,44,.82),rgba(47,45,44,.9)),url(../img/hero-maquina-mesa.jpg) center/cover;min-height:0}
.hero .wrap,.two,footer .wrap{grid-template-columns:1fr}
.menu{display:block}
.logo{height:92px}header.nav.shrink .logo{height:64px}
nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--blk);border-bottom:3px solid var(--red)}
nav.open{display:block}
nav ul{flex-direction:column;align-items:stretch;padding:8px 24px 16px}
.sub{display:flex;position:static;border:0;padding:0 0 0 16px}
section{padding:60px 0}
.top .wrap{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.logo{transition:none}html{scroll-behavior:auto}.slides figure{transition:none}}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fmsg{margin:0;padding:0;font-weight:600}
.fmsg.ok,.fmsg.err{padding:14px 16px;border-left:4px solid var(--red);background:var(--bg);border-radius:3px}
.fmsg.ok{border-color:#2e9e5b}