@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600&display=swap");

:root { --ink:#050d12; --ink-2:#0b161d; --paper:#0b151b; --amber:#f6a51a; --line:rgba(255,255,255,.17); --text:#f7f3e9; --muted:#b9c2c7; --font-inter:"Inter",Arial,sans-serif; --font-oswald:"Oswald",Impact,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:82px; }
html, body { width:100%; min-height:100%; margin:0; background:var(--ink); }
body { overflow-x:hidden; overflow-y:auto; color:var(--text); font-family:var(--font-inter),Arial,sans-serif; }
button, input { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline:2px solid var(--amber); outline-offset:4px; }
img { display:block; max-width:100%; }
.site-shell { position:relative; isolation:isolate; width:100%; overflow:clip; background:var(--ink); }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; padding:10px 14px; background:var(--amber); color:#111; transform:translateY(-150%); transition:transform .2s; }
.skip-link:focus { transform:none; }

.topbar { position:fixed; z-index:30; top:3px; left:0; right:0; height:82px; padding:0 clamp(20px,4.4vw,72px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); background:linear-gradient(180deg,rgba(2,9,13,.9),rgba(2,9,13,.42)); backdrop-filter:blur(10px); }
.brand { width:max-content; display:inline-flex; align-items:center; color:#fff; text-decoration:none; }
.brand-logo { display:block; width:clamp(195px,17vw,238px); height:auto; object-fit:contain; }
.brand b { color:var(--amber); }
.brand svg { width:38px; height:38px; fill:none; stroke:var(--amber); stroke-width:1.4; }
.nav-links { display:flex; align-items:center; gap:clamp(22px,2.6vw,42px); height:100%; }
.nav-links a { position:relative; height:100%; display:grid; place-items:center; color:rgba(255,255,255,.66); text-decoration:none; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.nav-links a:hover { color:#fff; }
.nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:-1px; height:3px; background:var(--amber); transition:right .25s ease; }
.nav-links a:hover::after { right:0; }
.nav-quote { justify-self:end; display:inline-flex; align-items:center; gap:12px; border:0; background:transparent; color:#fff; cursor:pointer; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.nav-quote svg, .primary-cta svg, .thumb-arrow svg, .deck-controls svg, .form-submit svg, .text-link svg, .rail-hint svg, .data-note svg, .primary-dark svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }

.hero-section { position:relative; width:100%; height:100svh; min-height:700px; overflow:hidden; background:var(--ink); }
.visual-stage, .hero-image, .hero-shade { position:absolute; inset:0; }
.hero-image { z-index:0; background-position:center; background-size:cover; opacity:0; transform:scale(1.055); transition:opacity 1.2s ease,transform 14.4s linear; }
.hero-image.is-active { opacity:1; transform:scale(1); }
.hero-shade { z-index:2; background:linear-gradient(90deg,rgba(3,10,14,.96),rgba(3,10,14,.75) 34%,rgba(3,10,14,.08) 70%,rgba(3,10,14,.3)),linear-gradient(0deg,rgba(3,10,14,.75),transparent 38%,rgba(3,10,14,.28)); }
.timer-track { position:absolute; z-index:35; inset:0 0 auto; height:3px; background:rgba(255,255,255,.12); }
.timer-track span { display:block; width:100%; height:100%; background:var(--amber); transform:translateX(-100%); animation:timer 14s linear forwards; }
.timer-track span.is-paused { animation-play-state:paused; }
@keyframes timer { to { transform:translateX(0); } }
.hero-copy { position:absolute; z-index:8; left:clamp(34px,7vw,114px); top:49%; width:min(660px,47vw); transform:translateY(-50%); animation:copyIn .8s cubic-bezier(.22,.8,.2,1) both; }
@keyframes copyIn { from { opacity:0; transform:translateY(-44%); } }
.eyebrow, .section-kicker { display:flex; align-items:center; gap:14px; color:rgba(255,255,255,.7); font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow { margin-bottom:20px; }
.eyebrow span { width:36px; height:3px; background:var(--amber); }
.hero-copy h1 { margin:0; color:#fff; font-family:var(--font-oswald),Impact,sans-serif; font-size:clamp(66px,7.8vw,126px); font-weight:600; line-height:.84; letter-spacing:-.035em; text-transform:uppercase; text-shadow:0 4px 32px rgba(0,0,0,.5); }
.hero-copy h1 span { display:block; white-space:nowrap; }
.hero-copy h1 span:last-child { color:#f4b84d; -webkit-text-stroke:0; }
.hero-copy > p { width:min(550px,100%); margin:27px 0 0; color:rgba(255,255,255,.72); font-size:14px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:30px; margin-top:30px; }
.primary-cta { display:inline-flex; align-items:center; gap:17px; height:54px; padding:0 7px 0 23px; border:1px solid rgba(255,255,255,.45); border-radius:999px; background:rgba(5,14,19,.35); color:#fff; cursor:pointer; font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; transition:border-color .25s,background .25s; }
.primary-cta:hover { border-color:var(--amber); background:rgba(5,14,19,.65); }
.primary-cta > span { display:grid; width:40px; height:40px; place-items:center; border-radius:50%; background:var(--amber); color:#111; }
.support-note { display:grid; grid-template-columns:auto 1fr; gap:2px 9px; color:rgba(255,255,255,.52); font-size:9px; line-height:1.4; letter-spacing:.1em; text-transform:uppercase; }
.support-note b { grid-column:2; color:rgba(255,255,255,.86); font-weight:600; }
.pulse-dot { grid-row:1/span 2; align-self:center; width:8px; height:8px; border-radius:50%; background:#71d19b; box-shadow:0 0 0 5px rgba(113,209,155,.12); }
.slide-deck { position:absolute; z-index:9; right:clamp(30px,4.6vw,74px); bottom:56px; width:min(560px,42vw); }
.deck-label { margin:0 0 12px; color:rgba(255,255,255,.56); font-size:9px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.thumbnail-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.thumb-card { position:relative; height:168px; overflow:hidden; padding:0; border:1px solid rgba(255,255,255,.24); border-radius:12px; background:#0c1419; color:#fff; cursor:pointer; text-align:left; animation:thumbIn .65s cubic-bezier(.22,.8,.2,1) both; }
.thumb-card:nth-child(2) { animation-delay:.08s; }
@keyframes thumbIn { from { opacity:0; transform:translateX(25px); } }
.thumb-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,10,14,.94),rgba(3,10,14,.08) 80%); }
.thumb-photo { position:absolute; inset:0; background-position:center; background-size:cover; transition:transform .5s; }
.thumb-card:hover .thumb-photo { transform:scale(1.06); }
.thumb-number,.thumb-meta,.thumb-arrow { position:absolute; z-index:2; }
.thumb-number { top:14px; left:16px; color:rgba(255,255,255,.78); font-family:var(--font-oswald),sans-serif; font-size:13px; }
.thumb-meta { left:16px; bottom:17px; }
.thumb-meta b,.thumb-meta small { display:block; }
.thumb-meta b { font-size:11px; letter-spacing:.07em; text-transform:uppercase; }
.thumb-meta small { margin-top:5px; color:rgba(255,255,255,.56); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.thumb-arrow { right:14px; bottom:16px; display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(255,255,255,.4); border-radius:50%; }
.thumb-progress { position:absolute; z-index:3; left:0; bottom:0; width:100%; height:3px; background:var(--amber); transform-origin:left; animation:thumbTimer 14s linear forwards; }
@keyframes thumbTimer { from { transform:scaleX(0); } }
.deck-controls { display:flex; align-items:center; gap:10px; margin-top:15px; }
.deck-controls > button { display:grid; width:36px; height:36px; padding:0; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(3,10,14,.34); color:#fff; cursor:pointer; }
.deck-controls > button:hover { border-color:var(--amber); }
.progress-rail { height:2px; flex:1; margin:0 10px; overflow:hidden; background:rgba(255,255,255,.25); }
.progress-rail span { display:block; height:100%; background:var(--amber); transition:width .5s; }
.deck-controls strong { font-family:var(--font-oswald),sans-serif; font-size:24px; font-weight:500; }
.deck-controls small { margin-left:-5px; color:rgba(255,255,255,.48); font-size:11px; }
.trust-strip { position:absolute; z-index:8; left:clamp(34px,7vw,114px); bottom:50px; display:flex; gap:19px; color:rgba(255,255,255,.42); font-size:8px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.trust-strip span + span::before { content:""; display:inline-block; width:3px; height:3px; margin:0 19px 2px 0; border-radius:50%; background:var(--amber); }
.scroll-cue { position:absolute; z-index:10; left:50%; bottom:25px; display:grid; justify-items:center; gap:8px; color:rgba(255,255,255,.55); text-decoration:none; font-size:8px; letter-spacing:.18em; text-transform:uppercase; transform:translateX(-50%); }
.scroll-cue i { width:1px; height:26px; background:linear-gradient(var(--amber),transparent); }

#contenido { position:relative; z-index:4; background:var(--ink); }
.intro-section { padding:clamp(90px,11vw,170px) clamp(22px,6.8vw,110px); background:var(--paper); color:var(--text); }
.intro-section .section-kicker,.process-section .section-kicker,.faq-section .section-kicker,.feature-section .section-kicker { color:#9a6a18; }
.intro-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:clamp(50px,9vw,160px); margin-top:30px; align-items:end; }
.intro-grid h2,.products-heading h2,.process-heading h2,.feature-copy h2,.faq-section h2,.closing-copy h2 { margin:0; font-family:var(--font-oswald),Impact,sans-serif; font-size:clamp(54px,7vw,108px); font-weight:600; line-height:.92; letter-spacing:-.035em; text-transform:uppercase; }
h2 em { color:#a66c0d; font-family:Georgia,serif; font-size:.82em; font-weight:400; letter-spacing:-.04em; text-transform:none; }
.intro-copy { max-width:510px; }
.intro-copy > p { margin:0 0 16px; color:#566066; font-size:14px; line-height:1.8; }
.text-link { display:inline-flex; align-items:center; gap:15px; margin-top:16px; padding:0 0 9px; border:0; border-bottom:1px solid #8c641d; background:transparent; color:#fff; cursor:pointer; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:clamp(70px,9vw,130px); border-top:1px solid #c7c3b8; border-left:1px solid #c7c3b8; }
.service-card { min-height:290px; padding:32px 28px; border-right:1px solid #c7c3b8; border-bottom:1px solid #c7c3b8; }
.service-icon { display:grid; width:50px; height:50px; margin-bottom:45px; place-items:center; border:1px solid #c3bba9; border-radius:50%; color:#9a6a18; font-size:8px; font-weight:800; letter-spacing:.06em; }
.service-card > span { color:#9a6a18; font-size:8px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.service-card h3 { margin:8px 0 12px; font-family:var(--font-oswald),sans-serif; font-size:27px; text-transform:uppercase; }
.service-card p { margin:0; color:#687076; font-size:12px; line-height:1.7; }

.products-section { padding:clamp(90px,10vw,160px) 0 clamp(90px,10vw,150px); background:#10100e; }
.products-heading { display:grid; grid-template-columns:1.2fr .55fr; gap:70px; align-items:end; padding:0 clamp(22px,6.8vw,110px); }
.products-heading h2 { margin-top:28px; color:#f2eee3; }
.products-heading h2 em { color:#d3aa67; }
.products-heading > p { max-width:440px; margin:0 0 8px; color:rgba(255,255,255,.48); font-size:13px; line-height:1.8; }
.rail-hint { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin:42px clamp(22px,6.8vw,110px) 16px; color:rgba(255,255,255,.48); font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.product-rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px,30vw); gap:18px; overflow-x:auto; overscroll-behavior-x:contain; padding:0 clamp(22px,6.8vw,110px) 25px; scroll-snap-type:x mandatory; scrollbar-color:var(--amber) rgba(255,255,255,.1); scrollbar-width:thin; }
.product-card { position:relative; aspect-ratio:4/5; overflow:hidden; scroll-snap-align:start; background:#1a1815; }
.product-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.product-card:hover img { transform:scale(1.045); }
.product-scrim { position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,5,6,.94),rgba(3,5,6,.05) 65%); }
.product-index { position:absolute; top:20px; left:22px; font-family:var(--font-oswald),sans-serif; font-size:14px; }
.product-card-copy { position:absolute; z-index:2; left:22px; right:22px; bottom:24px; }
.product-card-copy small { color:#e0b76e; font-size:8px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.product-card-copy h3 { margin:7px 0 6px; font-family:var(--font-oswald),sans-serif; font-size:clamp(25px,2.2vw,38px); line-height:1; text-transform:uppercase; }
.product-card-copy p { margin:0; color:rgba(255,255,255,.55); font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.data-note { display:grid; grid-template-columns:160px 1fr auto; gap:30px; align-items:center; margin:55px clamp(22px,6.8vw,110px) 0; padding-top:28px; border-top:1px solid rgba(255,255,255,.13); }
.data-note span { color:#d3aa67; font-size:8px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.data-note p { max-width:770px; margin:0; color:rgba(255,255,255,.42); font-size:10px; line-height:1.65; }
.data-note a { display:inline-flex; align-items:center; gap:9px; color:#fff; text-decoration:none; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }

.process-section { padding:clamp(90px,10vw,160px) clamp(22px,6.8vw,110px); background:var(--paper); color:var(--text); }
.process-heading { max-width:850px; }
.process-heading h2 { margin-top:28px; }
.process-list { margin-top:70px; border-top:1px solid #c6c1b5; }
.process-list article { display:grid; grid-template-columns:90px minmax(230px,.7fr) 1fr; gap:30px; align-items:center; min-height:150px; border-bottom:1px solid #c6c1b5; }
.process-list article > span { color:#a66c0d; font-family:var(--font-oswald),sans-serif; font-size:18px; }
.process-list h3 { margin:0; font-family:var(--font-oswald),sans-serif; font-size:clamp(26px,2.6vw,42px); font-weight:600; text-transform:uppercase; }
.process-list p { max-width:560px; margin:0; color:#657077; font-size:13px; line-height:1.75; }

.feature-section { display:grid; grid-template-columns:1.1fr .9fr; min-height:760px; background:#0d171c; }
.feature-photo { position:relative; min-height:620px; overflow:hidden; }
.feature-photo > img { width:100%; height:100%; object-fit:cover; }
.feature-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 60%,rgba(13,23,28,.9)); }
.feature-badge { position:absolute; z-index:3; right:35px; bottom:35px; display:flex; align-items:center; gap:14px; padding:15px 18px; border:1px solid rgba(255,255,255,.25); background:rgba(4,11,15,.65); backdrop-filter:blur(8px); }
.feature-badge b { color:var(--amber); font-family:var(--font-oswald),sans-serif; font-size:32px; }
.feature-badge span { color:rgba(255,255,255,.65); font-size:8px; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; }
.feature-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(60px,7vw,110px); }
.feature-copy h2 { margin-top:26px; font-size:clamp(50px,5.7vw,88px); }
.feature-copy h2 em { color:#d3aa67; }
.feature-copy > p { max-width:550px; margin:26px 0 25px; color:rgba(255,255,255,.56); font-size:13px; line-height:1.8; }
.feature-copy ul { display:grid; gap:12px; margin:0 0 34px; padding:0; list-style:none; }
.feature-copy li { position:relative; padding-left:23px; color:rgba(255,255,255,.8); font-size:11px; letter-spacing:.04em; }
.feature-copy li::before { content:""; position:absolute; left:0; top:6px; width:8px; height:2px; background:var(--amber); }
.primary-dark { display:inline-flex; width:max-content; align-items:center; gap:18px; height:50px; padding:0 20px; border:1px solid rgba(255,255,255,.35); background:transparent; color:#fff; cursor:pointer; text-decoration:none; font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }

.faq-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(60px,10vw,160px); padding:clamp(90px,10vw,160px) clamp(22px,6.8vw,110px); background:var(--paper); color:var(--text); }
.faq-section h2 { margin-top:26px; font-size:clamp(52px,6vw,94px); }
.faq-lead { max-width:390px; color:#657077; font-size:13px; line-height:1.8; }
.faq-list { border-top:1px solid #bfb9ad; }
.faq-list details { border-bottom:1px solid #bfb9ad; }
.faq-list summary { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; min-height:88px; cursor:pointer; list-style:none; font-family:var(--font-oswald),sans-serif; font-size:clamp(18px,2vw,27px); text-transform:uppercase; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color:#a66c0d; font-family:var(--font-inter),sans-serif; font-size:26px; font-weight:300; transition:transform .25s; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { max-width:680px; margin:-5px 45px 28px 0; color:#657077; font-size:13px; line-height:1.75; }

.location-section { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); min-height:690px; background:#081219; color:#fff; }
.location-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(70px,8vw,125px) clamp(30px,7vw,110px); }
.location-copy .section-kicker { color:#f4b84d; }
.location-copy h2 { margin:26px 0 0; font-family:var(--font-oswald),Impact,sans-serif; font-size:clamp(54px,6vw,94px); font-weight:600; line-height:.92; letter-spacing:-.035em; text-transform:uppercase; }
.location-copy h2 em { color:#e0b76e; }
.location-copy > p { max-width:540px; margin:28px 0; color:rgba(255,255,255,.66); font-size:15px; line-height:1.8; }
.location-copy address { display:grid; gap:7px; margin:0; padding:22px 0 0; border-top:1px solid rgba(255,255,255,.17); color:#dce3e6; font-style:normal; font-size:15px; line-height:1.5; }
.location-copy address strong { margin-bottom:4px; color:#fff; font-family:var(--font-oswald),sans-serif; font-size:25px; letter-spacing:.04em; text-transform:uppercase; }
.location-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 24px; margin-top:30px; }
.location-email { color:#fff; font-size:14px; font-weight:700; overflow-wrap:anywhere; text-decoration-color:#f4b84d; text-underline-offset:5px; }
.map-frame { position:relative; min-height:560px; overflow:hidden; background:#10222c; }
.map-frame::after { content:""; position:absolute; inset:0; pointer-events:none; border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 0 80px rgba(3,10,14,.18); }
.map-frame iframe { width:100%; height:100%; min-height:690px; border:0; filter:saturate(.78) contrast(1.04); }

.closing-section { position:relative; min-height:740px; display:flex; align-items:center; overflow:hidden; }
.closing-section > img,.closing-shade { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.closing-shade { background:linear-gradient(90deg,rgba(3,10,14,.95),rgba(3,10,14,.65) 45%,rgba(3,10,14,.15)); }
.closing-copy { position:relative; z-index:2; width:min(760px,80vw); margin-left:clamp(22px,7vw,114px); }
.closing-copy h2 { margin-top:25px; font-size:clamp(65px,8vw,125px); }
.closing-copy h2 em { color:#e0b76e; }
.closing-copy > p { max-width:480px; margin:25px 0 30px; color:rgba(255,255,255,.65); font-size:14px; line-height:1.7; }
.direct-contact { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin-top:28px; }
.direct-contact > span { width:100%; color:#f4b84d; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.direct-contact a { display:inline-flex; min-height:42px; align-items:center; padding:0 16px; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; text-decoration:none; font-size:13px; font-weight:700; transition:border-color .2s,background .2s; }
.direct-contact a:hover { border-color:#f4b84d; background:rgba(5,14,19,.55); }
footer { display:grid; grid-template-columns:1fr 1fr auto; gap:40px; align-items:center; padding:55px clamp(22px,6.8vw,110px) 35px; background:#050b0f; border-top:1px solid rgba(255,255,255,.12); }
footer > p { color:rgba(255,255,255,.45); font-size:10px; letter-spacing:.07em; }
footer > div { display:flex; gap:24px; }
footer > div a { color:rgba(255,255,255,.65); text-decoration:none; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
footer > address { grid-column:1/-1; margin:0; font-style:normal; }
footer > address a { color:#c7d0d4; font-size:12px; line-height:1.6; text-decoration-color:#f4b84d; text-underline-offset:4px; }
footer > small { grid-column:1/-1; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.3); font-size:8px; letter-spacing:.06em; }

.whatsapp-float { position:fixed; z-index:45; right:max(20px,env(safe-area-inset-right)); bottom:max(20px,env(safe-area-inset-bottom)); display:flex; min-height:66px; align-items:center; gap:11px; padding:8px 18px 8px 8px; border:1px solid rgba(255,255,255,.35); border-radius:999px; background:#25d366; color:#05230f; text-decoration:none; box-shadow:0 16px 45px rgba(0,0,0,.4); transition:transform .2s,box-shadow .2s; }
.whatsapp-float:hover { transform:translateY(-3px); box-shadow:0 20px 55px rgba(0,0,0,.5); }
.whatsapp-float-icon { display:grid; width:50px; height:50px; flex:0 0 50px; place-items:center; border-radius:50%; background:#0b6f36; color:#fff; }
.whatsapp-float-icon svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.whatsapp-float-copy { display:grid; gap:2px; }
.whatsapp-float-copy small { font-size:10px; font-weight:700; letter-spacing:.05em; }
.whatsapp-float-copy b { font-size:13px; line-height:1.2; }

.quote-layer { position:fixed; z-index:50; inset:0; pointer-events:none; visibility:hidden; }
.quote-layer.is-open { pointer-events:auto; visibility:visible; }
.quote-backdrop { position:absolute; inset:0; border:0; background:rgba(1,7,10,.72); opacity:0; backdrop-filter:blur(5px); transition:opacity .35s; }
.quote-panel { position:absolute; top:0; right:0; width:min(540px,100vw); height:100%; overflow-y:auto; padding:clamp(70px,9vh,110px) clamp(34px,5vw,72px); background:#081219; color:#fff; transform:translateX(101%); transition:transform .5s cubic-bezier(.22,.8,.2,1); }
.quote-layer.is-open .quote-backdrop { opacity:1; }
.quote-layer.is-open .quote-panel { transform:translateX(0); }
.quote-close { position:absolute; top:28px; right:30px; width:42px; height:42px; border:1px solid rgba(16,26,32,.2); border-radius:50%; background:transparent; cursor:pointer; }
.quote-close span { position:absolute; left:12px; top:20px; width:17px; height:1px; background:#101a20; transform:rotate(45deg); }
.quote-close span:last-child { transform:rotate(-45deg); }
.panel-kicker { margin:0 0 16px; color:#9b650c; font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.quote-panel h2 { max-width:420px; margin:0; font-family:var(--font-oswald),sans-serif; font-size:clamp(42px,5vw,64px); font-weight:600; line-height:1; letter-spacing:-.03em; text-transform:uppercase; }
.panel-intro,.success-state > p:last-of-type { margin:20px 0 32px; color:#5f686d; font-size:13px; line-height:1.7; }
.quote-panel form,.quote-panel label { display:grid; }
.quote-panel form { gap:20px; }
.quote-panel label { gap:8px; color:#344048; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.quote-panel input { width:100%; height:46px; padding:0; border:0; border-bottom:1px solid #aeb1ad; border-radius:0; background:transparent; color:#fff; outline:0; font-size:14px; text-transform:none; }
.quote-panel input:focus { border-bottom-color:#a86d0e; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.form-submit { display:flex; align-items:center; justify-content:space-between; height:54px; margin-top:10px; padding:0 20px; border:0; background:#111c22; color:#fff; cursor:pointer; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.success-state { padding-top:18vh; }
.success-mark { display:grid; width:58px; height:58px; margin-bottom:28px; place-items:center; border-radius:50%; background:var(--amber); color:#111; font-size:24px; }

/* Dark, high-readability editorial system */
body { font-size:17px; }
.site-shell { background:#050d12; }
.topbar { background:linear-gradient(180deg,rgba(2,8,12,.98),rgba(2,8,12,.78)); }
.brand { font-size:15px; }
.nav-links a,.nav-quote { font-size:12px; }
.eyebrow,.deck-label,.trust-strip,.scroll-cue { font-size:11px; }
.hero-copy > p { max-width:650px; color:rgba(255,255,255,.88); font-size:clamp(16px,1.25vw,20px); line-height:1.7; }
.support-note { color:rgba(255,255,255,.76); font-size:12px; }
.support-note b { font-size:12px; }
.thumb-meta b { font-size:14px; }
.thumb-meta small { font-size:11px; }
.deck-controls small { font-size:13px; }
.section-kicker { color:#f4b84d; font-size:12px; font-weight:800; letter-spacing:.18em; }

#contenido { isolation:isolate; background:#050d12; }
#contenido::before { content:""; position:fixed; z-index:0; inset:-8%; pointer-events:none; background:linear-gradient(rgba(3,9,13,.76),rgba(3,9,13,.9)),url('assets/ambient-logistics.webp') center/cover no-repeat; opacity:.5; animation:ambientDrift 32s ease-in-out infinite alternate; will-change:transform; }
#contenido > section,#contenido > footer { position:relative; z-index:1; }
body.modal-open { overflow:hidden; }
.hero-copy.is-refreshing { animation:copyIn .8s cubic-bezier(.22,.8,.2,1) both; }
@keyframes ambientDrift { from { transform:scale(1.03) translate3d(-1.5%,0,0); } to { transform:scale(1.13) translate3d(1.5%,-1%,0); } }

.intro-section,.process-section,.faq-section { background:rgba(7,16,22,.94); color:var(--text); }
.products-section { background:rgba(8,12,14,.95); }
.feature-section { background:rgba(9,20,27,.97); }
.intro-section .section-kicker,.process-section .section-kicker,.faq-section .section-kicker,.feature-section .section-kicker { color:#f4b84d; }
h2 em { color:#e2ad52; }
.intro-copy { max-width:600px; }
.intro-copy > p,.products-heading > p,.process-list p,.feature-copy > p,.faq-lead,.faq-list details p,.closing-copy > p { color:var(--muted); font-size:clamp(16px,1.2vw,18px); line-height:1.75; }
.text-link { color:#fff; border-color:#e2ad52; font-size:13px; }

.service-grid { gap:18px; border:0; }
.service-card { min-height:520px; overflow:hidden; padding:0; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:#0b151b; box-shadow:0 22px 60px rgba(0,0,0,.22); }
.service-visual { position:relative; height:240px; overflow:hidden; background:#111d23; }
.service-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,13,18,.85),transparent 65%); }
.service-visual img { width:100%; height:100%; object-fit:cover; transition:transform .8s ease; }
.service-card:hover .service-visual img { transform:scale(1.06); }
.service-icon { position:absolute; z-index:2; left:24px; bottom:20px; width:58px; height:58px; margin:0; border-color:rgba(255,255,255,.5); background:rgba(4,11,15,.72); color:#ffc55e; font-size:11px; backdrop-filter:blur(8px); }
.service-card-copy { padding:28px 26px 32px; }
.service-card-copy > span { color:#f4b84d; font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.service-card h3 { margin:10px 0 14px; color:#fff; font-size:34px; }
.service-card p { color:var(--muted); font-size:16px; line-height:1.7; }

.products-heading > p { max-width:520px; }
.rail-hint { color:#d3d9dc; font-size:12px; }
.product-card { border:1px solid rgba(255,255,255,.14); border-radius:12px; }
.product-card-copy small { color:#ffc966; font-size:11px; }
.product-card-copy h3 { font-size:clamp(30px,2.4vw,42px); }
.product-card-copy p { color:rgba(255,255,255,.78); font-size:13px; line-height:1.45; }
.data-note span,.data-note a { font-size:12px; }
.data-note p { color:#aeb8bd; font-size:14px; line-height:1.7; }

.process-list { border-color:rgba(255,255,255,.17); }
.process-list article { grid-template-columns:64px 150px minmax(230px,.72fr) 1fr; min-height:180px; border-color:rgba(255,255,255,.17); }
.process-list article > span { color:#f4b84d; font-size:22px; }
.process-thumb { width:138px; aspect-ratio:4/3; overflow:hidden; border-radius:10px; background:#142128; }
.process-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.process-list article:hover .process-thumb img { transform:scale(1.07); }
.process-list h3 { color:#fff; font-size:clamp(30px,2.7vw,44px); }

.feature-copy li { color:#edf0ee; font-size:15px; line-height:1.5; }
.primary-dark { height:56px; font-size:12px; }
.faq-section { grid-template-columns:.8fr 1.2fr; }
.faq-lead { max-width:520px; }
.faq-visual { position:relative; height:310px; margin-top:38px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:12px; }
.faq-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,10,14,.85),transparent 65%); }
.faq-visual img { width:100%; height:100%; object-fit:cover; }
.faq-visual span { position:absolute; z-index:2; left:22px; bottom:20px; color:#fff; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.faq-list { border-color:rgba(255,255,255,.2); }
.faq-list details { border-color:rgba(255,255,255,.2); }
.faq-list summary { min-height:102px; color:#fff; font-size:clamp(23px,2vw,31px); }
.faq-list summary span { color:#f4b84d; }
.faq-list details p { margin-bottom:34px; }

footer > p { color:#b5bec3; font-size:13px; }
footer > div a { color:#dce1e3; font-size:12px; }
footer > small { color:#89959b; font-size:11px; line-height:1.6; }

.quote-panel { background:#081219; color:#fff; border-left:1px solid rgba(255,255,255,.14); }
.quote-close { border-color:rgba(255,255,255,.3); }
.quote-close span { background:#fff; }
.panel-kicker { color:#f4b84d; font-size:13px; }
.panel-intro,.success-state > p:last-of-type { color:var(--muted); font-size:16px; }
.quote-panel label { color:#e8ecee; font-size:13px; }
.quote-panel input { height:52px; border-bottom-color:rgba(255,255,255,.35); color:#fff; font-size:16px; }
.quote-panel input::placeholder { color:#7f8b92; }
.form-submit { height:58px; background:var(--amber); color:#10171b; font-size:13px; }

@media (max-width:1180px) {
  html { scroll-padding-top:126px; }
  .topbar { height:124px; padding:0 28px; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:76px 48px; }
  .topbar > .brand { grid-column:1; grid-row:1; }
  .topbar > .nav-quote { grid-column:2; grid-row:1; }
  .nav-links { grid-column:1/-1; grid-row:2; width:100%; justify-content:center; gap:clamp(25px,5vw,64px); border-top:1px solid rgba(255,255,255,.1); }
  .nav-links a { height:48px; }
  .hero-copy { width:54vw; }
  .hero-copy h1 { font-size:clamp(62px,8.2vw,98px); }
  .slide-deck { width:40vw; }
  .thumb-card { height:145px; }
  .trust-strip { display:flex; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
  .product-rail { grid-auto-columns:minmax(300px,42vw); }
}

@media (max-width:900px) {
  .hero-section { height:auto; min-height:0; display:flex; flex-direction:column; padding:164px 30px 42px; }
  .hero-shade { background:linear-gradient(0deg,rgba(3,10,14,.98),rgba(3,10,14,.78) 62%,rgba(3,10,14,.36)); }
  .hero-copy { position:relative; top:auto; left:auto; right:auto; width:100%; transform:none; }
  @keyframes copyIn { from { opacity:0; transform:translateY(24px); } }
  .hero-copy h1 { font-size:clamp(58px,12vw,88px); }
  .hero-copy > p { max-width:690px; }
  .hero-actions { flex-wrap:wrap; }
  .slide-deck { position:relative; right:auto; left:auto; bottom:auto; width:100%; margin-top:48px; }
  .thumbnail-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .thumb-card { height:150px; }
  .trust-strip { position:relative; left:auto; right:auto; bottom:auto; flex-wrap:wrap; row-gap:8px; margin-top:25px; }
  .scroll-cue { position:relative; left:auto; bottom:auto; margin:20px auto 0; transform:none; }
  .intro-grid,.products-heading,.feature-section,.faq-section,.location-section { grid-template-columns:1fr; }
  .intro-grid,.products-heading { gap:32px; }
  .intro-copy { max-width:650px; }
  .feature-copy { padding:70px 30px 90px; }
  .feature-photo { min-height:60svh; }
  .feature-photo::after { background:linear-gradient(0deg,rgba(13,23,28,.95),transparent 45%); }
  .faq-section { gap:60px; }
  .location-copy { padding:90px 30px 70px; }
  .map-frame,.map-frame iframe { min-height:520px; }
  .process-list article { grid-template-columns:54px 130px 1fr; padding:28px 0; }
  .process-thumb { width:126px; }
  .process-list p { grid-column:2/-1; }
  .data-note { grid-template-columns:1fr; gap:12px; }
  .data-note a { margin-top:8px; }
  footer { grid-template-columns:1fr auto; }
  footer > p { grid-column:1/-1; }
}

@media (max-width:760px) {
  html { scroll-padding-top:120px; }
  .topbar { height:118px; padding:0 16px; grid-template-rows:72px 46px; }
  .brand-logo { width:clamp(158px,46vw,190px); }
  .nav-quote { min-width:112px; height:42px; justify-content:center; gap:8px; padding:0 12px; border:1px solid rgba(255,255,255,.35); border-radius:999px; font-size:10px; }
  .nav-quote svg { width:18px; height:18px; }
  .nav-links { height:46px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); justify-content:stretch; gap:3px; overflow:visible; }
  .nav-links::-webkit-scrollbar { display:none; }
  .nav-links a { height:46px; min-width:0; padding:0 1px; text-align:center; font-size:8px; line-height:1.15; letter-spacing:.02em; }
  .hero-section { min-height:0; padding:146px 20px 30px; }
  .hero-copy { top:auto; left:auto; right:auto; }
  .eyebrow { margin-bottom:15px; font-size:11px; }
  .eyebrow span { width:25px; }
  .hero-copy h1 { max-width:100%; font-size:clamp(40px,13vw,64px); line-height:.9; }
  .hero-copy h1 span { white-space:normal; overflow-wrap:normal; }
  .hero-copy > p { margin-top:18px; font-size:16px; line-height:1.65; }
  .hero-actions { display:grid; gap:16px; margin-top:22px; }
  .support-note { display:grid; font-size:11px; }
  .primary-cta { width:max-content; max-width:100%; height:50px; padding-left:18px; font-size:10px; }
  .primary-cta > span { width:36px; height:36px; }
  .slide-deck { right:auto; left:auto; bottom:auto; margin-top:38px; }
  .deck-label { display:block; margin-bottom:10px; font-size:10px; }
  .thumbnail-row { display:grid; gap:10px; }
  .thumb-card { height:142px; }
  .thumb-number { top:11px; left:12px; }
  .thumb-meta { left:12px; right:38px; bottom:13px; }
  .thumb-meta b { font-size:12px; }
  .thumb-meta small { font-size:9px; }
  .thumb-arrow { right:10px; bottom:12px; width:28px; height:28px; }
  .deck-controls { margin-top:12px; }
  .deck-controls > button { width:42px; height:42px; }
  .trust-strip { left:auto; right:auto; bottom:auto; gap:6px 10px; margin-top:22px; font-size:9px; line-height:1.5; }
  .trust-strip span + span::before { margin-right:8px; }
  .scroll-cue { display:grid; bottom:auto; margin-top:18px; }
  .intro-section,.process-section,.faq-section { padding-left:20px; padding-right:20px; }
  .intro-grid h2,.products-heading h2,.process-heading h2,.feature-copy h2,.faq-section h2 { max-width:100%; font-size:clamp(40px,12.8vw,64px); overflow-wrap:break-word; }
  .service-grid { grid-template-columns:1fr; margin-top:65px; }
  .service-card { min-height:0; }
  .service-visual { height:220px; }
  .service-card p { font-size:16px; }
  .products-heading { padding:0 20px; }
  .rail-hint { margin-left:20px; margin-right:20px; }
  .product-rail { grid-auto-columns:86vw; padding-left:20px; padding-right:20px; }
  .data-note { margin-left:20px; margin-right:20px; }
  .process-list { margin-top:45px; }
  .process-list article { grid-template-columns:42px 1fr; gap:16px; padding:26px 0 30px; }
  .process-thumb { grid-column:2; width:100%; max-width:260px; }
  .process-list h3 { grid-column:1/-1; font-size:30px; }
  .process-list p { grid-column:1/-1; font-size:16px; }
  .faq-visual { height:240px; }
  .location-copy { padding:80px 20px 60px; }
  .location-copy h2 { font-size:clamp(48px,14vw,68px); }
  .location-copy > p { font-size:16px; }
  .location-actions { align-items:flex-start; flex-direction:column; }
  .map-frame,.map-frame iframe { min-height:460px; }
  .feature-badge { right:18px; bottom:18px; }
  .closing-section { min-height:690px; }
  .closing-copy { width:auto; margin:0 20px; }
  .closing-copy h2 { font-size:clamp(50px,15vw,78px); }
  .direct-contact { display:grid; gap:10px; }
  .direct-contact a { width:fit-content; max-width:100%; overflow-wrap:anywhere; }
  footer { grid-template-columns:1fr; padding-left:20px; padding-right:20px; }
  footer > .footer-brand .brand-logo { width:220px; }
  footer > div { flex-wrap:wrap; }
  footer > p,footer > small { grid-column:auto; }
  .quote-panel { padding:84px 24px 50px; }
  .field-row { grid-template-columns:1fr; }
  .whatsapp-float { right:max(12px,env(safe-area-inset-right)); bottom:max(12px,env(safe-area-inset-bottom)); min-height:60px; padding:6px 13px 6px 6px; }
  .whatsapp-float-icon { width:48px; height:48px; flex-basis:48px; }
  .whatsapp-float-copy small { font-size:9px; }
  .whatsapp-float-copy b { max-width:145px; font-size:12px; }
}

@media (max-width:560px) {
  .product-rail { grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:1fr; gap:16px; overflow:visible; padding:0 20px; scroll-snap-type:none; }
  .product-card { width:100%; aspect-ratio:4/5; }
  .rail-hint { justify-content:flex-start; }
  .feature-photo { min-height:420px; }
  .closing-section { min-height:720px; }
}

@media (max-width:390px) {
  .topbar { padding:0 10px; }
  .brand-logo { width:140px; }
  .nav-quote { min-width:101px; padding:0 9px; font-size:9px; }
  .nav-links a { font-size:8px; letter-spacing:0; }
  .hero-section { padding-left:14px; padding-right:14px; }
  .hero-copy h1 { font-size:clamp(38px,13.5vw,54px); }
  .thumbnail-row { gap:8px; }
  .thumb-card { height:130px; }
  .intro-section,.process-section,.faq-section { padding-left:16px; padding-right:16px; }
  .products-heading,.product-rail { padding-left:16px; padding-right:16px; }
  .data-note { margin-left:16px; margin-right:16px; }
  .intro-grid h2,.products-heading h2,.process-heading h2,.feature-copy h2,.faq-section h2 { font-size:clamp(38px,12.8vw,50px); }
  .feature-copy { padding-left:20px; padding-right:20px; }
  .closing-copy { margin-left:16px; margin-right:16px; }
  .closing-copy h2 { font-size:clamp(48px,15vw,62px); }
  footer { padding-left:16px; padding-right:16px; }
  footer > div { display:grid; gap:15px; }
  .whatsapp-float-copy small { display:block; }
  .whatsapp-float-copy b { max-width:120px; }
}

@media (max-height:720px) and (min-width:901px) {
  .hero-copy { top:47%; }
  .hero-copy h1 { font-size:70px; }
  .hero-copy > p { margin-top:16px; }
  .hero-actions { margin-top:18px; }
  .thumb-card { height:125px; }
  .slide-deck { bottom:24px; }
  .trust-strip { bottom:25px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}