*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0c0b;font-family:'Archivo',sans-serif;color:#f4f1e8;overflow-x:hidden}
a{color:#f4f1e8;text-decoration:none}a:hover{color:#e8873f}
img{max-width:100%}
@keyframes sure-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hd{font-family:'Archivo Black',sans-serif;font-weight:400;margin:0;letter-spacing:-.035em;line-height:.95;text-transform:uppercase}
.xl{line-height:.9;letter-spacing:-.045em}
.lb{font-family:'Archivo',sans-serif;font-weight:600;letter-spacing:.28em;text-transform:uppercase}
.rail{display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase}
.tile{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.tile:hover{transform:scale(1.015)}.tile:hover .ov{opacity:1}
.ov{opacity:0;transition:opacity .3s}
.cta{transition:transform .2s ease}.cta:hover{transform:translateY(-2px)}
.cell{transition:background .25s ease}.cell:hover{background:#141311}
nav.site{padding:20px 40px;position:sticky;top:0;background:rgba(13,12,11,.92);backdrop-filter:blur(12px);z-index:30;border-bottom:1px solid rgba(244,241,232,.22)}
nav.site a.on{color:#e8873f}
.leader{height:22px;background:#0d0c0b;background-image:repeating-linear-gradient(90deg,#f4f1e8 0 14px,transparent 14px 34px);background-size:auto 10px;background-position:center;background-repeat:repeat-x}
.leader.t{border-top:3px solid #d93a2b}.leader.b{border-bottom:3px solid #d93a2b}
.marquee{padding:15px 0;background:#d93a2b;overflow:hidden}
.marquee>div{display:flex;gap:40px;white-space:nowrap;animation:sure-mq 24s linear infinite;font-size:11px;color:#f4f1e8}
.sec{padding:34px 40px 40px}
.head{padding-bottom:22px;border-bottom:1px solid rgba(244,241,232,.22)}
.foot{margin-top:52px;padding-top:22px;border-top:1px solid rgba(244,241,232,.22);color:#8a857a}
.h-page{font-size:clamp(40px,5.6vw,86px);margin:76px 0 20px}
.sub{max-width:520px;font-size:15px;line-height:1.75;color:#8a857a;margin:0}
.grid1px{display:grid;gap:1px;background:rgba(244,241,232,.22);border-top:1px solid rgba(244,241,232,.22);border-bottom:1px solid rgba(244,241,232,.22)}
.prose p{font-size:16px;line-height:1.85;color:#c9c6bf;margin:0 0 20px;max-width:660px}
.prose h3{font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.03em;font-size:24px;margin:44px 0 16px;color:#f4f1e8}
.prose ul{margin:0 0 20px;padding-left:0;list-style:none;max-width:660px}
.prose li{font-size:16px;line-height:1.75;color:#c9c6bf;padding-left:22px;position:relative;margin-bottom:10px}
.prose li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:1px;background:#d93a2b}
footer.site{padding:40px}
.sitemap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-bottom:34px;border-bottom:1px solid rgba(244,241,232,.14)}
.sitemap h4{font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#d93a2b;margin:0 0 14px}
.sitemap a,.sitemap span{display:block;font-size:14px;color:#8a857a;margin-bottom:8px}
.sitemap a:hover{color:#f4f1e8}
/* Marcadores de contenido pendiente: NO se ven en el sitio publicado.
Solo se activan si el lleva data-dev="1" (ver el script al pie de cada página). */
html[data-dev="1"] .ph{outline:1px dashed rgba(232,135,63,.5);outline-offset:-1px}
[data-dev-only]{display:none}
html[data-dev="1"] [data-dev-only]{display:inline;color:#e8873f}
@media (max-width:900px){
.hero{grid-template-columns:1fr !important}
.hero-copy{border-right:none !important;border-bottom:1px solid rgba(244,241,232,.22)}
.hero-img{min-height:420px !important}
.stats{grid-template-columns:repeat(2,1fr) !important}
.caps{grid-template-columns:1fr !important}.caps>div{grid-column:auto !important}
.work{grid-template-columns:repeat(2,1fr) !important}
.step{flex-direction:column !important;gap:10px !important;align-items:flex-start !important}.step h3{width:auto !important}
.navlinks{display:none !important}
.sitemap{grid-template-columns:repeat(2,1fr) !important}
.fichaGrid{grid-template-columns:1fr !important}
section,nav.site,footer.site{padding-left:22px !important;padding-right:22px !important}
.rail{font-size:10px !important;letter-spacing:.2em !important}
.h-page{margin-top:44px !important}
}
@media (max-width:560px){.work{grid-template-columns:1fr !important}.stats{grid-template-columns:1fr !important}}