/* Generado por generar_preview.py: fondos con foto y velos medidos (velos.py). */
:root { --vt-panel: #131416; }
:root { --vt-firma: #ED1E24; }
:root { --vt-cabecera: 100px; } .vt-logo img { max-height: 74px; }
@media (max-width: 600px) { :root { --vt-cabecera: 80px; } .vt-logo img { max-height: 56px; } }
.vt-pie__marca img { max-height: 74px; }
.vt-fondo-portada { --vt-foto: url(../img/fondo-portada.webp); --vt-foto-pos: center; background-image: var(--vt-foto); background-position: center; }
@media (max-width: 781px) { .vt-fondo-portada { --vt-foto: url(../img/fondo-portada-m.webp); } }
.vt-fondo-inicio { --vt-foto: url(../img/fondo-inicio.webp); --vt-foto-pos: center 40%; background-image: var(--vt-foto); background-position: center 40%; }
@media (max-width: 781px) { .vt-fondo-inicio { --vt-foto: url(../img/fondo-inicio-m.webp); } }
.vt-fondo-taller { --vt-foto: url(../img/fondo-taller.webp); --vt-foto-pos: center 60%; background-image: var(--vt-foto); background-position: center 60%; }
@media (max-width: 781px) { .vt-fondo-taller { --vt-foto: url(../img/fondo-taller-m.webp); } }
.vt-fondo-servicios { --vt-foto: url(../img/fondo-servicios.webp); --vt-foto-pos: center 40%; background-image: var(--vt-foto); background-position: center 40%; }
@media (max-width: 781px) { .vt-fondo-servicios { --vt-foto: url(../img/fondo-servicios-m.webp); } }
.vt-fondo-cadena { --vt-foto: url(../img/fondo-cadena.webp); --vt-foto-pos: center 70%; background-image: var(--vt-foto); background-position: center 70%; }
@media (max-width: 781px) { .vt-fondo-cadena { --vt-foto: url(../img/fondo-cadena-m.webp); } }
.vt-fondo-rodillos { --vt-foto: url(../img/fondo-rodillos.webp); --vt-foto-pos: center; background-image: var(--vt-foto); background-position: center; }
@media (max-width: 781px) { .vt-fondo-rodillos { --vt-foto: url(../img/fondo-rodillos-m.webp); } }
.vt-fondo-banda { --vt-foto: url(../img/fondo-banda.webp); --vt-foto-pos: center 60%; background-image: var(--vt-foto); background-position: center 60%; }
@media (max-width: 781px) { .vt-fondo-banda { --vt-foto: url(../img/fondo-banda-m.webp); } }
.vt-fondo-malla { --vt-foto: url(../img/fondo-malla.webp); --vt-foto-pos: center 60%; background-image: var(--vt-foto); background-position: center 60%; }
@media (max-width: 781px) { .vt-fondo-malla { --vt-foto: url(../img/fondo-malla-m.webp); } }
.vt-fondo-tablillas { --vt-foto: url(../img/fondo-tablillas.webp); --vt-foto-pos: center 60%; background-image: var(--vt-foto); background-position: center 60%; }
@media (max-width: 781px) { .vt-fondo-tablillas { --vt-foto: url(../img/fondo-tablillas-m.webp); } }
.vt-fondo-bolilleros { --vt-foto: url(../img/fondo-bolilleros.webp); --vt-foto-pos: center; background-image: var(--vt-foto); background-position: center; }
@media (max-width: 781px) { .vt-fondo-bolilleros { --vt-foto: url(../img/fondo-bolilleros-m.webp); } }
.vt-fondo-aereo { --vt-foto: url(../img/fondo-aereo.webp); --vt-foto-pos: center 45%; background-image: var(--vt-foto); background-position: center 45%; }
@media (max-width: 781px) { .vt-fondo-aereo { --vt-foto: url(../img/fondo-aereo-m.webp); } }
.vt-fondo-especial { --vt-foto: url(../img/fondo-especial.webp); --vt-foto-pos: center; background-image: var(--vt-foto); background-position: center; }
@media (max-width: 781px) { .vt-fondo-especial { --vt-foto: url(../img/fondo-especial-m.webp); } }
.vt-fondo-cierre { --vt-foto: url(../img/fondo-cierre.webp); --vt-foto-pos: center 40%; background-image: var(--vt-foto); background-position: center 40%; }
@media (max-width: 781px) { .vt-fondo-cierre { --vt-foto: url(../img/fondo-cierre-m.webp); } }
.vt-fondo-aereo.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.52) 4%, rgba(0, 0, 0, 0.53) 8%, rgba(0, 0, 0, 0.52) 12%, rgba(0, 0, 0, 0.52) 24%, rgba(0, 0, 0, 0.53) 28%, rgba(0, 0, 0, 0.53) 36%, rgba(0, 0, 0, 0.51) 40%, rgba(0, 0, 0, 0.51) 44%, rgba(0, 0, 0, 0.52) 48%, rgba(0, 0, 0, 0.52) 56%, rgba(0, 0, 0, 0.46) 60%, rgba(0, 0, 0, 0.4) 64%, rgba(0, 0, 0, 0.34) 68%, rgba(0, 0, 0, 0.28) 72%, rgba(0, 0, 0, 0.22) 76%, rgba(0, 0, 0, 0.16) 80%, rgba(0, 0, 0, 0.1) 84%, rgba(0, 0, 0, 0.04) 88%, rgba(0, 0, 0, 0.03) 92%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-aereo.vt-hero--chico::before { background: rgba(0, 0, 0, 0.52); } }
.vt-fondo-banda.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.42) 4%, rgba(0, 0, 0, 0.36) 8%, rgba(0, 0, 0, 0.35) 12%, rgba(0, 0, 0, 0.34) 16%, rgba(0, 0, 0, 0.35) 20%, rgba(0, 0, 0, 0.36) 24%, rgba(0, 0, 0, 0.38) 28%, rgba(0, 0, 0, 0.37) 32%, rgba(0, 0, 0, 0.39) 36%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.44) 44%, rgba(0, 0, 0, 0.42) 48%, rgba(0, 0, 0, 0.38) 52%, rgba(0, 0, 0, 0.33) 56%, rgba(0, 0, 0, 0.27) 60%, rgba(0, 0, 0, 0.21) 64%, rgba(0, 0, 0, 0.15) 68%, rgba(0, 0, 0, 0.09) 72%, rgba(0, 0, 0, 0.03) 76%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-banda.vt-hero--chico::before { background: rgba(0, 0, 0, 0.38); } }
.vt-fondo-bolilleros.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0.33) 4%, rgba(0, 0, 0, 0.39) 8%, rgba(0, 0, 0, 0.45) 12%, rgba(0, 0, 0, 0.48) 16%, rgba(0, 0, 0, 0.49) 20%, rgba(0, 0, 0, 0.51) 24%, rgba(0, 0, 0, 0.53) 28%, rgba(0, 0, 0, 0.54) 32%, rgba(0, 0, 0, 0.53) 36%, rgba(0, 0, 0, 0.52) 40%, rgba(0, 0, 0, 0.52) 52%, rgba(0, 0, 0, 0.49) 56%, rgba(0, 0, 0, 0.43) 60%, rgba(0, 0, 0, 0.37) 64%, rgba(0, 0, 0, 0.31) 68%, rgba(0, 0, 0, 0.25) 72%, rgba(0, 0, 0, 0.19) 76%, rgba(0, 0, 0, 0.13) 80%, rgba(0, 0, 0, 0.07) 84%, rgba(0, 0, 0, 0.03) 88%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-bolilleros.vt-hero--chico::before { background: rgba(0, 0, 0, 0.44); } }
.vt-fondo-cadena.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.18) 4%, rgba(0, 0, 0, 0.24) 8%, rgba(0, 0, 0, 0.3) 12%, rgba(0, 0, 0, 0.36) 16%, rgba(0, 0, 0, 0.41) 20%, rgba(0, 0, 0, 0.41) 24%, rgba(0, 0, 0, 0.35) 28%, rgba(0, 0, 0, 0.36) 32%, rgba(0, 0, 0, 0.35) 36%, rgba(0, 0, 0, 0.37) 40%, rgba(0, 0, 0, 0.39) 44%, rgba(0, 0, 0, 0.4) 48%, rgba(0, 0, 0, 0.41) 52%, rgba(0, 0, 0, 0.38) 56%, rgba(0, 0, 0, 0.32) 60%, rgba(0, 0, 0, 0.26) 64%, rgba(0, 0, 0, 0.2) 68%, rgba(0, 0, 0, 0.14) 72%, rgba(0, 0, 0, 0.08) 76%, rgba(0, 0, 0, 0.03) 80%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-cadena.vt-hero--chico::before { background: rgba(0, 0, 0, 0.38); } }
.vt-fondo-cierre.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.36) 4%, rgba(0, 0, 0, 0.38) 8%, rgba(0, 0, 0, 0.42) 12%, rgba(0, 0, 0, 0.42) 20%, rgba(0, 0, 0, 0.46) 24%, rgba(0, 0, 0, 0.48) 28%, rgba(0, 0, 0, 0.42) 32%, rgba(0, 0, 0, 0.48) 36%, rgba(0, 0, 0, 0.53) 40%, rgba(0, 0, 0, 0.52) 44%, rgba(0, 0, 0, 0.52) 48%, rgba(0, 0, 0, 0.53) 52%, rgba(0, 0, 0, 0.49) 56%, rgba(0, 0, 0, 0.43) 60%, rgba(0, 0, 0, 0.37) 64%, rgba(0, 0, 0, 0.31) 68%, rgba(0, 0, 0, 0.25) 72%, rgba(0, 0, 0, 0.19) 76%, rgba(0, 0, 0, 0.13) 80%, rgba(0, 0, 0, 0.07) 84%, rgba(0, 0, 0, 0.03) 88%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-cierre.vt-hero--chico::before { background: rgba(0, 0, 0, 0.51); } }
.vt-fondo-cierre.vt-cta::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0, 0.23) 4%, rgba(0, 0, 0, 0.29) 8%, rgba(0, 0, 0, 0.35) 12%, rgba(0, 0, 0, 0.41) 16%, rgba(0, 0, 0, 0.47) 20%, rgba(0, 0, 0, 0.49) 24%, rgba(0, 0, 0, 0.48) 28%, rgba(0, 0, 0, 0.43) 32%, rgba(0, 0, 0, 0.48) 36%, rgba(0, 0, 0, 0.52) 40%, rgba(0, 0, 0, 0.52) 44%, rgba(0, 0, 0, 0.5) 48%, rgba(0, 0, 0, 0.53) 52%, rgba(0, 0, 0, 0.49) 56%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.55) 64%, rgba(0, 0, 0, 0.55) 68%, rgba(0, 0, 0, 0.51) 72%, rgba(0, 0, 0, 0.48) 76%, rgba(0, 0, 0, 0.45) 80%, rgba(0, 0, 0, 0.39) 84%, rgba(0, 0, 0, 0.33) 88%, rgba(0, 0, 0, 0.27) 92%, rgba(0, 0, 0, 0.21) 96%, rgba(0, 0, 0, 0.15) 100%); }
@media (max-width: 781px) { .vt-fondo-cierre.vt-cta::before { background: rgba(0, 0, 0, 0.51); } }
.vt-fondo-especial.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.36) 4%, rgba(0, 0, 0, 0.3) 8%, rgba(0, 0, 0, 0.28) 12%, rgba(0, 0, 0, 0.33) 16%, rgba(0, 0, 0, 0.34) 20%, rgba(0, 0, 0, 0.34) 24%, rgba(0, 0, 0, 0.38) 28%, rgba(0, 0, 0, 0.42) 32%, rgba(0, 0, 0, 0.43) 36%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.43) 44%, rgba(0, 0, 0, 0.43) 48%, rgba(0, 0, 0, 0.42) 52%, rgba(0, 0, 0, 0.44) 56%, rgba(0, 0, 0, 0.38) 60%, rgba(0, 0, 0, 0.32) 64%, rgba(0, 0, 0, 0.26) 68%, rgba(0, 0, 0, 0.2) 72%, rgba(0, 0, 0, 0.14) 76%, rgba(0, 0, 0, 0.08) 80%, rgba(0, 0, 0, 0.03) 84%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-especial.vt-hero--chico::before { background: rgba(0, 0, 0, 0.42); } }
.vt-fondo-inicio.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.44) 4%, rgba(0, 0, 0, 0.49) 8%, rgba(0, 0, 0, 0.53) 12%, rgba(0, 0, 0, 0.51) 16%, rgba(0, 0, 0, 0.48) 20%, rgba(0, 0, 0, 0.53) 24%, rgba(0, 0, 0, 0.54) 28%, rgba(0, 0, 0, 0.54) 32%, rgba(0, 0, 0, 0.51) 36%, rgba(0, 0, 0, 0.53) 40%, rgba(0, 0, 0, 0.54) 44%, rgba(0, 0, 0, 0.53) 48%, rgba(0, 0, 0, 0.47) 52%, rgba(0, 0, 0, 0.41) 56%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.29) 64%, rgba(0, 0, 0, 0.23) 68%, rgba(0, 0, 0, 0.17) 72%, rgba(0, 0, 0, 0.11) 76%, rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0.03) 84%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-inicio.vt-hero--chico::before { background: rgba(0, 0, 0, 0.49); } }
.vt-fondo-malla.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.49) 4%, rgba(0, 0, 0, 0.44) 8%, rgba(0, 0, 0, 0.38) 12%, rgba(0, 0, 0, 0.35) 16%, rgba(0, 0, 0, 0.29) 20%, rgba(0, 0, 0, 0.34) 24%, rgba(0, 0, 0, 0.4) 28%, rgba(0, 0, 0, 0.46) 32%, rgba(0, 0, 0, 0.52) 36%, rgba(0, 0, 0, 0.55) 40%, rgba(0, 0, 0, 0.55) 52%, rgba(0, 0, 0, 0.52) 56%, rgba(0, 0, 0, 0.46) 60%, rgba(0, 0, 0, 0.4) 64%, rgba(0, 0, 0, 0.34) 68%, rgba(0, 0, 0, 0.28) 72%, rgba(0, 0, 0, 0.22) 76%, rgba(0, 0, 0, 0.16) 80%, rgba(0, 0, 0, 0.1) 84%, rgba(0, 0, 0, 0.04) 88%, rgba(0, 0, 0, 0.03) 92%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-malla.vt-hero--chico::before { background: rgba(0, 0, 0, 0.52); } }
.vt-fondo-portada.vt-hero:not(.vt-hero--chico)::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.37) 0%, rgba(0, 0, 0, 0.39) 4%, rgba(0, 0, 0, 0.36) 8%, rgba(0, 0, 0, 0.34) 12%, rgba(0, 0, 0, 0.4) 16%, rgba(0, 0, 0, 0.42) 20%, rgba(0, 0, 0, 0.42) 24%, rgba(0, 0, 0, 0.43) 28%, rgba(0, 0, 0, 0.43) 40%, rgba(0, 0, 0, 0.44) 44%, rgba(0, 0, 0, 0.45) 48%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.43) 56%, rgba(0, 0, 0, 0.37) 60%, rgba(0, 0, 0, 0.31) 64%, rgba(0, 0, 0, 0.25) 68%, rgba(0, 0, 0, 0.19) 72%, rgba(0, 0, 0, 0.13) 76%, rgba(0, 0, 0, 0.07) 80%, rgba(0, 0, 0, 0.03) 84%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-portada.vt-hero:not(.vt-hero--chico)::before { background: rgba(0, 0, 0, 0.42); } }
.vt-fondo-rodillos.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.06) 4%, rgba(0, 0, 0, 0.12) 8%, rgba(0, 0, 0, 0.18) 12%, rgba(0, 0, 0, 0.24) 16%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.36) 24%, rgba(0, 0, 0, 0.42) 28%, rgba(0, 0, 0, 0.46) 32%, rgba(0, 0, 0, 0.47) 36%, rgba(0, 0, 0, 0.47) 40%, rgba(0, 0, 0, 0.46) 44%, rgba(0, 0, 0, 0.46) 48%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.47) 56%, rgba(0, 0, 0, 0.41) 60%, rgba(0, 0, 0, 0.35) 64%, rgba(0, 0, 0, 0.29) 68%, rgba(0, 0, 0, 0.23) 72%, rgba(0, 0, 0, 0.17) 76%, rgba(0, 0, 0, 0.11) 80%, rgba(0, 0, 0, 0.05) 84%, rgba(0, 0, 0, 0.03) 88%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-rodillos.vt-hero--chico::before { background: rgba(0, 0, 0, 0.41); } }
.vt-fondo-servicios.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.31) 0%, rgba(0, 0, 0, 0.37) 4%, rgba(0, 0, 0, 0.43) 8%, rgba(0, 0, 0, 0.46) 12%, rgba(0, 0, 0, 0.44) 16%, rgba(0, 0, 0, 0.44) 20%, rgba(0, 0, 0, 0.45) 24%, rgba(0, 0, 0, 0.45) 28%, rgba(0, 0, 0, 0.43) 32%, rgba(0, 0, 0, 0.37) 36%, rgba(0, 0, 0, 0.33) 40%, rgba(0, 0, 0, 0.33) 44%, rgba(0, 0, 0, 0.37) 48%, rgba(0, 0, 0, 0.42) 52%, rgba(0, 0, 0, 0.43) 56%, rgba(0, 0, 0, 0.37) 60%, rgba(0, 0, 0, 0.31) 64%, rgba(0, 0, 0, 0.25) 68%, rgba(0, 0, 0, 0.19) 72%, rgba(0, 0, 0, 0.13) 76%, rgba(0, 0, 0, 0.07) 80%, rgba(0, 0, 0, 0.03) 84%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-servicios.vt-hero--chico::before { background: rgba(0, 0, 0, 0.42); } }
.vt-fondo-tablillas.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.24) 4%, rgba(0, 0, 0, 0.27) 8%, rgba(0, 0, 0, 0.3) 12%, rgba(0, 0, 0, 0.31) 16%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.27) 24%, rgba(0, 0, 0, 0.26) 28%, rgba(0, 0, 0, 0.2) 32%, rgba(0, 0, 0, 0.19) 36%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.31) 44%, rgba(0, 0, 0, 0.35) 48%, rgba(0, 0, 0, 0.36) 52%, rgba(0, 0, 0, 0.34) 56%, rgba(0, 0, 0, 0.28) 60%, rgba(0, 0, 0, 0.22) 64%, rgba(0, 0, 0, 0.16) 68%, rgba(0, 0, 0, 0.1) 72%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0.03) 80%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-tablillas.vt-hero--chico::before { background: rgba(0, 0, 0, 0.34); } }
.vt-fondo-taller.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.3) 4%, rgba(0, 0, 0, 0.27) 8%, rgba(0, 0, 0, 0.33) 12%, rgba(0, 0, 0, 0.39) 16%, rgba(0, 0, 0, 0.45) 20%, rgba(0, 0, 0, 0.51) 24%, rgba(0, 0, 0, 0.52) 28%, rgba(0, 0, 0, 0.52) 32%, rgba(0, 0, 0, 0.54) 36%, rgba(0, 0, 0, 0.54) 44%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.55) 56%, rgba(0, 0, 0, 0.49) 60%, rgba(0, 0, 0, 0.43) 64%, rgba(0, 0, 0, 0.37) 68%, rgba(0, 0, 0, 0.31) 72%, rgba(0, 0, 0, 0.25) 76%, rgba(0, 0, 0, 0.19) 80%, rgba(0, 0, 0, 0.13) 84%, rgba(0, 0, 0, 0.07) 88%, rgba(0, 0, 0, 0.03) 92%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-taller.vt-hero--chico::before { background: rgba(0, 0, 0, 0.51); } }