/* MT: páginas de servicio en estilo v3 (Aleix, 11-nov-2026). Se carga DESPUÉS de mt-piezas-a-medida.css y su r5: mismos
   tokens y medidas; aquí solo van los componentes que las páginas de piezas a medida no tenían. Radio 0, sin sombras. */

#mt5 .c--s{padding-block:64px}
#mt5 .lks{display:grid;gap:24px;justify-items:start}
#mt5 .hero .lks{gap:20px}
#mt5 .hero .lk{color:var(--cal)}
#mt5 .car__h .lks{margin-top:-8px}

/* Titular pequeño en dos voces (fichas): 32 en escritorio, 24 en móvil */
#mt5 .h--s{font-size:32px}

/* Tres accesos: foto 4:5 a sangre de su columna + titular + una línea + enlace; toda la ficha enlaza */
#mt5 .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#mt5 .trio__i{display:grid;gap:32px;align-content:start}
#mt5 .trio__i .ph{aspect-ratio:4/5}
#mt5 .trio__t{display:grid;gap:16px;padding-right:32px}
#mt5 .trio__t .t{color:var(--fg2)}
#mt5 .trio__t .lk{justify-self:start;margin-top:8px}
@media (hover:hover) and (pointer:fine){#mt5 .trio__i:hover .lk::before{width:56px}}

/* Logos de clientes: fijos, en tinta suave sobre cal (sin bucle animado: en v3 nada se mueve solo) */
#mt5 .logos3{display:grid;gap:40px}
#mt5 .logos3__g{display:grid;grid-template-columns:repeat(var(--cols,7),minmax(0,1fr));gap:32px 48px;align-items:center}
/* los logos son blancos sobre negro: invertidos y multiplicados quedan en tinta sobre el cal */
#mt5 .logos3__g img{width:100%;max-width:120px;height:80px;object-fit:contain;filter:invert(1) grayscale(1);mix-blend-mode:multiply;opacity:.78;margin-inline:auto}

/* Lista de puntos (H3 + texto) a la derecha del contenido doble, separados por filete */
#mt5 .cons{border-top:1px solid var(--line)}
#mt5 .cons__i{display:grid;gap:8px;padding:24px 0;border-bottom:1px solid var(--line)}
#mt5 .cons__i .t{color:var(--fg2)}

/* Llamada final sobre Polvo: el único botón granate de la página y un enlace */
#mt5 .fin{background:var(--polvo)}
#mt5 .fin .w{display:flex;flex-wrap:wrap;align-items:center;gap:24px 48px}

/* Formulario de leads: intacto (campos, envío y script). Solo hereda la voz v3: Archivo, pesos 100-500, sin sombra,
   etiqueta en gris. Selectores con .mtx-host para ganar a los del propio formulario sin tocarlo. */
#mt5 .mtx-host{padding-block:40px}
#mt5 .mtx-host .mtx-eyebrow{font-weight:500;color:var(--gris);letter-spacing:.15em}
#mt5 .mtx-host .mtx-h{font-weight:100;text-transform:uppercase;font-size:40px;line-height:1.1;letter-spacing:-.01em}
#mt5 .mtx-host .mtx-p,#mt5 .mtx-host .mtx-list li{font-weight:300;color:var(--piedra)}
#mt5 .mtx-host .mtx-card{box-shadow:none;border:0}
#mt5 .mtx-host .mtx-ct{font-weight:500;font-size:20px}
#mt5 .mtx-host .mtx-lab,#mt5 .mtx-host .mtx-sent h3{font-weight:500}
#mt5 .mtx-host .mtx-btn{font-weight:500;font-size:14px;letter-spacing:.06em}

/* ── v2 (11-nov): hub de suelos hidráulicos ── */
/* Enlaces dentro del texto corrido: subrayado fino granate (el resto de enlaces llevan raya) */
#mt5.v3p .t a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--granate)}
@media (hover:hover) and (pointer:fine){#mt5.v3p .t a:hover{color:var(--granate)}}
/* «Qué hacemos / Explora nuestros suelos»: en la página viva no es titular (div); se queda igual, con la voz del titular */
#mt5 .seclabel3{display:grid;gap:16px;font-weight:100;text-transform:uppercase;font-size:56px;line-height:1.1;letter-spacing:-.01em;margin-bottom:64px}
#mt5 .seclabel3 .eyebrow{display:block;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.15em;color:var(--gris)}
/* Dos puertas (foto 4:3 + titular + texto + enlace); toda la ficha enlaza */
#mt5 .doors--v3{gap:8px}
#mt5 .doors--v3 .door .ph{aspect-ratio:4/3}
#mt5 .doors--v3 .door__t{padding-right:32px}
#mt5 .doors--v3 .door__t .t{color:var(--fg2)}
#mt5 .doors--v3 .door__t .lk{justify-self:start;margin-top:8px}
@media (hover:hover) and (pointer:fine){#mt5 .door:hover .lk::before,#mt5 .quad__i:hover .h{color:var(--granate)}#mt5 .door:hover .lk::before{width:56px;color:inherit}}
/* Cuatro accesos: foto vertical 3:4 + titular pequeño */
#mt5 .quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:96px}
#mt5 .quad__i{display:grid;gap:24px;align-content:start}
#mt5 .quad__i .ph{aspect-ratio:3/4}
#mt5 .quad__i .h{transition:color .25s ease}
#mt5 .h--xs{font-size:24px}
/* Foto + texto (bloques editoriales): texto en columna justificado; foto apaisada (3:2) o a la derecha */
#mt5 .split__t>.t+.t{margin-top:-12px}
#mt5 .split--l .ph{aspect-ratio:3/2}
#mt5 .split--pr{grid-template-columns:minmax(0,1fr) 44vw}
#mt5 .split--pr>.ph{grid-column:2;grid-row:1}
#mt5 .split--pr>.split__t{grid-column:1;grid-row:1;justify-self:end;padding-right:0;padding-left:var(--side)}
/* Galería de obras (Media Grid): intacta, a la anchura de la columna */
#mt5 .mg-host{margin-top:64px}
#mt5 .mg-local{padding:48px;background:var(--polvo);color:var(--gris);font-size:14px}

@media (max-width:1023px){
  #mt5 .split--pr{grid-template-columns:1fr}
  #mt5 .split--pr>.ph,#mt5 .split--pr>.split__t{grid-column:1;grid-row:auto;justify-self:start}
  #mt5 .split--pr>.split__t{padding-right:var(--side)}
  #mt5 .quad{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;margin-top:64px}
  #mt5 .doors--v3{row-gap:56px}
  #mt5 .seclabel3{font-size:40px}
}
@media (max-width:767px){
  #mt5 .seclabel3{font-size:28px;margin-bottom:40px}
  #mt5 .h--xs{font-size:18px}
  #mt5 .quad__i{gap:16px}
}
@media (max-width:1023px){
  #mt5 .trio{grid-template-columns:1fr;row-gap:56px;padding-inline:0}
  #mt5 .trio__t{padding-inline:var(--side)}
  #mt5 .trio .w{padding-inline:0}
  #mt5 .logos3__g{grid-template-columns:repeat(var(--colsm,4),minmax(0,1fr));gap:24px 24px}
  #mt5 .w .doors--v3{padding-inline:0}
  #mt5 .doors--v3 .door__t{padding-right:0}
}
@media (max-width:767px){
  #mt5 .c--s{padding-block:48px}
  #mt5 .h--s{font-size:24px}
  #mt5 .logos3__g img{height:64px}
  #mt5 .mtx-host .mtx-h{font-size:28px}
  #mt5 .fin .w{display:grid;justify-items:start}
}