:root{--concreto:#eae7e0;--concreto-2:#dcd8ce;--acero:#1c1a18;--acero-80:#1c1a18cc;--rojo:#dc2626;--rojo-dark:#b91c1c;--oro:#d97706;--verde:#15803d;--gris-medio:#8b8578;--blanco:#fdfcfa;--display:"Big Shoulders Display", sans-serif;--body:"Inter", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--concreto);color:var(--acero);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rojo);align-items:center;gap:10px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--rojo);width:22px;height:2px;display:inline-block}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;font-weight:800;line-height:.98}h2{text-transform:uppercase;font-size:clamp(32px,4.4vw,52px)}h3{text-transform:uppercase;font-size:22px}p{color:var(--acero-80)}.btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--acero);cursor:pointer;border-radius:2px;align-items:center;gap:10px;padding:15px 26px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.btn-primary{background:var(--rojo);border-color:var(--rojo);color:#fff}.btn-primary:hover{background:var(--rojo-dark);border-color:var(--rojo-dark);transform:translateY(-2px)}.btn-ghost-light{color:#fff;background:0 0;border-color:#ffffff8c}.btn-ghost-light:hover{color:var(--acero);background:#fff;border-color:#fff;transform:translateY(-2px)}.btn-ghost-dark{border-color:var(--acero);color:var(--acero);background:0 0}.btn-ghost-dark:hover{background:var(--acero);color:#fff;transform:translateY(-2px)}header{z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c1a1800;padding:22px 0;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s,padding .25s;position:fixed;top:0;left:0;right:0}header.scrolled{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141210eb;padding:12px 0;box-shadow:0 1px #ffffff0f}header .wrap{justify-content:space-between;align-items:center;display:flex}.logo-box{background:#fff;border-radius:3px;align-items:center;padding:10px 20px;transition:padding .25s,transform .25s;display:inline-flex;box-shadow:0 3px 14px #00000038}.logo-mark{height:50px;transition:height .25s;display:block}header.scrolled .logo-box{padding:7px 16px}header.scrolled .logo-mark{height:38px}nav{align-items:center;gap:34px;display:flex}nav a{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffffdb;padding-bottom:4px;font-size:12.5px;font-weight:500;text-decoration:none;position:relative}nav a:after{content:"";background:var(--rojo);width:0;height:1.5px;transition:width .2s;position:absolute;bottom:0;left:0}nav a:hover:after{width:100%}.nav-cta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--rojo);color:#fff;border-radius:2px;padding:11px 20px;font-size:12px;font-weight:600;text-decoration:none}.nav-toggle{display:none}.hero{background:#141210;align-items:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero img{object-fit:cover;object-position:center 40%;opacity:.62;width:100%;height:100%;position:absolute;inset:0}.hero:before{content:"";background:linear-gradient(#0f0d0c59 0%,#0f0d0c40 40%,#0c0b0af0 100%);position:absolute;inset:0}.hero-content{z-index:2;width:100%;padding-bottom:64px;position:relative}.hero-content .eyebrow{color:#f4a340}.hero-content .eyebrow:before{background:#f4a340}.hero h1{color:#fff;text-transform:uppercase;max-width:14ch;margin-bottom:20px;font-size:clamp(44px,7.4vw,96px)}.hero h1 em{color:var(--rojo);font-style:normal}.hero .sub{color:#ffffffd1;max-width:52ch;margin-bottom:36px;font-size:18px}.hero-ctas{flex-wrap:wrap;gap:16px;margin-bottom:56px;display:flex}.spec-strip{border-top:1px solid #ffffff2e;flex-wrap:wrap;gap:0;padding-top:22px;display:flex}.spec-strip div{min-width:150px;font-family:var(--mono);color:#ffffffad;letter-spacing:.04em;text-transform:uppercase;flex:1;padding-right:24px;font-size:12px}.spec-strip strong{color:#fff;font-family:var(--display);text-transform:none;letter-spacing:0;margin-bottom:2px;font-size:26px;font-weight:700;display:block}section{padding:110px 0}.section-head{max-width:640px;margin-bottom:56px}.section-head p{margin-top:16px;font-size:17px}.nosotros{background:var(--concreto)}.nosotros-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.nosotros-photo{position:relative}.nosotros-photo img{border-radius:2px}.nosotros-photo .tag{background:var(--acero);color:#fff;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-left:3px solid var(--rojo);padding:12px 16px;font-size:11px;position:absolute;bottom:-18px;left:-18px}.nosotros-text p{margin-bottom:16px;font-size:16px}.stat-row{background:var(--gris-medio);border:1px solid var(--gris-medio);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:36px;display:grid}.stat-cell{background:var(--concreto);padding:22px 20px}.stat-cell strong{font-family:var(--display);color:var(--rojo);font-size:30px;font-weight:800;line-height:1;display:block}.stat-cell span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--acero-80);font-size:11.5px}.holcim{background:var(--acero);color:#fff;position:relative;overflow:hidden}.holcim-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;display:grid}.holcim .eyebrow{color:#f4a340}.holcim .eyebrow:before{background:#f4a340}.holcim h2{color:#fff}.holcim p{color:#ffffffb8;margin-bottom:16px;font-size:16.5px}.holcim-photo{position:relative}.holcim-photo img{filter:saturate(1.05)contrast(1.03);border-radius:2px}.plate{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#ffffffbf;border:1px solid #ffffff38;margin-top:28px;padding:20px 22px;font-size:12px}.plate strong{font-family:var(--display);color:#fff;text-transform:uppercase;letter-spacing:0;margin-bottom:6px;font-size:20px;font-weight:700;display:block}.productos{background:var(--concreto-2)}.ticket-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.ticket{background:var(--blanco);background-image:radial-gradient(circle at 0 0, transparent 8px, var(--blanco) 8.5px), radial-gradient(circle at 100% 0, transparent 8px, var(--blanco) 8.5px);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:50% 100%;border:1px solid #1c1a181f;padding:26px 24px 24px;position:relative}.ticket:before{content:"";border-top:2px dashed #1c1a1838;height:0;position:absolute;top:0;left:0;right:0}.ticket-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-top:6px;display:flex}.ticket-clave{font-family:var(--mono);color:var(--gris-medio);letter-spacing:.03em;font-size:11px}.ticket-cat{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--rojo);background:#dc262614;padding:4px 8px;font-size:10.5px;font-weight:600}.ticket h4{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:10px;font-size:26px;font-weight:800}.ticket p{color:var(--acero-80);min-height:64px;margin-bottom:18px;font-size:14px}.ticket-foot{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--gris-medio);border-top:1px dashed #1c1a1838;justify-content:space-between;align-items:center;padding-top:14px;font-size:11px;display:flex}.productos-cta{border-top:1px solid #1c1a1826;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding-top:34px;display:flex}.productos-cta p{max-width:46ch;margin:0;font-size:16px}.instalaciones{background:var(--acero);color:#fff}.instalaciones .eyebrow{color:#f4a340}.instalaciones .eyebrow:before{background:#f4a340}.instalaciones h2{color:#fff}.instalaciones p.lead{color:#ffffffb8;max-width:60ch;margin-top:16px;font-size:16.5px}.gallery{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:52px;display:grid}.gallery .g1,.gallery .g4{grid-row:1/3}.gallery figure{background:#000;border-radius:2px;margin:0;position:relative;overflow:hidden}.gallery img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery figure:hover img{transform:scale(1.05)}.gallery figcaption{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(#0000,#000000c7);padding:16px 18px;font-size:11.5px;position:absolute;bottom:0;left:0;right:0}.gallery .g1{min-height:100%}.gallery .g1 img,.gallery .g4 img{min-height:420px}.gallery .g2 img,.gallery .g3 img{min-height:198px}.porque{background:var(--concreto)}.porque-grid{background:var(--gris-medio);border:1px solid var(--gris-medio);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:10px;display:grid}.porque-item{background:var(--concreto);padding:34px 26px}.porque-item .num{font-family:var(--mono);color:var(--rojo);letter-spacing:.05em;margin-bottom:18px;font-size:12px}.porque-item h3{margin-bottom:10px;font-size:19px}.porque-item p{font-size:14px}.contacto{background:var(--concreto-2)}.contacto-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.form-field{margin-bottom:18px}.form-field label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--acero-80);margin-bottom:7px;font-size:11px;display:block}.form-field input,.form-field select,.form-field textarea{background:var(--blanco);width:100%;font-family:var(--body);color:var(--acero);border:1.5px solid #1c1a1840;border-radius:2px;padding:13px 14px;font-size:14.5px;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--rojo);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.info-block{border-left:3px solid var(--rojo);padding-left:28px}.info-line{margin-bottom:26px}.info-line .lbl{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--rojo);margin-bottom:6px;font-size:11px;display:block}.info-line .val{color:var(--acero);font-size:16px}.legal-box{font-family:var(--mono);color:var(--gris-medio);border-top:1px dashed #1c1a1840;margin-top:34px;padding-top:24px;font-size:11.5px;line-height:1.7}.qr-block{background:var(--blanco);border:1px solid #1c1a1826;align-items:center;gap:18px;max-width:340px;margin-top:34px;padding:16px 20px;display:flex}.qr-block .qr-img{flex-shrink:0;width:78px;height:78px}.qr-block span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--acero-80);font-size:12px;line-height:1.5}footer{background:var(--acero);color:#ffffff8c;padding:44px 0}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer .logo-box{background:#fff;border-radius:3px;padding:8px 16px;display:inline-flex}footer .logo-mark{opacity:1;height:32px}footer .fine{font-family:var(--mono);letter-spacing:.03em;font-size:11.5px}@media (width<=900px){nav,.nav-cta{display:none}.nosotros-grid,.holcim-grid,.contacto-grid{grid-template-columns:1fr;gap:40px}.ticket-grid,.porque-grid,.gallery{grid-template-columns:1fr 1fr}.gallery .g1{grid-area:auto/1/auto/3}.gallery .g4{grid-row:auto}.gallery .g1 img{min-height:260px}.form-row{grid-template-columns:1fr}}@media (width<=600px){section{padding:74px 0}.ticket-grid,.porque-grid,.gallery{grid-template-columns:1fr}.gallery .g1{grid-column:1}.stat-row{grid-template-columns:1fr}.spec-strip div{min-width:44%}}
