:root{--ink:#171a1d;--graphite:#24292d;--yellow:#f7b500;--yellow2:#ffca19;--green:#0ecb57;--paper:#fff;--muted:#f2f2f0;--line:#d9d9d6;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3,.btn,nav a{text-transform:uppercase}a{color:inherit;text-decoration:none}.site-header{height:96px;display:flex;align-items:center;padding:0 max(24px,calc((100% - var(--max))/2));gap:26px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #0001}.brand{align-self:flex-start;z-index:3}.brand img{width:118px;height:118px;display:block}.site-header nav{display:flex;align-items:center;gap:24px;margin-left:auto}.site-header nav a{font-size:12px;font-weight:900;padding:39px 0 33px;border-bottom:4px solid transparent}.site-header nav a:hover{border-color:var(--yellow)}.btn{border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;font-weight:900;font-size:14px;cursor:pointer}.btn-whatsapp{background:var(--green);color:#fff}.btn-primary,.btn-product{background:linear-gradient(#ffc716,#f1aa00);color:#111;box-shadow:0 6px 18px #0002}.header-cta{white-space:nowrap}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{width:26px;height:3px;background:#111;display:block;margin:5px}.hero{min-height:535px;background-image:linear-gradient(90deg,rgba(9,12,14,.92) 0%,rgba(9,12,14,.68) 35%,rgba(9,12,14,.05) 67%),url('../assets/images/hero-camion.jpg');background-position:center;background-size:cover;color:#fff;position:relative}.hero-inner{max-width:var(--max);margin:auto;padding:54px 24px}.eyebrow{color:var(--yellow2);font-weight:900;text-transform:uppercase;margin-bottom:6px}.hero h1{font-size:clamp(43px,5vw,68px);line-height:.89;letter-spacing:-2px;margin-bottom:26px;max-width:650px}.hero h1 em,.service h2 em,.delivery h2 em,footer em{font-style:normal;color:var(--yellow)}.hero-benefits{display:flex;gap:30px;margin:0 0 26px}.hero-benefits span{display:grid;grid-template-columns:auto 1fr;column-gap:9px;color:var(--yellow);font-size:24px}.hero-benefits b,.hero-benefits small{color:#fff;font-size:13px;text-transform:none}.hero-benefits small{grid-column:2}.hero-script{position:absolute;right:8%;bottom:24px;font-size:29px;font-weight:700;font-style:italic;transform:rotate(-6deg);text-shadow:0 2px 6px #000}.section{max-width:var(--max);margin:auto;padding:38px 24px}.section-heading{text-align:center}.section-heading h2{font-size:30px;margin-bottom:2px}.section-heading p{text-transform:uppercase;color:#444}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.product-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;text-align:center;box-shadow:0 4px 14px #0001;background:#fff}.product-photo{height:176px;background-image:url('../assets/images/aridos-catalogo.jpg');background-size:500% 100%;background-repeat:no-repeat}.p1{background-position:0 0}.p2{background-position:25% 0}.p3{background-position:50% 0}.p4{background-position:75% 0}.p5{background-position:100% 0}.product-card h3{font-size:19px;min-height:44px;margin:13px 8px 4px}.product-card p{font-size:13px;margin:0 0 12px}.sizes{display:flex;gap:4px;padding:0 9px 12px}.sizes button{border:0;border-radius:4px;background:#eee;padding:8px 5px;flex:1;font-weight:700;cursor:pointer;white-space:nowrap}.sizes button.active{background:var(--ink);color:#fff}.btn-product{width:calc(100% - 18px);margin:0 9px 11px;padding:11px}.volume-note{text-align:center;font-size:12px;margin:14px 0 0}.split-services{display:grid;grid-template-columns:1.12fr .88fr;max-width:1440px;margin:auto;gap:4px}.service{min-height:285px;background-image:linear-gradient(90deg,rgba(20,23,26,.9),rgba(20,23,26,.1)),url('../assets/images/cemento-betonera.jpg');background-size:200% 100%;color:#fff;display:flex;align-items:center;padding:36px}.cement{background-position:left}.mixer{background-position:right}.service div{max-width:330px}.service h2{font-size:30px;margin-bottom:12px}.cement div{margin-left:auto}.service p{font-size:18px;line-height:1.35}.delivery{background:linear-gradient(100deg,#151b20 0%,#20282e 50%,#11181d 100%);color:#fff;display:grid;grid-template-columns:1fr 1.25fr .75fr;align-items:center;padding:34px max(24px,calc((100% - var(--max))/2));gap:24px}.delivery h2{font-size:29px}.delivery-copy ul,.delivery aside ul{list-style:none;padding:0;margin:0}.delivery-copy li{padding:10px 0}.delivery-copy li::first-letter,.delivery aside li{color:var(--yellow)}.map{position:relative;min-height:310px}.map svg{width:100%;height:310px}.map-labels span{position:absolute;background:#202428;color:#fff;border-radius:4px;padding:4px 7px;font-size:11px}.map-labels span:nth-child(1){top:24%;left:56%}.map-labels span:nth-child(2){top:10%;left:52%}.map-labels span:nth-child(3){top:19%;left:41%}.map-labels span:nth-child(4){top:38%;left:50%}.map-labels span:nth-child(5){top:48%;left:58%}.map-labels span:nth-child(6){top:36%;left:35%}.map-labels span:nth-child(7){top:47%;left:23%}.map-labels span:nth-child(8){top:58%;left:43%}.map-labels span:nth-child(9){top:70%;left:51%}.map-labels span:nth-child(10){top:81%;left:59%}.delivery aside{background:#1b2228df;border-radius:8px;padding:20px}.delivery aside h3{color:var(--yellow);font-size:15px}.delivery aside li{padding:4px 0;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{position:relative;text-align:center}.steps article:not(:last-child)::after{content:'';position:absolute;right:-24px;top:30px;color:#bbb;font-size:32px}.steps i{display:grid;place-items:center;margin:0 auto 15px;width:76px;height:76px;border:2px solid #ddd;border-radius:50%;font-style:normal;font-size:30px}.steps b{display:block;text-transform:uppercase}.steps b span{display:inline-grid;place-items:center;background:var(--yellow);border-radius:50%;width:30px;height:30px;margin-right:7px}.steps p{font-size:14px;line-height:1.5;margin:12px auto;max-width:220px}.trust{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.reasons{background:linear-gradient(135deg,#171a1d,#30363a);color:#fff;border-radius:6px;padding:24px}.reasons h2,.testimonials h2{text-align:center;font-size:20px}.reasons p{padding-left:8px;margin:12px 0;font-size:14px}.reasons b{display:block;color:#fff;text-transform:uppercase;margin-bottom:2px}.reasons b::first-letter{color:var(--yellow)}.testimonials{background:#f3f1ed;border-radius:6px;padding:18px}.testimonials>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.testimonials article{background:#fff;border-radius:5px;padding:18px;min-height:155px}.testimonials strong{color:var(--yellow);text-transform:uppercase}.testimonials p{font-style:italic;font-size:14px;line-height:1.45}.testimonials small{font-weight:700}.faq{padding-top:10px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}.faq details{border:1px solid #d8d8d8;border-radius:5px;background:#fff}.faq summary{padding:14px;font-weight:700;cursor:pointer}.faq details p{padding:0 14px 14px;margin:0;color:#555;line-height:1.5}.final-cta{text-align:center;color:#fff;background-image:linear-gradient(#14191ddd,#14191ddd),url('../assets/images/hero-camion.jpg');background-size:cover;background-position:center 65%;padding:28px 20px}.final-cta h2{font-size:31px;margin:0}.final-cta p{color:var(--yellow);font-weight:900;text-transform:uppercase;margin:4px 0 14px}footer{position:relative;background:#171c20;color:#d8dadd;display:grid;grid-template-columns:1.2fr 1fr .6fr 1.1fr;gap:45px;padding:34px max(24px,calc((100% - var(--max))/2)) 62px;font-size:13px}footer h3{font-size:12px;color:#fff}footer a{display:block;margin:5px 0}.footer-brand{display:grid;grid-template-columns:80px 1fr;align-items:center}.footer-brand img{width:80px}.footer-brand h2{font-size:18px;margin:0}.footer-brand p{grid-column:1/-1;line-height:1.45}.footer-brand em{font-size:16px}footer>small{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#888}.floating-wa{position:fixed;right:18px;bottom:18px;z-index:19;background:var(--green);color:#fff;border-radius:999px;padding:13px 18px;box-shadow:0 8px 24px #0005;display:flex;gap:8px;align-items:center}.floating-wa span{font-size:24px}
@media(max-width:1000px){.site-header{height:78px;padding:0 18px}.brand img{width:90px;height:90px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:10px 20px 20px;box-shadow:0 12px 20px #0002}.site-header nav.open{display:grid}.site-header nav a{padding:12px;border-bottom:1px solid #eee}.header-cta{display:none}.hero{min-height:580px}.product-grid{grid-template-columns:repeat(3,1fr)}.delivery{grid-template-columns:1fr 1fr}.delivery aside{grid-column:1/-1}.trust{grid-template-columns:1fr}footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:75px}.hero{min-height:650px;background-position:64% center;background-image:linear-gradient(90deg,rgba(9,12,14,.9),rgba(9,12,14,.3)),url('../assets/images/hero-camion.jpg')}.hero-inner{padding:52px 20px}.hero h1{font-size:47px}.hero-benefits{display:grid;gap:12px}.hero-script{display:none}.section{padding:32px 16px}.section-heading h2{font-size:26px}.product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.product-card{min-width:82vw;scroll-snap-align:center}.product-photo{height:210px}.split-services{grid-template-columns:1fr}.service{min-height:310px;padding:26px;background-size:200% 100%}.cement div{margin-left:0}.delivery{grid-template-columns:1fr;padding:32px 18px}.map{order:3}.delivery aside{grid-column:auto}.steps{grid-template-columns:1fr 1fr;gap:25px 10px}.steps article::after{display:none}.trust{padding-inline:16px}.testimonials>div{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:8px}.final-cta h2{font-size:25px}footer{grid-template-columns:1fr;gap:18px;padding:30px 20px 74px}.floating-wa b{display:none}.floating-wa{padding:12px 15px}.floating-wa span{font-size:26px}}
@media(max-width:390px){.hero h1{font-size:42px}.hero .btn{width:100%}.steps{grid-template-columns:1fr}.product-card{min-width:88vw}.service h2{font-size:27px}}

/* Segunda pasada visual: recursos independientes, iconografía y terminaciones */
.hero{background-image:linear-gradient(90deg,rgba(9,12,14,.94) 0%,rgba(9,12,14,.76) 34%,rgba(9,12,14,.12) 68%),url('../assets/images/hero-camion-aridos.webp');background-position:center center}
.btn{min-height:46px;border-radius:7px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 9px 22px #0003}.btn:focus-visible,.sizes button:focus-visible,.menu-toggle:focus-visible,summary:focus-visible{outline:3px solid #ffca19;outline-offset:3px}.btn-icon{width:22px;height:22px;flex:0 0 auto}.dark-icon{filter:brightness(0)}
.hero-benefits span{grid-template-columns:44px 1fr;align-items:center}.hero-benefits span>img{width:38px;height:38px;grid-row:1/3}.hero-benefits b{font-size:14px}.hero-benefits small{font-size:13px}
.product-card{display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #0002}.product-photo{display:block;width:100%;height:auto;aspect-ratio:1.32/1;object-fit:cover;background:none}.product-card h3{display:flex;align-items:center;justify-content:center}.product-card .sizes{margin-top:auto}.volume-note{display:flex;align-items:center;justify-content:center;gap:7px}.volume-note img{width:18px;height:18px}
.service{background-size:cover;background-position:center}.cement{background-image:linear-gradient(90deg,rgba(20,23,26,.1),rgba(20,23,26,.86)),url('../assets/images/cemento.webp')}.mixer{background-image:linear-gradient(90deg,rgba(20,23,26,.92),rgba(20,23,26,.06)),url('../assets/images/betonera-70l.webp')}.cement div{margin-left:auto;text-align:left}
.delivery{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(13,19,23,.97),rgba(13,19,23,.72),rgba(13,19,23,.93)),url('../assets/images/zona-oriente.webp');background-size:cover;background-position:center}.delivery-copy li{display:flex;align-items:center;gap:12px}.delivery-copy li img{width:28px;height:28px;flex:0 0 auto}.map{filter:drop-shadow(0 9px 18px #0006)}.map svg{overflow:visible}.map-labels span{box-shadow:0 3px 8px #0007;border:1px solid #ffffff45;font-weight:700}.delivery aside li{display:flex;align-items:center;gap:7px;color:#fff}.delivery aside li img{width:18px;height:18px}
.steps article:not(:last-child)::after{content:"";width:48px;height:2px;background:#c8c9ca;right:-38px;top:37px}.steps article:not(:last-child)::before{content:"";position:absolute;right:-38px;top:32px;width:9px;height:9px;border-top:2px solid #c8c9ca;border-right:2px solid #c8c9ca;transform:rotate(45deg)}.steps i img{width:42px;height:42px}.steps i{background:#fff;box-shadow:0 5px 15px #0000000d}
.reasons p{display:flex;align-items:center;gap:13px;padding:5px 0}.reasons p>img{width:34px;height:34px;flex:0 0 auto}.reasons p span{display:block}.faq summary{display:flex;align-items:center;gap:10px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary img{width:23px;height:23px}.faq summary::after{content:"+";font-size:20px;margin-left:auto}.faq details[open] summary::after{content:"−"}
.final-cta{background-image:linear-gradient(#14191dcf,#14191dcf),url('../assets/images/banner-final.webp');background-position:center;background-size:cover}.footer-contact p{display:flex;align-items:center;gap:8px}.footer-contact p img{width:19px;height:19px}.floating-wa img{width:28px;height:28px}
@media(max-width:1000px){.hero{background-position:62% center}.delivery{background-position:center}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){body{overflow-x:hidden}.hero{min-height:620px;background-position:67% center;background-image:linear-gradient(90deg,rgba(9,12,14,.94),rgba(9,12,14,.52)),url('../assets/images/hero-camion-aridos.webp')}.hero-benefits span{grid-template-columns:38px 1fr}.hero-benefits span>img{width:32px;height:32px}.product-grid{scroll-padding-inline:4px}.product-photo{aspect-ratio:1.42/1}.service{min-height:320px}.cement{background-image:linear-gradient(90deg,rgba(20,23,26,.18),rgba(20,23,26,.88)),url('../assets/images/cemento.webp')}.mixer{background-image:linear-gradient(90deg,rgba(20,23,26,.9),rgba(20,23,26,.15)),url('../assets/images/betonera-70l.webp')}.map{min-height:280px}.map svg{height:280px}.delivery aside{padding:18px}.faq summary{min-height:56px}.floating-wa{right:14px;bottom:14px}.steps article::before{display:none}}
@media(max-width:430px){.hero h1{font-size:44px}.hero-inner{padding-top:44px}.hero-benefits{gap:10px}.btn{padding-inline:15px}.service .btn{width:100%;font-size:12px}.map-labels span{font-size:9px;padding:3px 5px}.delivery{padding-inline:14px}}
@media(max-width:390px){.hero h1{font-size:40px}.product-card{min-width:88vw}}
@media(max-width:375px){.hero h1{font-size:38px}.eyebrow{font-size:13px}.hero-inner{padding-inline:16px}.sizes button{font-size:12px;padding-inline:3px}}

/* Sustitución puntual de fotografías aprobadas por el cliente */
.cement{background-image:linear-gradient(90deg,rgba(20,23,26,.06),rgba(20,23,26,.88)),url('../assets/images/cemento.webp');background-position:42% center;background-size:cover}
.delivery{display:block;min-height:clamp(410px,53.5vw,770px);padding:0;background-image:url('../assets/images/zona-oriente.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
.delivery>.delivery-copy,.delivery>.map,.delivery>aside{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.cement{background-image:linear-gradient(90deg,rgba(20,23,26,.08),rgba(20,23,26,.9)),url('../assets/images/cemento.webp');background-position:44% center}.delivery{min-height:56.28vw;background-size:contain;background-position:center;background-color:#142231}}

/* Ajustes puntuales: beneficios y testimonios de muestra */
.reasons b,.reasons b::first-letter{color:#fff}.reasons p span{color:#e7e9ea}.testimonials>div{align-items:stretch}.testimonials .message-card{display:flex;flex-direction:column;gap:12px;padding:14px;background:#f8faf9;border:1px solid #e2e7e4;box-shadow:0 5px 16px #17201910}.message-card header{display:flex;align-items:center;gap:9px}.message-card header strong{color:#222;font-size:12px;text-transform:none;line-height:1.25}.message-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#30363a;color:#fff;font-size:13px;font-weight:800}.message-app{display:grid;place-items:center;width:25px;height:25px;margin-left:auto;border-radius:50%;background:var(--green)}.message-app img{width:17px;height:17px}.message-bubble{position:relative;display:flex;flex-direction:column;flex:1;background:#e7f7ed;border-radius:4px 12px 12px 12px;padding:12px 12px 8px;box-shadow:0 2px 7px #14251a10}.message-bubble::before{content:"";position:absolute;left:-7px;top:0;border-top:9px solid #e7f7ed;border-left:8px solid transparent}.message-bubble p{margin:0 0 8px;color:#27302b;font-size:13px;font-style:normal;line-height:1.45}.message-bubble small{display:flex;justify-content:flex-end;gap:5px;margin-top:auto;color:#6e7d75;font-size:10px;font-weight:400}.message-bubble small span{color:#159ed0;font-weight:800}
@media(max-width:700px){.testimonials .message-card{min-height:auto}.message-bubble p{font-size:14px}.message-avatar{width:38px;height:38px;flex-basis:38px}}

/* WhatsApp del bloque ¿Por qué elegirnos?: igualar al amarillo de los otros beneficios */
.reasons p:last-child>img{filter:brightness(0) saturate(100%) invert(74%) sepia(99%) saturate(1776%) hue-rotate(359deg) brightness(101%) contrast(104%)}