/* Marcas v412 — dos hileras infinitas que se cruzan, mezclando vial/minería con energía */
.brands-v408{background:#fff;padding:clamp(70px,8vw,120px) 0;overflow:hidden}
.brands-v408 .bd-head{padding:0 clamp(20px,6vw,115px);margin-bottom:clamp(36px,4vw,60px)}
.brands-v408 h2{margin:0;font-size:clamp(34px,3.6vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.03em;color:#193d75}
.brands-v408 .bd-rows{border-top:1px solid #dbe3ee;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brands-v408 .bd-strip{border-bottom:1px solid #dbe3ee;overflow:hidden}
.brands-v408 .bd-track{display:flex;width:max-content;animation:marcas-v408 var(--dur,44s) linear infinite}
.brands-v408 ul{display:flex;margin:0;padding:0;list-style:none}
.brands-v408 .bd-row-2 .bd-track{--dur:52s;animation-direction:reverse}

.brands-v408 .bd-rows:hover .bd-track{animation-play-state:paused}
.brands-v408 li{display:flex;align-items:center;justify-content:center;min-width:clamp(200px,18vw,320px);height:clamp(90px,8vw,130px);padding:0 30px;border-right:1px solid #dbe3ee;font-size:clamp(22px,2vw,34px);font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#9aabc2;transition:color .3s}
.brands-v408 li:hover{color:#193d75}
@keyframes marcas-v408{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:640px){.brands-v408 li{min-width:170px;height:76px;font-size:20px;padding:0 20px}}
@media(prefers-reduced-motion:reduce){.brands-v408 .bd-track{animation:none}}

/* v427: marcas sin líneas ni cuadros, y el movimiento no se detiene con el mouse */
.brands-v408 .bd-rows{border-top:0}
.brands-v408 .bd-strip{border-bottom:0}
.brands-v408 li{border-right:0}
.brands-v408 .bd-rows:hover .bd-track{animation-play-state:running!important}

/* v435: las marcas siempre en azul, no solo al pasar el mouse */
.brands-v408 li,.brands-v408 li:hover{color:#193d75!important}