/* Generado por generar_preview.py: fondos con foto y velos medidos (velos.py). */
:root { --vt-panel: #2D3748; }
:root { --vt-firma: #818791; }
:root { --vt-cabecera-texto: #fff; }
/* SITIO["css"] */
.vt-seccion--chips { padding-block: clamp(1.5rem, 3vw, 2.25rem) 0 !important; }
.vt-ficha-producto .vt-precio { font-size: clamp(1.6rem, 2.4vw, 2.1rem) !important; line-height: 1.2; }

:root { --vt-cabecera-fondo: #444444; --vt-aviso-fondo: #222222; --vt-pie-fondo: #2D3748; --vt-subrayado: #E8B04B;
        --vt-filete: #E8B04B; --vt-cinta-fondo: #2D3748; }
.vt-cabecera .wp-block-navigation__submenu-container { color: var(--vt-tinta); }
@media (min-width: 900px) {
  .vt-cabecera .vt-cabecera__fila { justify-content: flex-start !important; gap: 2.2rem; }
  .vt-cabecera .vt-cabecera__nav { display: contents; }
  .vt-cabecera .vt-cabecera__nav > .wp-block-navigation { order: 1; }
  .vt-cabecera .vt-cabecera__buscar { order: 2; flex: 0 1 340px; margin-left: 1rem; }
  .vt-cabecera .vt-carrito { order: 3; margin-left: auto; }
}
.vt-cabecera__buscar input { background: #fff; border-color: transparent; }
.vt-cabecera__buscar button { background: #2D3748; }
.vt-carrito__n { background: #E8B04B; color: #1A202C; }
/* Portada: solo el video con el título y el botón, como ahora */
.vt-hero:not(.vt-hero--chico) { min-height: min(84vh, 780px); }
.vt-hero .wp-block-button__link { background: #fff; color: #1A202C; }
.vt-hero .wp-block-button__link:hover { background: #E8B04B; color: #1A202C; }
.vt-fondo-inicio > .vt-hero__video { object-position: 60% center; }
.vt-grilla--categorias { --vt-por-fila: 4; }
.vt-pie__grilla--libre .vt-pie__marca { order: 9; text-align: center; }
.vt-pie__grilla--libre .vt-pie__marca p { display: none; }
.vt-pie__grilla--libre .vt-pie__marca .vt-pie__redes { justify-content: center; }
.vt-pie__base { justify-content: center; text-align: center; gap: .3rem 2rem; }
:root { --vt-aviso-icono: #E8B04B; }
/* Tarjetas de producto: botón como el de la ficha (en lugar del texto con flecha) */
.vt-producto .vt-mas a { display: block; text-align: center; background: #2D3748; color: #fff; border-radius: 999px; padding: .72rem 1rem;
  font-size: .78rem; letter-spacing: .08em; transition: background .2s, color .2s; }
.vt-producto .vt-mas a::after { content: none; }
.vt-producto:hover .vt-mas a { background: #E8B04B; color: #1A202C; }
/* Menú del celular: «Consultas por WhatsApp» como botón ámbar alineado con los ítems (el fondo de la base era del
   mismo color que el menú y el texto quedaba suelto y corrido) */
.vt-cabecera .is-menu-open .vt-solo-movil { margin-top: 2rem !important; }
.vt-cabecera .is-menu-open .vt-solo-movil .wp-block-navigation-item__content { display: inline-block; background: #E8B04B !important; color: #1A202C !important;
  border-radius: 999px; padding: .75rem 1.4rem !important; font-weight: 700; font-size: 1.05rem !important; }
/* Categorías en mosaico: Mujer grande a la izquierda y seis cuadradas a la derecha; el nombre va sobre la foto,
   con un degradé negro abajo */
.vt-mosaico .vt-card { justify-content: flex-end; aspect-ratio: 1; isolation: isolate; color: #fff; }
.vt-mosaico .vt-card > .wp-block-image { position: absolute; inset: 0; z-index: -2; aspect-ratio: auto; }
.vt-mosaico .vt-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, .18) 45%, transparent 70%); }
.vt-mosaico .vt-card h3 { color: #fff; font-size: 1.15rem; padding: 0 1.1rem; }
.vt-mosaico .vt-card h3 + p { color: rgba(255, 255, 255, .85); padding: .15rem 1.1rem 0; }
.vt-mosaico .vt-card .vt-mas { padding: .4rem 1.1rem 1rem; margin-top: 0 !important; }
.vt-mosaico .vt-card .vt-mas a { color: #E8B04B; }
@media (min-width: 900px) {
  .vt-mosaico { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 1.2rem; }
  .vt-mosaico > :first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
  .vt-mosaico > :first-child h3 { font-size: 2rem; padding-inline: 1.6rem; }
  .vt-mosaico > :first-child h3 + p, .vt-mosaico > :first-child .vt-mas { padding-inline: 1.6rem; }
  .vt-mosaico > :first-child .vt-mas { padding-bottom: 1.5rem; }
}
@media (max-width: 899px) {
  .vt-mosaico { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .vt-mosaico > :first-child { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
}
:root { --vt-cabecera: 82px; } .vt-logo img { max-height: 56px; }
@media (max-width: 600px) { :root { --vt-cabecera: 66px; } .vt-logo img { max-height: 42px; } }
.vt-pie__marca img { max-height: 60px; }
.vt-fondo-inicio { --vt-foto: url(../img/fondo-inicio.webp); --vt-foto-pos: 60% center; background-image: var(--vt-foto); background-position: 60% center; }
@media (max-width: 781px) { .vt-fondo-inicio { --vt-foto: url(../img/fondo-inicio-m.webp); } }
.vt-fondo-mujer { --vt-foto: url(../img/fondo-mujer.webp); --vt-foto-pos: 65% center; background-image: var(--vt-foto); background-position: 65% center; }
@media (max-width: 781px) { .vt-fondo-mujer { --vt-foto: url(../img/fondo-mujer-m.webp); } }
.vt-fondo-hombre { --vt-foto: url(../img/fondo-hombre.webp); --vt-foto-pos: 65% center; background-image: var(--vt-foto); background-position: 65% center; }
@media (max-width: 781px) { .vt-fondo-hombre { --vt-foto: url(../img/fondo-hombre-m.webp); } }
.vt-fondo-digital { --vt-foto: url(../img/fondo-digital.webp); --vt-foto-pos: 65% center; background-image: var(--vt-foto); background-position: 65% center; }
@media (max-width: 781px) { .vt-fondo-digital { --vt-foto: url(../img/fondo-digital-m.webp); } }
.vt-fondo-bijou { --vt-foto: url(../img/fondo-bijou.webp); --vt-foto-pos: 65% center; background-image: var(--vt-foto); background-position: 65% center; }
@media (max-width: 781px) { .vt-fondo-bijou { --vt-foto: url(../img/fondo-bijou-m.webp); } }
.vt-fondo-mayorista { --vt-foto: url(../img/fondo-mayorista.webp); --vt-foto-pos: center; background-image: var(--vt-foto); background-position: center; }
@media (max-width: 781px) { .vt-fondo-mayorista { --vt-foto: url(../img/fondo-mayorista-m.webp); } }
.vt-fondo-vitrina { --vt-foto: url(../img/fondo-vitrina.webp); --vt-foto-pos: 70% center; background-image: var(--vt-foto); background-position: 70% center; }
@media (max-width: 781px) { .vt-fondo-vitrina { --vt-foto: url(../img/fondo-vitrina-m.webp); } }
.vt-fondo-surtido { --vt-foto: url(../img/fondo-surtido.webp); --vt-foto-pos: center; background-image: var(--vt-foto); background-position: center; }
@media (max-width: 781px) { .vt-fondo-surtido { --vt-foto: url(../img/fondo-surtido-m.webp); } }
.vt-fondo-colores { --vt-foto: url(../img/fondo-colores.webp); --vt-foto-pos: center; background-image: var(--vt-foto); background-position: center; }
@media (max-width: 781px) { .vt-fondo-colores { --vt-foto: url(../img/fondo-colores-m.webp); } }
.vt-fondo-inicio.vt-hero:not(.vt-hero--chico)::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.21) 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.48) 24%, rgba(0, 0, 0, 0.48) 28%, rgba(0, 0, 0, 0.49) 32%, rgba(0, 0, 0, 0.52) 36%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.48) 44%, rgba(0, 0, 0, 0.5) 48%, rgba(0, 0, 0, 0.49) 52%, rgba(0, 0, 0, 0.48) 56%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.51) 64%, rgba(0, 0, 0, 0.51) 68%, rgba(0, 0, 0, 0.48) 72%, rgba(0, 0, 0, 0.46) 76%, rgba(0, 0, 0, 0.46) 80%, rgba(0, 0, 0, 0.44) 84%, rgba(0, 0, 0, 0.38) 88%, rgba(0, 0, 0, 0.32) 92%, rgba(0, 0, 0, 0.26) 96%, rgba(0, 0, 0, 0.2) 100%); }
@media (max-width: 781px) { .vt-fondo-inicio.vt-hero:not(.vt-hero--chico)::before { background: rgba(0, 0, 0, 0.47); } }
.vt-fondo-mayorista.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0.45) 4%, rgba(0, 0, 0, 0.47) 8%, rgba(0, 0, 0, 0.5) 12%, rgba(0, 0, 0, 0.51) 16%, rgba(0, 0, 0, 0.51) 20%, rgba(0, 0, 0, 0.53) 24%, rgba(0, 0, 0, 0.53) 36%, rgba(0, 0, 0, 0.52) 40%, rgba(0, 0, 0, 0.5) 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-mayorista.vt-hero--chico::before { background: rgba(0, 0, 0, 0.52); } }
.vt-fondo-mayorista.vt-cta::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.24) 4%, rgba(0, 0, 0, 0.3) 8%, rgba(0, 0, 0, 0.36) 12%, rgba(0, 0, 0, 0.42) 16%, rgba(0, 0, 0, 0.48) 20%, 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.52) 40%, rgba(0, 0, 0, 0.52) 44%, rgba(0, 0, 0, 0.53) 48%, rgba(0, 0, 0, 0.53) 60%, rgba(0, 0, 0, 0.52) 64%, rgba(0, 0, 0, 0.46) 68%, rgba(0, 0, 0, 0.47) 72%, rgba(0, 0, 0, 0.52) 76%, rgba(0, 0, 0, 0.49) 80%, rgba(0, 0, 0, 0.43) 84%, rgba(0, 0, 0, 0.37) 88%, rgba(0, 0, 0, 0.31) 92%, rgba(0, 0, 0, 0.25) 96%, rgba(0, 0, 0, 0.19) 100%); }
@media (max-width: 781px) { .vt-fondo-mayorista.vt-cta::before { background: rgba(0, 0, 0, 0.52); } }
.vt-fondo-vitrina.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.44) 4%, rgba(0, 0, 0, 0.41) 8%, rgba(0, 0, 0, 0.43) 12%, rgba(0, 0, 0, 0.39) 16%, rgba(0, 0, 0, 0.38) 20%, rgba(0, 0, 0, 0.44) 24%, rgba(0, 0, 0, 0.5) 28%, rgba(0, 0, 0, 0.52) 32%, rgba(0, 0, 0, 0.46) 36%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.43) 44%, rgba(0, 0, 0, 0.44) 48%, rgba(0, 0, 0, 0.49) 52%, rgba(0, 0, 0, 0.51) 56%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0.39) 64%, rgba(0, 0, 0, 0.33) 68%, rgba(0, 0, 0, 0.27) 72%, rgba(0, 0, 0, 0.21) 76%, rgba(0, 0, 0, 0.15) 80%, rgba(0, 0, 0, 0.09) 84%, rgba(0, 0, 0, 0.03) 88%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-vitrina.vt-hero--chico::before { background: rgba(0, 0, 0, 0.46); } }