:root{--film:#101114;--sheen:#1b1e24;--amber:#f2a81d;--paper:#f4f2ec;--graphite:#3b3e45;--ink:#15161a;--wa:#25d366;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--graphite);background:var(--paper);line-height:1.55}img{max-width:100%}a{color:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:100;background:var(--paper);padding:.6rem}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;padding:.65rem clamp(1rem,4vw,2.5rem);background:var(--film);color:var(--paper);border-bottom:1px solid #2a2d34}.wordmark{font-weight:900;letter-spacing:.06em;font-size:.95rem;text-transform:uppercase;text-decoration:none}.wordmark em{font-style:normal;color:var(--amber)}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:1.3rem;font-size:.85rem}.topbar nav a{text-decoration:none}.topbar nav a:not(.btn-wa){opacity:.85}.topbar nav a:hover{opacity:1;color:var(--amber)}.tel{font-family:var(--mono);font-size:.8rem}.btn-wa{display:inline-flex;align-items:center;gap:.45rem;background:var(--wa);color:#04220f;font-weight:800;padding:.55rem 1rem;border-radius:3px;text-decoration:none}.btn-wa:hover{background:#1eb257;color:#fff}.wa-icon{width:17px;height:17px;fill:currentColor}
.hero{background:repeating-linear-gradient(180deg,transparent 0 88px,rgba(255,255,255,.028) 88px 90px),linear-gradient(160deg,#14161b,var(--film) 45%,#0b0c0f);color:var(--paper);padding:clamp(3.5rem,9vw,7rem) clamp(1rem,4vw,2.5rem) 0}.hero-inner,.inner{max-width:1080px;margin:auto}.hero-cols{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.19em;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:1.1rem}.hero h1,.page-hero h1{font-weight:900;text-transform:uppercase;letter-spacing:-.015em;line-height:.95;font-size:clamp(2.6rem,7.5vw,5.4rem);text-wrap:balance}.hero h1{max-width:16ch}.neg{color:transparent;-webkit-text-stroke:1.5px var(--paper)}.lede{margin:1.4rem 0 2rem;font-size:clamp(1rem,1.6vw,1.2rem);max-width:52ch;color:#c9c9c2}.hero-ctas{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:3.2rem}.hero-ctas .btn-wa{font-size:1rem;padding:.85rem 1.5rem}.btn-ghost,.btn-dark{display:inline-flex;align-items:center;padding:.85rem 1.5rem;border:1px solid #4a4e57;border-radius:3px;text-decoration:none}.btn-ghost{color:var(--paper)}.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}.btn-dark{background:var(--film);color:var(--paper);font-weight:700}.foto-plate{background:var(--paper);border-top:2px solid var(--amber);padding:.6rem;max-width:420px;justify-self:end}.foto-plate img{display:block;width:100%;height:auto}.caption,.foto-plate figcaption{font-family:var(--mono);font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:#6f6a5c;padding:.55rem .2rem .15rem}
.plate{border-top:2px solid var(--amber);background:var(--sheen);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:1080px;margin:auto;transform:translateY(2.6rem)}.plate>div{padding:1.15rem 1.25rem;border-right:1px solid #2a2d34}.plate .lbl,.contact-grid .lbl,.map-copy .lbl{font-family:var(--mono);font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:#8b8e96;display:block;margin-bottom:.3rem}.plate .val{font-weight:900;font-size:clamp(1.45rem,3vw,2.05rem);color:var(--paper);line-height:1}.plate small{font-size:.55em;color:var(--amber);margin-left:.15rem}
section{padding:clamp(3.5rem,8vw,6rem) clamp(1rem,4vw,2.5rem)}h2{font-weight:900;text-transform:uppercase;color:var(--ink);font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.05;text-wrap:balance;margin-bottom:.6rem}.sub{max-width:58ch;margin-bottom:2.4rem}.ficha{padding-top:calc(2.6rem + clamp(3.5rem,8vw,6rem))}.ficha-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:#d8d4c8;border:1px solid #d8d4c8}.ficha-grid article{background:var(--paper);padding:1.4rem 1.5rem}.ficha-grid .lbl{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#9a8a5c}.ficha-grid h3{font-size:1.15rem;color:var(--ink);margin:.45rem 0}.galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:2rem}.galeria figure{background:#fff;border:1px solid #d8d4c8;border-top:2px solid var(--amber);padding:.55rem}.galeria img{display:block;width:100%;height:230px;object-fit:cover}
.ml,.usos{background:#ebe8df}.ml-grid{display:grid;grid-template-columns:1fr;gap:2rem}.ml-wordmark{border-bottom:3px solid #ffe600}.ml-tag{font-weight:700;color:#0a7d43;margin:.2rem 0 1.4rem}.ml-plate{background:var(--paper);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.2rem;border:1px solid #d8d4c8;border-top:2px solid var(--amber)}.ml-plate>div{padding:.9rem 1rem;border-right:1px solid #e4e0d4}.ml-plate .lbl{font-family:var(--mono);font-size:.61rem;letter-spacing:.15em;text-transform:uppercase;color:#9a8a5c;display:block}.ml-plate .val{font-weight:900;font-size:1.3rem;color:var(--ink)}.ml-quote{font-size:.9rem;font-style:italic;border-left:3px solid var(--amber);padding-left:.9rem}.ml-actions{display:flex;flex-direction:column;gap:.7rem;min-width:250px}.ml-reviews{overflow:hidden;margin-top:2.2rem;position:relative}.ml-track{display:flex;gap:1rem;width:max-content}.review{background:var(--paper);border:1px solid #d8d4c8;border-top:2px solid var(--amber);padding:1rem 1.2rem;width:290px;flex-shrink:0}.stars{color:#0a7d43;letter-spacing:.15em}.src{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;color:#9a8a5c;display:block;margin-top:.6rem}
.uso-row,.paso-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.uso{background:var(--paper);border:1px solid #d8d4c8;border-top:2px solid var(--amber);padding:1.5rem}.uso h3,.paso h3{font-weight:900;text-transform:uppercase;font-size:1rem;color:var(--ink);margin-bottom:.5rem}.clientes{background:var(--film);color:var(--paper)}.clientes h2{color:var(--paper)}.clientes .sub{color:#a7a7a0}.logo-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:.5rem}.logo-plate{background:var(--paper);border-top:2px solid var(--amber);display:grid;place-items:center;padding:1.3rem 1.4rem;min-height:5.5rem}.logo-plate img{display:block;max-height:44px;width:auto;max-width:100%;filter:grayscale(1) opacity(.75)}.logo-plate:hover img{filter:none}@media(prefers-reduced-motion:no-preference){.logo-plate img{transition:filter .25s ease}}.paso{border:1px solid #d8d4c8;border-top:2px solid var(--amber);background:#fff;overflow:hidden}.paso-visual{height:190px;background:var(--paper);border-bottom:1px solid #d8d4c8}.paso-visual img{display:block;width:100%;height:100%;object-fit:cover}.paso-copy{padding:1.2rem}.paso .n{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;color:#9a8a5c;display:block;margin-bottom:.4rem}
.contacto{background:var(--film);color:var(--paper);border-top:2px solid var(--amber)}.contacto h2{color:var(--paper)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2rem;margin-top:2rem}.contact-grid a{color:var(--paper);text-decoration:none;font-weight:700}.map-plate{margin-top:2.2rem;border:1px solid #3a3d44;border-top:2px solid var(--amber);background:var(--sheen);display:grid}.map-copy{padding:1.2rem 1.4rem}.map-copy a{color:var(--amber);font-weight:700}.map-plate iframe{width:100%;height:300px;border:0;display:block}footer{background:#0b0c0f;color:#8b8e96;font-size:.8rem;padding:1.2rem clamp(1rem,4vw,2.5rem);display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:space-between;align-items:center}footer a{color:#c9c9c2}footer .footer-brand{display:flex;align-items:center;gap:.65rem}footer .footer-brand img{display:block;width:52px;height:auto;flex-shrink:0}.wa-float{position:fixed;right:1rem;bottom:1rem;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 4px 14px #0006}.wa-float svg{width:30px;fill:#fff}
.page-hero{background:var(--film);color:var(--paper);padding:clamp(4rem,10vw,7rem) clamp(1rem,4vw,2.5rem)}.page-hero h1{max-width:18ch}.prose{max-width:760px}.prose h2{margin-top:2rem}.notice{border-left:3px solid var(--amber);padding:1rem 1.2rem;background:#fff}.error-code{font-family:var(--mono);color:var(--amber);font-size:clamp(4rem,14vw,9rem);line-height:1;font-weight:900}
@media(min-width:820px){.ml-grid{grid-template-columns:1fr auto;align-items:center}.map-plate{grid-template-columns:.7fr 1.3fr}}@media(min-width:900px){.hero-cols{grid-template-columns:1.25fr .75fr}}@media(prefers-reduced-motion:no-preference){.ml-track{animation:marquee 36s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}}@media(max-width:700px){.hide-m{display:none}.topbar nav{gap:.6rem}.plate{grid-template-columns:repeat(2,1fr)}}

.wordmark{display:inline-flex;align-items:center;gap:.55rem}
.wordmark img{display:block;border-radius:3px}

.topbar{align-items:center}.topbar nav{display:flex;align-items:center}.foto-plate{position:relative}.ml-seal{position:absolute;top:-28px;left:-28px;width:122px;height:122px;z-index:5;background:var(--amber);color:var(--film);clip-path:polygon(50.0% 0.0%,59.8% 13.3%,75.0% 6.7%,76.9% 23.1%,93.3% 25.0%,86.7% 40.2%,100.0% 50.0%,86.7% 59.8%,93.3% 75.0%,76.9% 76.9%,75.0% 93.3%,59.8% 86.7%,50.0% 100.0%,40.2% 86.7%,25.0% 93.3%,23.1% 76.9%,6.7% 75.0%,13.3% 59.8%,0.0% 50.0%,13.3% 40.2%,6.7% 25.0%,23.1% 23.1%,25.0% 6.7%,40.2% 13.3%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-decoration:none;transform:rotate(-9deg);text-align:center}.ml-seal .seal-star{font-weight:900;font-size:1.15rem;line-height:1}.ml-seal .seal-name{font-family:var(--mono);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase}.ml-seal .seal-tier{font-weight:900;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}@media(prefers-reduced-motion:no-preference){.ml-seal{transition:transform .15s}.ml-seal:hover{transform:rotate(-3deg) scale(1.05)}}@media(max-width:700px){.ml-seal{width:96px;height:96px;top:-18px;left:-14px}}