/* Secciones de contenido: servicios, proceso, proyectos, clientes, nosotros */
.seccion__intro{max-width:62ch;color:var(--color-gris-texto);margin-top:var(--esp-3)}
.boton--contorno{background:transparent;color:var(--color-primario-oscuro);border-color:var(--color-primario-oscuro)}
.boton--contorno:hover{background:var(--color-primario-oscuro);color:#fff}

/* El desplazamiento al ancla lo da html{scroll-padding-top}; evita el doble margen */
.seccion{scroll-margin-top:0}

/* Servicios */
.servicios__indice{margin:var(--esp-4) 0 var(--esp-6)}
.servicios__indice ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--esp-1);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.servicios__indice-enlace{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 16px;border:2px solid var(--color-primario-oscuro);border-radius:var(--radio);color:var(--color-primario-oscuro);background:var(--color-superficie);text-decoration:none;font-weight:600;line-height:1.3;transition:background-color .2s,color .2s}
.servicios__indice-enlace:hover{background:var(--color-primario-oscuro);color:#fff}
.servicios__indice-enlace:hover .servicios__codigo{color:var(--color-bronce-claro)}
.servicios__codigo{font:700 .8rem var(--fuente-titulos);letter-spacing:.08em;color:var(--color-bronce)}
.servicios__lista{display:grid;gap:var(--esp-8)}
.servicio{display:grid;gap:var(--esp-3);align-items:center;scroll-margin-top:var(--esp-2)}
.servicio__fotos{display:grid;gap:var(--esp-1);grid-template-columns:1fr 1fr}
.servicio__foto{position:relative;margin:0;border-radius:var(--radio);overflow:hidden;background:var(--color-primario-oscuro);aspect-ratio:4/3}
.servicio__foto--principal{grid-column:1/-1;aspect-ratio:16/10}
.servicio__fotos--1 .servicio__foto{aspect-ratio:4/3}
.servicio__fotos--2 .servicio__foto--principal{grid-column:auto;aspect-ratio:3/4}
.servicio__fotos--2 .servicio__foto{aspect-ratio:3/4}
.servicio__foto img{width:100%;height:100%;object-fit:cover}
.foto-respaldo{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:var(--color-bronce-claro);background:var(--color-primario-oscuro)}
.servicio__foto.is-fallback img{visibility:hidden}
.servicio__foto.is-fallback .foto-respaldo{display:flex}
.servicio__cuerpo h3{margin-bottom:var(--esp-1)}
.servicio__cuerpo .servicios__codigo,.servicio__codigo{margin:0 0 4px;font:700 .85rem var(--fuente-titulos);letter-spacing:.08em;color:var(--color-bronce)}
.servicio__sub{font:700 1rem var(--fuente-titulos);margin:var(--esp-3) 0 var(--esp-1);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primario-oscuro)}
.servicio__aplicaciones{margin:0 0 var(--esp-3);padding-left:1.2em}
.servicio__aplicaciones li{margin-bottom:4px}
.servicio__acciones{display:flex;flex-wrap:wrap;gap:var(--esp-2)}

/* Proceso */
.proceso__lista{list-style:none;margin:var(--esp-6) 0 0;padding:0;display:grid;gap:var(--esp-4);counter-reset:paso}
.proceso__paso{position:relative;padding-left:72px}
.proceso__numero{position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;background:var(--color-primario-oscuro);color:#fff;display:flex;align-items:center;justify-content:center;font:700 1.5rem var(--fuente-titulos)}
.proceso__paso:not(:last-child)::before{content:"";position:absolute;left:25px;top:56px;bottom:-32px;width:2px;background:var(--color-bronce)}
.proceso__paso h3{font-size:1.25rem;margin-bottom:4px}
.proceso__paso p{margin:0;color:var(--color-gris-texto)}

/* Proyectos */
.filtros{display:none;flex-wrap:wrap;gap:var(--esp-1);margin:var(--esp-4) 0}
.js .filtros{display:flex}
.filtro{min-height:44px;padding:8px 18px;border-radius:999px;border:2px solid var(--color-primario-oscuro);background:var(--color-superficie);color:var(--color-primario-oscuro);font:600 .95rem var(--fuente-cuerpo);cursor:pointer;transition:background-color .2s,color .2s}
.filtro:hover{background:#D9E8F4}
.filtro[aria-pressed="true"]{background:var(--color-primario-oscuro);color:#fff}
.proyectos__lista,.galeria{list-style:none;margin:var(--esp-4) 0 0;padding:0;display:grid;gap:var(--esp-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.proyecto{background:var(--color-superficie);border:1px solid #D5DBE3;border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column}
.proyecto[hidden]{display:none}
.proyecto--texto{border-left:4px solid var(--color-bronce)}
.proyecto__cuerpo{padding:var(--esp-3)}
.proyecto__cuerpo h3{font-size:1.15rem;margin:var(--esp-1) 0 0}
.proyecto__meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;font-size:.875rem}
.proyecto__categoria{font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-bronce)}
.proyecto__lugar{color:var(--color-gris-texto)}
.proyecto__foto{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:var(--color-primario-oscuro)}
.proyecto__foto img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.proyecto__foto:hover img{transform:scale(1.04)}
.proyecto__ampliar{position:absolute;right:8px;bottom:8px;padding:4px 10px;border-radius:var(--radio);background:rgba(14,47,71,.88);color:#fff;font-size:.85rem;font-weight:600}
.proyectos__vacio{margin:var(--esp-4) 0;padding:var(--esp-3);border:2px dashed var(--color-gris);border-radius:var(--radio);color:var(--color-gris-texto);font-weight:600}
.proyectos__sub{margin-top:var(--esp-8);font-size:1.4rem}
.galeria{margin-top:var(--esp-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.galeria .proyecto__foto{border-radius:var(--radio);aspect-ratio:4/3}

/* Visor modal */
.visor{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--esp-2);background:rgba(8,20,31,.92)}
.visor[hidden]{display:none}
.visor__caja{display:flex;flex-direction:column;gap:var(--esp-2);max-width:min(1100px,100%);max-height:100%}
.visor__figura{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--esp-1);min-height:0}
.visor__img{max-width:100%;max-height:calc(100vh - 160px);width:auto;height:auto;border-radius:var(--radio);background:#000}
.visor__leyenda{color:#fff;font-size:.95rem;text-align:center}
.visor__controles{display:flex;flex-wrap:wrap;gap:var(--esp-1);align-items:center;justify-content:center}
.visor__contador{color:#fff;font-size:.9rem;min-width:4.5em;text-align:center}
.visor__btn{min-height:44px;padding:8px 18px;border-radius:var(--radio);border:2px solid #fff;background:transparent;color:#fff;font:600 1rem var(--fuente-cuerpo);cursor:pointer}
.visor__btn:hover{background:#fff;color:var(--color-primario-oscuro)}
.visor__btn--cerrar{background:#fff;color:var(--color-primario-oscuro)}
.visor__btn--cerrar:hover{background:#D9E8F4}
.visor :focus-visible{outline-color:var(--color-bronce-claro)}
body.visor-abierto{overflow:hidden}

/* Clientes */
.clientes__lista{list-style:none;margin:var(--esp-6) 0 0;padding:0;display:grid;gap:var(--esp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center}
.clientes__lista li{display:flex;align-items:center;justify-content:center;min-height:110px;padding:var(--esp-2) var(--esp-3);background:var(--color-superficie);border:1px solid #D5DBE3;border-radius:var(--radio)}
.clientes__lista img{max-height:70px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .25s,opacity .25s}
.clientes__lista li:hover img,.clientes__lista li:focus-within img{filter:none;opacity:1}
@media (hover:none){.clientes__lista img{filter:none;opacity:1}}

/* Nosotros */
.nosotros__grid{display:grid;gap:var(--esp-4);align-items:center;margin-top:var(--esp-4)}
.nosotros__texto p{max-width:62ch}
.nosotros__tec{padding:var(--esp-2);border-left:4px solid var(--color-bronce);background:var(--color-fondo)}
.nosotros__foto{margin:0;border-radius:var(--radio);overflow:hidden}
.nosotros__foto img{width:100%;height:auto}
.valores{list-style:none;margin:var(--esp-6) 0 0;padding:0;display:grid;gap:var(--esp-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.valor{padding:var(--esp-3);background:var(--color-superficie);border:1px solid #D5DBE3;border-top:4px solid var(--color-primario);border-radius:var(--radio)}
.valor h3{font-size:1.25rem}
.valor p{margin:0;color:var(--color-gris-texto)}
#nosotros .valor{background:var(--color-superficie)}

@media (min-width:768px){
  .servicio{grid-template-columns:1fr 1fr;gap:var(--esp-6)}
  .servicio:nth-child(even) .servicio__fotos{order:2}
  .proceso__lista{grid-template-columns:repeat(4,1fr);gap:var(--esp-3)}
  .proceso__paso{padding:72px 0 0}
  .proceso__paso:not(:last-child)::before{left:60px;right:-12px;top:25px;bottom:auto;width:auto;height:2px}
  .nosotros__grid{grid-template-columns:1.1fr 1fr}
}

/* Contacto */
.contacto{display:grid;gap:var(--esp-6);margin-top:var(--esp-4)}
@media (min-width:900px){.contacto{grid-template-columns:1fr 1.4fr;align-items:start}}
.contacto__lista{list-style:none;margin:0 0 var(--esp-3);padding:0;display:grid;gap:var(--esp-2)}
.contacto__rotulo{display:block;font:700 .8rem var(--fuente-titulos);letter-spacing:.08em;text-transform:uppercase;color:var(--color-bronce)}
.formulario{display:grid;gap:var(--esp-2);padding:var(--esp-3);background:var(--color-fondo);border:1px solid #D5DBE3;border-radius:var(--radio)}
.campo label{display:block;font-weight:600;margin-bottom:4px}
.campo__req{font-weight:400;color:var(--color-gris-texto);font-size:.9rem}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;padding:10px 12px;font:400 1rem var(--fuente-cuerpo);color:var(--color-texto);background:#fff;border:2px solid #8C95A1;border-radius:var(--radio)}
.campo textarea{resize:vertical}
.campo [aria-invalid="true"]{border-color:#B3261E}
.campo__error{margin:4px 0 0;color:#B3261E;font-size:.95rem;font-weight:600}
.campo--trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formulario__acciones{display:flex;flex-wrap:wrap;gap:var(--esp-2)}
.formulario__estado{padding:12px 16px;border-radius:var(--radio);background:#E3F0E6;color:#17402A;font-weight:600}
.formulario__estado--aviso{background:#FBEFD9;color:#5A3B00}