/* Diseño 5 — Clara inmersiva. */
:root{--grafito:#223671;--grafito2:#192b5d;--crema:#fff;--crema2:#faf3ed;--gris:#626c7c;--borde:#e3e6eb;--radio:12px;--sombra:0 8px 30px #172d5010;--ancho:1240px}
body{background:#fff;color:#3c4658}
.cab,.cab.solida{background:rgba(255,255,255,.97);padding:1.1rem 0;box-shadow:0 1px 0 #2236710d;backdrop-filter:blur(12px)}
.cab .contenedor{width:min(100% - 5rem,1400px);gap:3rem}
.marca{flex:0 1 412.5px}.marca img{width:412.5px;filter:none}
.menu{gap:2rem}.menu a:not(.btn-tel){color:var(--grafito);font-size:1.2rem;opacity:1}
.menu .btn-tel{background:transparent;color:var(--grafito);padding:.55rem 0 .55rem 1.5rem;border-left:1px solid var(--borde);border-radius:0;font-weight:500}.menu .btn-tel:hover{box-shadow:none;transform:none;color:var(--naranja-txt)}
.hamburguesa span{background:var(--grafito)}
.portada{min-height:760px;min-height:min(900px,100svh);padding:12rem 0 7rem;align-items:center}
.portada::before{background-image:url('/img/hero-2.jpg');background-position:center 58%;transform:none}
.portada::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fff 25%,rgba(255,255,255,0.99039) 26.71875%,rgba(255,255,255,0.96194) 28.43750%,rgba(255,255,255,0.91573) 30.15625%,rgba(255,255,255,0.85355) 31.87500%,rgba(255,255,255,0.77779) 33.59375%,rgba(255,255,255,0.69134) 35.31250%,rgba(255,255,255,0.59755) 37.03125%,rgba(255,255,255,0.50000) 38.75000%,rgba(255,255,255,0.40245) 40.46875%,rgba(255,255,255,0.30866) 42.18750%,rgba(255,255,255,0.22221) 43.90625%,rgba(255,255,255,0.14645) 45.62500%,rgba(255,255,255,0.08427) 47.34375%,rgba(255,255,255,0.03806) 49.06250%,rgba(255,255,255,0.00961) 50.78125%,rgba(255,255,255,0.00000) 52.50000%)}
.portada-txt{max-width:40rem;padding:0;background:none;border-radius:0;transform:none;color:var(--grafito)}
.antetitulo{padding:0;border:0;border-radius:0;background:none;color:var(--naranja-txt);font-size:.7rem;letter-spacing:.18em;margin-bottom:1.5rem}
.portada h1{font-size:clamp(3.7rem,6vw,5.6rem);font-weight:650;line-height:1.04;letter-spacing:-.055em;text-shadow:none;margin-bottom:1.7rem}.portada h1 em{color:inherit}
.lema{font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:400;line-height:1.55;text-transform:none;letter-spacing:0;color:var(--grafito);max-width:28rem;margin-bottom:2.2rem}
.portada p.entradilla{font-size:1rem;color:#526077;text-shadow:none;max-width:29rem;margin-bottom:1.8rem}
.btn,.contacto .btn{border-radius:7px;padding:.95rem 1.5rem;font-size:.96rem;font-weight:600;box-shadow:none}
.btn-principal{background:#f87935;box-shadow:0 6px 18px #f8793520}.btn-fantasma{color:var(--grafito);border:0;padding-left:0;padding-right:0;font-weight:500}.btn-fantasma:hover{color:var(--naranja-txt);background:none}
.acciones{align-items:center;gap:1.5rem}.bajada,.onda{display:none}
section,.contacto{padding:6.5rem 0}.onda + section{padding-top:5rem}
h2{font-weight:600;font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.18;letter-spacing:-.035em}
.cabecera-sec{max-width:52rem;margin-bottom:3.5rem}.cabecera-sec p{font-size:1.02rem;line-height:1.85}
#servicios .cabecera-sec{margin-inline:auto;text-align:center;max-width:54rem}
#servicios .cabecera-sec::before{content:'';display:block;width:44px;height:3px;background:#f87935;margin:0 auto 1.6rem}
#servicios .cabecera-sec h2{max-width:43rem;margin:0 auto 1.7rem}
.rejilla{gap:1.5rem}.tarjeta{padding:2.3rem 2rem;background:#fafbfc;border:1px solid #edf0f3;box-shadow:none}.tarjeta:hover{box-shadow:var(--sombra-alta);border-color:var(--borde)}
.icono{background:transparent;color:#ed7639;border-radius:0;width:36px;height:36px;margin-bottom:1.5rem}.tarjeta h3{font-weight:600}
.proceso{background:#f5f7f9;color:var(--texto)}.proceso h2,.paso h3{color:var(--grafito)}.proceso .cabecera-sec p,.paso p{color:var(--gris)}.proceso .etiqueta{color:var(--naranja-txt)}
.proceso .cabecera-sec{max-width:52rem}.pasos{gap:2rem;margin-top:3.5rem}.paso{border-top:1px solid #d9dfe8;padding-top:1.5rem}.paso::before{font-size:1rem;font-weight:500;color:#bb531f;margin-bottom:1.2rem}.paso h3{font-weight:600}
.sectores-lista{justify-content:center;gap:.6rem}.sectores-lista li{font-size:.85rem;border-color:#e5e8ee;padding:.45rem .9rem;background:#fafbfc}
.proyecto{border-radius:12px}.proyecto.centro{box-shadow:0 12px 35px -10px #182c5060}.galeria-controles button{box-shadow:0 5px 18px #172d5020}
.contacto{background:#f7f8fa}.contacto > .contenedor,footer > .contenedor{max-width:1280px}.contacto .cabecera-sec{max-width:42rem}
.dato{box-shadow:none;padding:1.5rem;border:0;background:transparent}.dato .icono{background:#fff;color:#d2622d}.formulario{padding:2.3rem;border:1px solid #e5e8ee;box-shadow:0 12px 45px #22367108}.campo input,.campo textarea{background:#fafbfc;border-radius:6px}.contacto .btn{background:#f87935}
footer{background:#fff;color:var(--grafito);padding:4rem 0 1.7rem}.pie-logo{width:270px;margin-bottom:1.3rem}footer h4{color:var(--grafito);font-size:.75rem}footer p{color:var(--gris)}footer a{color:var(--grafito)}.pie-legal{color:var(--gris);border-color:var(--borde);margin-top:3rem}
#inicio,#servicios,#conocenos,#sectores,#contacto{scroll-margin-top:7rem}
@media(min-width:1500px){.portada>.contenedor{width:min(100% - 10rem,1400px)}}
@media(max-width:1100px){.cab .contenedor{width:calc(100% - 3rem);gap:1.5rem}.marca{flex-basis:325px}.menu{gap:1.2rem}.menu a:not(.btn-tel){font-size:1.2rem}.menu .btn-tel{display:none}.portada h1{font-size:4.4rem}.portada-txt{max-width:34rem}.portada::after{background:linear-gradient(90deg,#fff 0%,#fff 25%,rgba(255,255,255,0.99039) 26.71875%,rgba(255,255,255,0.96194) 28.43750%,rgba(255,255,255,0.91573) 30.15625%,rgba(255,255,255,0.85355) 31.87500%,rgba(255,255,255,0.77779) 33.59375%,rgba(255,255,255,0.69134) 35.31250%,rgba(255,255,255,0.59755) 37.03125%,rgba(255,255,255,0.50000) 38.75000%,rgba(255,255,255,0.40245) 40.46875%,rgba(255,255,255,0.30866) 42.18750%,rgba(255,255,255,0.22221) 43.90625%,rgba(255,255,255,0.14645) 45.62500%,rgba(255,255,255,0.08427) 47.34375%,rgba(255,255,255,0.03806) 49.06250%,rgba(255,255,255,0.00961) 50.78125%,rgba(255,255,255,0.00000) 52.50000%)}}
@media(max-width:760px){
.cab,.cab.solida{padding:1rem 0}.cab .contenedor{width:calc(100% - 2.5rem);gap:1rem}.marca{flex-basis:300px;max-width:calc(100% - 58px)}
.menu{background:#fff;padding:6.5rem 1.5rem 2rem;box-shadow:0 18px 32px #22367114;visibility:hidden}.menu.abierto{visibility:visible}.menu a:not(.btn-tel){font-size:1.2rem}.menu .btn-tel{display:inline-flex;padding-left:0;border:0}
.portada{min-height:850px;min-height:calc(100svh + 70px);padding:9rem 0 19rem;align-items:start}
.portada::before{background-image:url('/img/hero-2-movil.jpg');background-position:65% bottom}
.portada::after{background:linear-gradient(90deg,rgba(255,255,255,1.00000) 0.00000%,rgba(255,255,255,0.99039) 5.31250%,rgba(255,255,255,0.96194) 10.62500%,rgba(255,255,255,0.91573) 15.93750%,rgba(255,255,255,0.85355) 21.25000%,rgba(255,255,255,0.77779) 26.56250%,rgba(255,255,255,0.69134) 31.87500%,rgba(255,255,255,0.59755) 37.18750%,rgba(255,255,255,0.50000) 42.50000%,rgba(255,255,255,0.40245) 47.81250%,rgba(255,255,255,0.30866) 53.12500%,rgba(255,255,255,0.22221) 58.43750%,rgba(255,255,255,0.14645) 63.75000%,rgba(255,255,255,0.08427) 69.06250%,rgba(255,255,255,0.03806) 74.37500%,rgba(255,255,255,0.00961) 79.68750%,rgba(255,255,255,0.00000) 85.00000%)}
.portada-txt{max-width:32rem;padding:0}.portada h1{font-size:clamp(3rem,11vw,4.4rem);margin-bottom:1.3rem}.antetitulo{font-size:.65rem;margin-bottom:1rem}.lema{font-size:1.15rem;max-width:24rem;margin-bottom:1.5rem}.portada p.entradilla{max-width:24rem;font-size:.95rem}.acciones{gap:.75rem 1.1rem}.acciones .btn{font-size:.9rem;padding:.85rem 1.1rem}.acciones .btn-fantasma{padding-left:0}
section,.contacto{padding:4.5rem 0}.onda + section{padding-top:3rem}.cabecera-sec{margin-bottom:2.5rem}#servicios .cabecera-sec{text-align:left}#servicios .cabecera-sec::before{margin-left:0}.cabecera-sec p{font-size:1rem}.tarjeta{padding:1.8rem}.pasos{grid-template-columns:1fr 1fr;gap:2rem 1.3rem}.paso h3{font-size:1rem}.paso p{font-size:.9rem}
.contacto-rejilla{gap:2rem}.dato{padding:1rem 0}.formulario{padding:1.5rem}.pie-logo{width:240px}.pie-rejilla{gap:2rem}.sectores-lista{justify-content:flex-start}.cabecera-sec.centrada{text-align:left}
}
@media(max-width:380px){.formulario{padding:1rem}.contacto>.contenedor{padding:0 1rem}.acciones{flex-direction:column;align-items:flex-start}.pasos{grid-template-columns:1fr}.portada{padding-bottom:17rem}}
@media(min-width:761px){.contenedor{width:min(100% - 7rem,var(--ancho))}.contacto>.contenedor,footer>.contenedor{width:min(100% - 7rem,var(--ancho));padding:0}.portada-txt{padding-bottom:1rem}}
.enlace-soluciones .btn-fantasma{border-bottom:1px solid #c9d0df;border-radius:0;padding-bottom:.4rem}
@media(max-width:760px){.portada{padding-top:10rem}.portada::after{background:linear-gradient(90deg,rgba(255,255,255,1.00000) 0.00000%,rgba(255,255,255,0.99039) 5.31250%,rgba(255,255,255,0.96194) 10.62500%,rgba(255,255,255,0.91573) 15.93750%,rgba(255,255,255,0.85355) 21.25000%,rgba(255,255,255,0.77779) 26.56250%,rgba(255,255,255,0.69134) 31.87500%,rgba(255,255,255,0.59755) 37.18750%,rgba(255,255,255,0.50000) 42.50000%,rgba(255,255,255,0.40245) 47.81250%,rgba(255,255,255,0.30866) 53.12500%,rgba(255,255,255,0.22221) 58.43750%,rgba(255,255,255,0.14645) 63.75000%,rgba(255,255,255,0.08427) 69.06250%,rgba(255,255,255,0.03806) 74.37500%,rgba(255,255,255,0.00961) 79.68750%,rgba(255,255,255,0.00000) 85.00000%)}}

/* Cabecera transparente al inicio; blanca desde el primer desplazamiento. */
.cab{background:transparent;backdrop-filter:none;box-shadow:none}
.cab.solida{background:#fff;backdrop-filter:none;box-shadow:0 1px 0 #2236710d}

/* Teléfono destacado con la cápsula naranja de marca. */
.menu .btn-tel{background:var(--arena);color:#fff;padding:.6rem 1rem;border:0;border-radius:999px;font-size:1.05rem;font-weight:700;gap:.6rem}
.menu .btn-tel:hover{background:#e35f00;color:#fff;box-shadow:0 6px 18px rgba(254,113,0,.22)}
.menu .btn-tel svg{width:18px;height:18px;flex-shrink:0}

/* Portada con cuatro proyectos reales en rotación. */
.portada::before{display:none}
.portada-fondos,.portada-fondo{position:absolute;inset:0}
.portada-fondos{z-index:-2;overflow:hidden;background:#e9edf2}
.portada-fondo{background-size:cover;background-position:center 58%;opacity:0;animation:portada-cambia 24s infinite}
.portada-fondo-1{background-image:url('/img/hero-2.jpg');animation-delay:0s}
.portada-fondo-2{background-image:url('/img/hero-4.jpg');animation-delay:-18s}
.portada-fondo-3{background-image:url('/img/hero-1.jpg');animation-delay:-12s}
.portada-fondo-4{background-image:url('/img/hero-3.jpg');animation-delay:-6s}
@keyframes portada-cambia{0%,20%{opacity:1}25%,95%{opacity:0}100%{opacity:1}}
.portada h1{max-width:39rem;font-size:clamp(3.15rem,5vw,4.7rem)}
.portada .lema{max-width:34rem;margin-bottom:1rem}
.portada p.entradilla{max-width:32rem;color:var(--grafito);font-size:1.08rem}

/* Servicios desarrollados solicitados por el cliente. */
#sectores .cabecera-sec{max-width:69rem}
.servicios-detalle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;margin:0 0 4.5rem}
.servicio-detalle{position:relative;padding:2rem;background:#fafbfc;border:1px solid #e7eaf0;border-radius:12px}
.servicio-detalle>span{display:block;margin-bottom:.8rem;color:var(--naranja-txt);font-size:.78rem;font-weight:700;letter-spacing:.12em}
.servicio-detalle h3{margin:0 0 .45rem;color:var(--grafito);font-size:1.3rem;line-height:1.3}
.servicio-detalle h4{margin:0 0 1rem;color:#4a566c;font-size:.96rem;line-height:1.45}
.servicio-detalle p{margin:0;color:var(--gris);font-size:.94rem;line-height:1.72}
.servicio-galeria-abrir{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.4rem;padding:0 0 .25rem;border:0;border-bottom:1px solid #c8cfdb;background:transparent;color:var(--grafito);font:inherit;font-size:.9rem;font-weight:700;text-decoration:none;cursor:pointer;transition:color .2s,border-color .2s,gap .2s}
.servicio-galeria-abrir:hover{gap:.9rem;color:var(--naranja-txt);border-color:var(--naranja-txt)}
.servicio-detalle-ficha{grid-column:1/-1;padding:2.25rem 2.4rem;background:linear-gradient(120deg,#223671 0%,#172957 100%);border:0;overflow:hidden}
.servicio-detalle-ficha::after{content:'';position:absolute;width:280px;height:280px;right:-70px;top:-150px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.025)}
.servicio-detalle-ficha>span{color:#ffaf79}.servicio-detalle-ficha h3{color:#fff}.servicio-detalle-ficha h4{color:#dce5f3}.servicio-detalle-ficha p{max-width:58rem;color:#cbd5e6}.servicio-detalle-ficha .servicio-galeria-abrir{position:relative;z-index:1;color:#fff;border-color:rgba(255,255,255,.45)}

/* Carruseles modales de proyectos y fichas técnicas. */
.servicio-galeria-modal{width:min(94vw,1180px);height:min(90vh,860px);height:min(90dvh,860px);padding:0;border:0;border-radius:16px;background:#fff;color:var(--grafito);box-shadow:0 28px 90px rgba(4,14,38,.38);overflow:hidden}
.servicio-galeria-modal::backdrop{background:rgba(6,14,31,.82);backdrop-filter:blur(5px)}
.servicio-galeria-marco{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}
.servicio-galeria-cabecera{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.1rem 1.3rem 1rem 1.6rem;border-bottom:1px solid #e6e9ef;background:#fff}
.servicio-galeria-cabecera span{display:block;margin-bottom:.2rem;color:var(--naranja-txt);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.servicio-galeria-cabecera h2{margin:0;font-size:clamp(1.15rem,2.3vw,1.65rem);letter-spacing:-.02em}
.servicio-galeria-cerrar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #dfe3ea;border-radius:50%;background:#fff;color:var(--grafito);font-size:1.75rem;line-height:1;cursor:pointer}
.servicio-galeria-cerrar:hover{background:#f3f5f8}
.servicio-galeria-visor{position:relative;display:grid;place-items:center;min-height:0;padding:1.2rem 5rem;background:#eef1f5;overflow:hidden;touch-action:pan-y}
.servicio-galeria-visor img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;-webkit-user-drag:none}
.servicio-galeria-anterior,.servicio-galeria-siguiente{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:var(--grafito);box-shadow:0 8px 25px rgba(15,29,60,.2);font-size:2rem;line-height:1;transform:translateY(-50%);cursor:pointer}
.servicio-galeria-anterior{left:1.2rem}.servicio-galeria-siguiente{right:1.2rem}
.servicio-galeria-anterior:hover,.servicio-galeria-siguiente:hover{background:#fff;color:var(--naranja-txt)}
.servicio-galeria-anterior:disabled,.servicio-galeria-siguiente:disabled{opacity:.35;cursor:default}
.servicio-galeria-pie{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:56px;padding:.8rem 1.6rem;border-top:1px solid #e6e9ef;background:#fff}
.servicio-galeria-contador{font-size:.86rem;font-weight:700;font-variant-numeric:tabular-nums;color:#59657a}
.servicio-galeria-acciones-ficha{display:flex;align-items:center;gap:.85rem}
.servicio-galeria-acciones-ficha[hidden]{display:none}
.servicio-galeria-enlace{color:var(--grafito);font-size:.84rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.servicio-galeria-enlace:hover{color:var(--naranja-txt)}
.servicio-galeria-qr{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;padding:.45rem .8rem;border:1px solid #d9dee7;border-radius:7px;background:#fff;color:var(--grafito);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.servicio-galeria-qr:hover{border-color:#f87935;background:#fff8f4;color:var(--naranja-txt);box-shadow:0 4px 14px rgba(34,54,113,.1)}
.servicio-galeria-qr:disabled{cursor:wait;opacity:.72}
.servicio-galeria-qr svg{flex:0 0 auto}

/* Selección múltiple dentro del formulario. */
.servicios-consulta{margin:0 0 1.25rem;padding:0;border:0}
.servicios-consulta legend{margin-bottom:.55rem;color:var(--grafito);font-size:.9rem;font-weight:600}
.servicios-consulta>label{display:flex;align-items:flex-start;gap:.65rem;margin:.45rem 0;padding:.7rem .8rem;border:1px solid var(--borde);border-radius:7px;background:#fafbfc;color:#4b5669;font-size:.88rem;line-height:1.4;cursor:pointer}
.servicios-consulta input{flex:0 0 auto;width:17px;height:17px;margin:.1rem 0 0;accent-color:var(--grafito)}
.servicios-consulta>label:has(input:checked){border-color:#aebadc;background:#f3f6fc;color:var(--grafito)}

@media(max-width:760px){
  .portada-fondo{background-position:65% bottom}
  .portada-fondo-1{background-image:url('/img/hero-2-movil.jpg')}
  .portada-fondo-2{background-image:url('/img/hero-4-movil.jpg')}
  .portada-fondo-3{background-image:url('/img/hero-1-movil.jpg')}
  .portada-fondo-4{background-image:url('/img/hero-3-movil.jpg')}
  .portada h1{max-width:22rem;font-size:clamp(2.55rem,10.5vw,3.55rem)}
  .portada .lema{max-width:22rem;font-size:1.02rem;line-height:1.5}
  .portada p.entradilla{max-width:21rem;font-size:.95rem;line-height:1.55}
  .servicios-detalle{grid-template-columns:1fr;gap:1rem;margin-bottom:3rem}
  .servicio-detalle{padding:1.5rem}
  .servicio-detalle-ficha{grid-column:auto}
  .servicio-galeria-modal{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border-radius:0}
  .servicio-galeria-cabecera{padding:1rem 1rem 1rem 1.2rem}
  .servicio-galeria-visor{padding:1rem 0;background:#e9edf2}
  .servicio-galeria-anterior,.servicio-galeria-siguiente{width:42px;height:42px;background:rgba(255,255,255,.88)}
  .servicio-galeria-anterior{left:.7rem}.servicio-galeria-siguiente{right:.7rem}
  .servicio-galeria-pie{padding:.75rem 1.2rem}
  .servicio-galeria-acciones-ficha{gap:.6rem}
  .servicio-galeria-enlace{font-size:.76rem}
  .servicio-galeria-qr{padding:.45rem .65rem}
}
@media(prefers-reduced-motion:reduce){
  .portada-fondo{animation:none;opacity:0}
  .portada-fondo-1{opacity:1}
}

/* Tecnología y materiales. */
.tecnologia{background:linear-gradient(180deg,#f4f7fa 0%,#fff 100%)}
.tecnologia>.contenedor>.cabecera-sec{max-width:57rem}
.tecnologia-materiales{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:1.5rem;align-items:stretch}
.tecnologia-bloque{padding:2.5rem;border-radius:14px}
.tecnologia-bloque h3{margin:0 0 .7rem;font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.2;letter-spacing:-.025em}
.tecnologia-bloque h4{margin:0 0 .35rem;font-size:1.02rem;line-height:1.4}
.tecnologia-bloque p{margin:0;font-size:.94rem;line-height:1.7}
.tecnologia-numero{display:block;margin-bottom:1.25rem;color:var(--naranja-txt);font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.tecnologia-intro{margin-bottom:1.7rem!important}
.tecnologia-hdpe{background:var(--grafito);color:#dce5f3}
.tecnologia-hdpe h3,.tecnologia-hdpe h4{color:#fff}
.tecnologia-hdpe .tecnologia-numero{color:var(--arena-cl)}
.tecnologia-ventajas{display:grid;grid-template-columns:1fr 1fr;gap:0}
.tecnologia-ventajas>div{padding:1.25rem 1.25rem 1.25rem 0;border-top:1px solid rgba(255,255,255,.16)}
.tecnologia-ventajas>div:nth-child(even){padding-left:1.25rem;padding-right:0;border-left:1px solid rgba(255,255,255,.16)}
.tecnologia-estructuras{background:#fff;border:1px solid #e2e7ed;box-shadow:var(--sombra)}
.tecnologia-estructuras h3,.tecnologia-estructuras h4{color:var(--grafito)}
.tecnologia-estructuras p{color:var(--gris)}
.materiales-lista>div{padding:1.2rem 0;border-top:1px solid #e4e8ee}
.materiales-lista>div:last-child{padding-bottom:0}
.materiales-lista span{display:block;margin-bottom:.45rem;color:var(--naranja-txt);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tecnologia-fases,.tecnologia-valores{margin-top:5rem}
.tecnologia-subcabecera{max-width:44rem;margin-bottom:2rem}
.tecnologia-subcabecera h3{margin:0;color:var(--grafito);font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.2;letter-spacing:-.03em}
.fases-rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;counter-reset:none}
.fases-rejilla article{padding:1.6rem 0;border-top:2px solid #dce2e9}
.fases-rejilla article>span{display:block;margin-bottom:1rem;color:var(--naranja-txt);font-size:.8rem;font-weight:700;letter-spacing:.12em}
.fases-rejilla h4{margin:0 0 .7rem;color:var(--grafito);font-size:1.08rem;line-height:1.35}
.fases-rejilla p{margin:0;color:var(--gris);font-size:.9rem;line-height:1.65}
.valores-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.valores-rejilla article{padding:1.8rem;background:#fff;border:1px solid #e2e7ed;border-radius:12px}
.valores-rejilla h4{margin:0 0 .75rem;color:var(--grafito);font-size:1.08rem;line-height:1.4}
.valores-rejilla p{margin:0;color:var(--gris);font-size:.92rem;line-height:1.68}
.tecnologia-cierre{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:4rem;padding:2rem 2.25rem;background:var(--grafito);border-radius:14px;color:#fff}
.tecnologia-cierre .etiqueta{color:var(--arena-cl);margin-bottom:.4rem}
.tecnologia-cierre p{max-width:45rem;margin:0;color:#dce5f3;line-height:1.65}
.tecnologia-cierre .btn{flex:0 0 auto}
#tecnologia{scroll-margin-top:7rem}

@media(max-width:1220px) and (min-width:761px){
  .cab .contenedor{gap:1.5rem}
  .marca{flex-basis:330px}
  .menu{gap:1rem}
  .menu .btn-tel{display:none}
}
@media(max-width:900px){
  .tecnologia-materiales{grid-template-columns:1fr}
  .fases-rejilla{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .tecnologia-bloque{padding:1.5rem}
  .tecnologia-ventajas{grid-template-columns:1fr}
  .tecnologia-ventajas>div,.tecnologia-ventajas>div:nth-child(even){padding:1.1rem 0;border-left:0}
  .tecnologia-fases,.tecnologia-valores{margin-top:3.5rem}
  .fases-rejilla,.valores-rejilla{grid-template-columns:1fr}
  .fases-rejilla{gap:.5rem}
  .tecnologia-cierre{align-items:flex-start;flex-direction:column;padding:1.6rem}
  .tecnologia-cierre .btn{width:100%;justify-content:center}
  #tecnologia{scroll-margin-top:6rem}
}