/* Composiciones exclusivas de la página Nosotros. */
.nosotros-hero{--hero-image:url("../../assets/empresa/nosotros/hero-nosotros-ingenieria-vial-rokasfaltos-2015.webp");--hero-image-position:right center;--hero-overlay:linear-gradient(90deg,rgba(5,10,12,.9) 0%,rgba(5,10,12,.62) 43%,rgba(5,10,12,.14) 76%,rgba(5,10,12,.04) 100%)}
.nosotros-hero .hero-title span{color:var(--color-brand-yellow)}

.nosotros-section{padding-block:var(--section-gap);background:var(--color-surface)}
.nosotros-section--soft,.nosotros-indicators{background:var(--color-surface-soft)}
.nosotros-section .eyebrow{margin:0 0 var(--space-sm);color:#b98900}
.nosotros-section .type-h2{max-width:720px;margin:0 0 var(--space-lg)}
.nosotros-lead{max-width:760px;margin:0 0 var(--space-xl);color:var(--color-text-secondary)}

.nosotros-indicators{padding-block:var(--space-lg)}
.nosotros-indicators__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}
.nosotros-indicators article{display:grid;grid-template-columns:30px 1fr;gap:var(--space-xs) var(--space-sm);align-items:center}
.nosotros-indicators img{grid-row:span 2;width:26px;height:26px}
.nosotros-indicators strong{font-size:13px}.nosotros-indicators span{font-size:12px;line-height:1.35;color:var(--color-text-secondary)}

.nosotros-history{background:#fff}.nosotros-history__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:var(--space-xl);align-items:start}
.nosotros-history .eyebrow,.nosotros-coverage .eyebrow,.nosotros-vision .eyebrow{position:relative;padding-bottom:var(--space-sm);margin-bottom:var(--space-md)}
.nosotros-history .eyebrow:after,.nosotros-coverage .eyebrow:after,.nosotros-vision .eyebrow:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--color-brand-yellow)}
.nosotros-history .type-h2{max-width:700px}.nosotros-history .type-h2 span,.nosotros-coverage .type-h2 span,.nosotros-vision .type-h2 span{color:var(--color-brand-yellow)}
.nosotros-history__narrative{display:grid;gap:var(--space-lg);margin-top:var(--space-xl)}
.nosotros-history__narrative article,.nosotros-history__timeline li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-md);align-items:start}
.nosotros-history__icon,.nosotros-history__timeline-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff3ce}
.nosotros-history__timeline-icon{position:relative;z-index:1;background:var(--color-brand-yellow)}
.nosotros-history__icon img,.nosotros-history__timeline-icon img{width:30px;height:30px;object-fit:contain}
.nosotros-history__narrative .type-h3{margin:3px 0 var(--space-xs);font-size:18px;text-transform:none}.nosotros-history__narrative .type-body{margin:0;color:var(--color-text-secondary);font-size:15px;line-height:1.45}
.nosotros-history__media{display:grid;gap:var(--space-md)}.nosotros-history__media figure{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.nosotros-history__media img{display:block;width:100%;object-fit:cover}.nosotros-history__media figure:first-child img{height:210px}.nosotros-history__media figure:last-child img{height:340px}
.nosotros-history__media figcaption{position:absolute;z-index:1;display:grid;gap:3px;max-width:230px;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:14px;line-height:1.35}
.nosotros-history__media figcaption:before{content:"";position:absolute;top:var(--space-md);bottom:var(--space-md);left:10px;width:5px;border-radius:999px;background:var(--color-brand-yellow)}
.nosotros-history__media figcaption strong,.nosotros-history__media figcaption span{padding-left:var(--space-sm)}
.nosotros-history__media figure:first-child figcaption{top:var(--space-md);right:var(--space-md);background:rgba(255,255,255,.93);color:var(--color-text)}
.nosotros-history__media figure:last-child figcaption{right:var(--space-md);bottom:var(--space-md);background:rgba(5,10,12,.92);color:#fff}
.nosotros-history__timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin:var(--space-xl) 0 0;padding:0;list-style:none}
.nosotros-history__timeline li{position:relative}.nosotros-history__timeline li:not(:last-child):after{content:"";position:absolute;top:31px;left:76px;width:calc(100% - 80px);height:2px;background:var(--color-brand-yellow)}
.nosotros-history__timeline strong{display:block;margin:4px 0 0;font-size:26px;font-weight:900;line-height:1}.nosotros-history__timeline .type-h3{margin:3px 0 var(--space-xs);font-size:16px}.nosotros-history__timeline p{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.4}

.nosotros-solutions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}
.nosotros-solutions a{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--transition-standard),box-shadow var(--transition-standard)}
.nosotros-solutions a:hover,.nosotros-solutions a:focus-visible{transform:translateY(var(--action-lift));box-shadow:var(--shadow-interactive)}
.nosotros-solutions img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform var(--transition-standard)}.nosotros-solutions a:nth-child(1) img{object-position:center 62%}.nosotros-solutions a:nth-child(4) img{object-position:center 75%}.nosotros-solutions a:hover img,.nosotros-solutions a:focus-visible img{transform:scale(1.03)}
.nosotros-solutions h3,.nosotros-solutions p,.nosotros-solutions span{margin:0 var(--space-md)}.nosotros-solutions h3{margin-top:var(--space-md)}.nosotros-solutions p{margin-top:var(--space-sm);color:var(--color-text-secondary);font-size:13px;line-height:1.4}.nosotros-solutions span{margin-top:auto;margin-bottom:var(--space-md);padding-top:var(--space-md);color:#a87500;font-size:13px;font-weight:800}

.nosotros-coverage{padding-block:var(--space-xl);background:#fff}.nosotros-coverage__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:var(--space-lg);align-items:center}.nosotros-coverage .type-h2{max-width:600px;margin-bottom:var(--space-md);line-height:.96}.nosotros-coverage .type-h2 br:first-of-type{display:none}
.nosotros-coverage__lead{max-width:640px;margin:0 0 var(--space-xs);color:var(--color-text-secondary);line-height:1.4}.nosotros-coverage__locations{display:grid;gap:var(--space-sm);margin-top:var(--space-md)}
.nosotros-coverage__locations article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-sm);align-items:center}.nosotros-coverage__locations .feature-item__icon{width:44px;height:44px;background:#fff3ce}.nosotros-coverage__locations .feature-item__icon svg{width:23px;height:23px}.nosotros-coverage__locations .type-h3{margin:0 0 2px;font-size:clamp(18px,1.4vw,22px);line-height:1.1;text-transform:none}.nosotros-coverage__locations p{margin:0;color:var(--color-text-secondary);font-size:var(--type-aux-size);line-height:1.3}
.nosotros-coverage__map{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-md)}.nosotros-coverage__map:after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(112% 42% at 0 0,#fff 0%,rgba(255,255,255,.98) 8%,transparent 21%),radial-gradient(104% 46% at 0 50%,#fff 0%,rgba(255,255,255,.96) 9%,transparent 20%),radial-gradient(116% 40% at 0 100%,#fff 0%,rgba(255,255,255,.94) 8%,transparent 21%);pointer-events:none}.nosotros-coverage__map img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 4%,#000 21%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 4%,#000 21%,#000 100%)}
.nosotros-coverage__distributors{display:grid;grid-template-columns:56px minmax(0,1.15fr) minmax(0,.85fr) auto;gap:var(--space-sm);align-items:center;margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:#fff8df}.nosotros-coverage__distributors .feature-item__icon{width:48px;height:48px;background:var(--color-brand-yellow)}.nosotros-coverage__distributors .type-h3,.nosotros-coverage__distributors p{margin:0}.nosotros-coverage__distributors .type-h3{font-size:var(--type-h3-size);line-height:1.1;text-transform:none}.nosotros-coverage__distributors p{padding-left:var(--space-md);border-left:1px solid #b9bdba;color:var(--color-text-secondary);font-size:var(--type-body-size);line-height:1.3}.nosotros-coverage__distributors .button{min-height:44px;padding-inline:var(--space-md);white-space:nowrap}

.nosotros-clients{margin-top:var(--space-xl);overflow:hidden}.nosotros-clients__track{display:flex;gap:var(--space-lg);width:max-content;animation:nosotros-scroll 38s linear infinite}.nosotros-clients img{width:180px;height:82px;object-fit:contain}.nosotros-clients:hover .nosotros-clients__track{animation-play-state:paused}@keyframes nosotros-scroll{to{transform:translateX(-35%)}}@media(prefers-reduced-motion:reduce){.nosotros-clients__track{animation:none}}

.nosotros-commitment-section{background:#fff}.nosotros-commitment-section .type-h2 span{display:inline-block;padding:0 var(--space-sm);background:var(--color-brand-yellow);color:var(--color-text)}.nosotros-commitment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.nosotros-commitment article{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);min-width:0;min-height:300px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.nosotros-commitment__copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:var(--space-md)}.nosotros-commitment__copy .feature-item__icon{margin-bottom:var(--space-sm);background:var(--color-brand-yellow)}.nosotros-commitment__copy .type-h3{max-width:100%;margin:0 0 var(--space-sm);font-size:clamp(18px,1.35vw,22px);line-height:1.1}.nosotros-commitment__copy p{margin:0;color:var(--color-text-secondary);line-height:1.4}.nosotros-commitment__copy .button{box-sizing:border-box;max-width:100%;min-width:0;min-height:36px;margin-top:auto;padding:var(--space-xs) var(--space-sm);font-size:var(--type-aux-size);line-height:1.2;text-align:center;white-space:normal}.nosotros-commitment article>img{width:100%;height:100%;object-fit:cover}.nosotros-commitment article:nth-child(1)>img{object-position:center}.nosotros-commitment article:nth-child(2)>img{object-position:58% center}.nosotros-commitment article:nth-child(3)>img{object-position:56% center}

.nosotros-vision{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--space-md);background:#fff}.nosotros-vision__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-lg);align-items:center}.nosotros-vision .eyebrow{margin-bottom:var(--space-sm);color:#b98900}.nosotros-vision .type-h2{margin-bottom:var(--space-sm);font-size:clamp(28px,2.7vw,40px)}.nosotros-vision .type-body{max-width:650px;margin:0;color:var(--color-text-secondary)}.nosotros-vision__media{height:242px;margin:0;overflow:hidden;border-radius:var(--radius-md)}.nosotros-vision__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}

.nosotros-project-close{position:relative;isolation:isolate;min-height:176px;padding-block:var(--space-sm);background:linear-gradient(90deg,rgba(5,10,12,.9) 0%,rgba(5,10,12,.7) 42%,rgba(5,10,12,.43) 70%,rgba(5,10,12,.34) 100%),url("../../assets/empresa/nosotros/cierre-institucional-carretera-pavimentada-rokasfaltos.webp") center 60%/cover;color:#fff}.nosotros-project-close__inner{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:var(--space-md);align-items:center;min-height:160px}.nosotros-project-close__content{display:grid;gap:var(--space-xs)}.nosotros-project-close .eyebrow{margin:0;color:#fff}.nosotros-project-close .type-h2{margin:0;color:#fff;font-size:clamp(28px,2.7vw,40px)}.nosotros-project-close .type-h2 span{color:var(--color-brand-yellow)}.nosotros-project-close__content .type-body{max-width:640px;margin:0;color:#fff}.nosotros-project-close__action{display:flex;align-items:center;justify-content:flex-start}.nosotros-project-close__action .button{min-width:0;min-height:42px;padding-block:8px;white-space:nowrap}

@media(min-width:981px){.nosotros-hero{background-image:var(--hero-overlay),var(--hero-image);background-position:center,right center;background-size:100% 100%,70% auto;background-repeat:no-repeat,no-repeat}.nosotros-hero,.nosotros-hero .hero__inner{height:min(538px,28vw);min-height:0}.nosotros-hero .hero__content{max-width:900px}.nosotros-hero .hero-title{font-size:clamp(40px,3.3vw,54px)}.nosotros-hero .hero-lead{max-width:620px}}
@media(max-width:980px){.nosotros-history__grid,.nosotros-coverage__grid,.nosotros-vision__grid,.nosotros-project-close__inner{grid-template-columns:1fr}.nosotros-history__media{grid-template-columns:repeat(2,minmax(0,1fr))}.nosotros-history__media figure:first-child img,.nosotros-history__media figure:last-child img{height:280px}.nosotros-history__timeline{gap:var(--space-md)}.nosotros-history__timeline li{grid-template-columns:52px minmax(0,1fr)}.nosotros-history__timeline-icon{width:52px;height:52px}.nosotros-history__timeline li:not(:last-child):after{top:25px;left:62px;width:calc(100% - 66px)}.nosotros-solutions{grid-template-columns:repeat(2,minmax(0,1fr))}.nosotros-coverage__map{order:2}.nosotros-coverage__map img{max-height:400px}.nosotros-coverage__distributors{grid-template-columns:52px 1fr auto;margin-top:var(--space-md)}.nosotros-coverage__distributors p{grid-column:2;grid-row:2;padding-left:0;border-left:0}.nosotros-coverage__distributors .button{grid-column:3;grid-row:1/3}.nosotros-commitment{grid-template-columns:1fr}.nosotros-commitment article{min-height:280px}.nosotros-commitment__copy{padding:var(--space-lg)}.nosotros-vision{padding-block:var(--space-lg)}.nosotros-vision__media{height:240px}.nosotros-project-close{padding-block:var(--space-md)}.nosotros-project-close__inner{min-height:0}}
@media(max-width:600px){.nosotros-hero{--hero-image-position:right center;--hero-overlay:linear-gradient(90deg,rgba(5,10,12,.95) 0%,rgba(5,10,12,.84) 50%,rgba(5,10,12,.38) 74%,rgba(5,10,12,.05) 100%);background-image:var(--hero-overlay),var(--hero-image);background-position:right center;background-size:cover}.nosotros-hero .hero__eyebrow{text-shadow:0 1px 8px rgba(0,0,0,.7)}.nosotros-hero .hero-title{text-shadow:0 2px 14px rgba(0,0,0,.5)}.nosotros-hero .hero-lead{text-shadow:0 1px 10px rgba(0,0,0,.7)}.nosotros-section{padding-block:var(--space-xl)}.nosotros-indicators__grid,.nosotros-solutions,.nosotros-commitment{grid-template-columns:1fr}.nosotros-history__media,.nosotros-history__timeline{grid-template-columns:1fr}.nosotros-history__narrative{gap:var(--space-md)}.nosotros-history__narrative article{grid-template-columns:52px minmax(0,1fr)}.nosotros-history__icon{width:52px;height:52px}.nosotros-history__media figure:first-child img,.nosotros-history__media figure:last-child img{height:230px}.nosotros-history__timeline{gap:var(--space-lg)}.nosotros-history__timeline li{grid-template-columns:52px minmax(0,1fr)}.nosotros-history__timeline li:not(:last-child):after{top:52px;bottom:calc(var(--space-lg) * -1);left:25px;width:2px;height:auto}.nosotros-history__timeline-icon{width:52px;height:52px}.nosotros-coverage{padding-block:var(--space-xl)}.nosotros-coverage .type-h2 br:first-of-type{display:block}.nosotros-coverage__locations article{grid-template-columns:44px minmax(0,1fr)}.nosotros-coverage__map img{max-height:none}.nosotros-coverage__distributors{grid-template-columns:52px minmax(0,1fr)}.nosotros-coverage__distributors p,.nosotros-coverage__distributors .button{grid-column:1/-1;grid-row:auto}.nosotros-coverage__distributors .button{width:100%}.nosotros-clients{overflow-x:auto}.nosotros-clients img{width:140px}.nosotros-commitment article{grid-template-columns:1fr;min-height:0}.nosotros-commitment__copy{min-height:0}.nosotros-commitment article>img{height:220px;order:-1}.nosotros-commitment__copy .button{width:100%}.nosotros-vision__media{height:auto}.nosotros-vision__media img{height:auto;object-fit:contain}.nosotros-project-close{min-height:0;padding-block:var(--space-md);background-position:58% center}.nosotros-project-close__action .button{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding-inline:44px;text-align:center;white-space:normal}.nosotros-project-close__action .button span{position:absolute;right:var(--space-md)}}
@media(max-width:600px){.nosotros-coverage__distributors .button{width:fit-content;max-width:100%;justify-self:center}}