/* Generado por generar_preview.py: fondos con foto y velos medidos (velos.py). */
:root { --vt-panel: #282828; }
:root { --vt-firma: #D86C97; }
/* SITIO["css"] */
:root { --vt-cabecera-fondo: #F6F2EF; --vt-seccion-fondo: #F6F2EF; --vt-aviso-fondo: #000; --vt-pie-fondo: #fff;
        --vt-pie-texto: #4d4d4d; --vt-pie-titulo: #282828; --vt-precio: #282828; --vt-slide-fondo: #F3EDE6;
        --vt-por-fila: 5; --vt-cinta-fondo: #282828; }
.vt-claro { background: #F6F2EF; }
.vt-cabecera .wp-block-navigation { font-size: .95rem; gap: 1.6rem; }
@media (min-width: 900px) {
  .vt-cabecera .vt-cabecera__buscar { flex-basis: 230px; }
  .vt-cabecera .vt-cabecera__nav { display: contents; }
  .vt-cabecera .vt-cabecera__nav > .wp-block-navigation { order: 1; margin-left: auto; }
  .vt-cabecera .vt-cabecera__lupa { order: 2; }
  .vt-cabecera .vt-carrito { order: 3; }
  .vt-cabecera .vt-cabecera__wa { order: 4; }
}
.vt-cabecera__buscar input { background: #fff; }
/* Slider: letra manuscrita arriba, título grande en minúscula y la bajada en una etiqueta rosa, como los banners */
.vt-slide__titulo { font-weight: 800; color: #2B1B17; letter-spacing: -.02em; text-transform: lowercase; font-size: clamp(2.6rem, 5.6vw, 5.2rem); line-height: .98; }
.vt-slide__ante { font-family: var(--wp--preset--font-family--mono); font-weight: 700; font-size: clamp(1.3rem, 2vw, 1.75rem); color: #2B1B17;
  padding-bottom: .55rem; border-bottom: 1px solid rgba(43, 27, 23, .35); }
.vt-slide__ante::after { content: " ❀"; color: var(--vt-primario); }
.vt-slide__bajada { display: inline-block; background: var(--vt-primario); color: #fff; font-size: .82rem !important; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; padding: .45rem 1rem; border-radius: 999px; margin-top: 1.2rem !important; }
.vt-slide__texto .wp-block-button__link { background: #2B1B17; }
.vt-slide__texto .wp-block-button__link:hover { background: var(--vt-primario); }
/* Productos como en la tienda: nombre en la letra de títulos, precio debajo */
.vt-producto h3 { font-family: var(--wp--preset--font-family--titulos); font-weight: 600; font-size: 1rem; }
.vt-seccion > .alignwide > .wp-block-buttons .wp-block-button__link { background: var(--vt-primario); color: #fff; box-shadow: none; }
/* Pie blanco de cuatro columnas con los títulos centrados */
.vt-pie { border-top: 1px solid var(--vt-linea); }
.vt-pie__grilla--libre { text-align: center; }
.vt-pie__grilla--libre .vt-pie__marca img { margin-inline: auto; }
.vt-pie__grilla--libre .vt-pie__marca p { display: none; }
.vt-pie__grilla--libre .vt-pie__redes { justify-content: center; }
.vt-pie__redes a { border-color: var(--vt-linea); color: var(--vt-primario); }
.vt-pie__redes a:hover { color: #fff; }
.vt-pie__titulo { font-size: 1.05rem; text-transform: none; letter-spacing: 0; }
.vt-pie__ico { display: block; width: 34px; height: 34px; margin: 0 auto .7rem; background: var(--vt-primario); -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.vt-pie__ico--pago { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm0 4v2h18V9H3zm2 6v1.5h5V15H5z'/%3E%3C/svg%3E"); }
.vt-pie__ico--envio { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 6a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v2h3.4a1 1 0 0 1 .8.4l2.6 3.4a1 1 0 0 1 .2.6V16a1 1 0 0 1-1 1h-1a2.5 2.5 0 0 1-5 0H9a2.5 2.5 0 0 1-5 0H3a1 1 0 0 1-1-1V6zm13 4v3h4.8l-2.3-3H15zM6.5 18.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4zm10 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4z'/%3E%3C/svg%3E"); }
.vt-pie__base { border-top-color: var(--vt-linea); justify-content: center; text-align: center; gap: .3rem 2rem; }
/* Compu: menú, íconos y buscador más grandes; pie con logo, redes y textos más grandes (21/10) */
:root { --vt-aviso-icono: #F08DB6; }
@media (min-width: 900px) {
  .vt-cabecera .wp-block-navigation { font-size: 1.05rem; gap: 1.5rem; }
  .vt-cabecera .vt-cabecera__wa svg, .vt-cabecera .vt-cabecera__lupa svg { width: 26px; height: 26px; }
  .vt-cabecera .wp-block-navigation__submenu-container { font-size: 1.02rem; }
  .vt-cabecera .vt-carrito { width: 3.2rem; height: 3.2rem; }
  .vt-cabecera .vt-carrito svg { width: 28px; height: 28px; }
  .vt-cabecera .vt-carrito__n { min-width: 1.4rem; height: 1.4rem; font-size: .78rem; }
  .vt-cabecera .vt-cabecera__buscar { flex-basis: 280px; }
  .vt-cabecera__buscar input { height: 48px; font-size: 1.02rem; padding-left: 1.3rem; }
  .vt-cabecera__buscar button { width: 40px; height: 40px; }
  .vt-cabecera__buscar svg { width: 19px; height: 19px; }
  .vt-pie { font-size: 1.1rem; }
  .vt-pie__titulo { font-size: 1.3rem; margin-bottom: 1.2rem; }
  .vt-pie__ico { width: 44px; height: 44px; }
  .vt-pie__redes { gap: .9rem; }
  .vt-pie__redes a { width: 54px; height: 54px; }
  .vt-pie__redes svg { width: 25px; height: 25px; }
  .vt-pie__grilla--libre li { margin-bottom: .7rem; }
  .vt-pie__base { font-size: .85rem; }
}
/* Slider en el celular (21/10): manuscrita, título, etiqueta y botón más chicos para que la slide entre entera */
@media (max-width: 781px) {
  .vt-slide__ante { font-size: 1.05rem; padding-bottom: .35rem; }
  .vt-slide__titulo { font-size: clamp(1.9rem, 8.6vw, 2.4rem); line-height: 1; }
  .vt-slide__bajada { font-size: .66rem !important; letter-spacing: .08em; padding: .35rem .8rem; margin-top: .7rem !important; }
  .vt-slide__texto .wp-block-button__link { padding: .6rem 1.3rem; font-size: .95rem; }
}
@media (max-width: 781px) { .vt-producto .vt-producto__detalle { display: none; } .vt-producto .vt-mas a { letter-spacing: .04em; } }

.vt-cabecera .vt-cabecera__lupa, .vt-cabecera .vt-cabecera__wa { display: none !important; }
:root { --vt-cabecera: 112px; } .vt-logo img { max-height: 86px; }
@media (max-width: 600px) { :root { --vt-cabecera: 76px; } .vt-logo img { max-height: 52px; } }
.vt-pie__marca img { max-height: 120px; }
.vt-fondo-inicio { --vt-foto: url(../img/fondo-inicio.webp); --vt-foto-pos: 70% center; background-image: var(--vt-foto); background-position: 70% center; }
@media (max-width: 781px) { .vt-fondo-inicio { --vt-foto: url(../img/fondo-inicio-m.webp); } }
.vt-fondo-unas { --vt-foto: url(../img/fondo-unas.webp); --vt-foto-pos: 70% center; background-image: var(--vt-foto); background-position: 70% center; }
@media (max-width: 781px) { .vt-fondo-unas { --vt-foto: url(../img/fondo-unas-m.webp); } }
.vt-fondo-pestanas { --vt-foto: url(../img/fondo-pestanas.webp); --vt-foto-pos: 70% center; background-image: var(--vt-foto); background-position: 70% center; }
@media (max-width: 781px) { .vt-fondo-pestanas { --vt-foto: url(../img/fondo-pestanas-m.webp); } }
.vt-fondo-maquillaje { --vt-foto: url(../img/fondo-maquillaje.webp); --vt-foto-pos: 70% center; background-image: var(--vt-foto); background-position: 70% center; }
@media (max-width: 781px) { .vt-fondo-maquillaje { --vt-foto: url(../img/fondo-maquillaje-m.webp); } }
.vt-fondo-facial { --vt-foto: url(../img/fondo-facial.webp); --vt-foto-pos: 70% center; background-image: var(--vt-foto); background-position: 70% center; }
@media (max-width: 781px) { .vt-fondo-facial { --vt-foto: url(../img/fondo-facial-m.webp); } }
.vt-fondo-peluqueria { --vt-foto: url(../img/fondo-peluqueria.webp); --vt-foto-pos: 75% center; background-image: var(--vt-foto); background-position: 75% center; }
@media (max-width: 781px) { .vt-fondo-peluqueria { --vt-foto: url(../img/fondo-peluqueria-m.webp); } }
.vt-fondo-local { --vt-foto: url(../img/fondo-local.webp); --vt-foto-pos: center 60%; background-image: var(--vt-foto); background-position: center 60%; }
@media (max-width: 781px) { .vt-fondo-local { --vt-foto: url(../img/fondo-local-m.webp); } }
.vt-fondo-cajas { --vt-foto: url(../img/fondo-cajas.webp); --vt-foto-pos: 70% center; background-image: var(--vt-foto); background-position: 70% center; }
@media (max-width: 781px) { .vt-fondo-cajas { --vt-foto: url(../img/fondo-cajas-m.webp); } }
.vt-fondo-flatlay { --vt-foto: url(../img/fondo-flatlay.webp); --vt-foto-pos: 70% center; background-image: var(--vt-foto); background-position: 70% center; }
@media (max-width: 781px) { .vt-fondo-flatlay { --vt-foto: url(../img/fondo-flatlay-m.webp); } }
.vt-fondo-cajas.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.51) 4%, rgba(0, 0, 0, 0.53) 8%, rgba(0, 0, 0, 0.5) 12%, rgba(0, 0, 0, 0.5) 16%, rgba(0, 0, 0, 0.49) 20%, rgba(0, 0, 0, 0.52) 24%, rgba(0, 0, 0, 0.53) 28%, rgba(0, 0, 0, 0.53) 32%, rgba(0, 0, 0, 0.52) 36%, rgba(0, 0, 0, 0.52) 44%, rgba(0, 0, 0, 0.54) 48%, rgba(0, 0, 0, 0.53) 52%, rgba(0, 0, 0, 0.53) 56%, rgba(0, 0, 0, 0.47) 60%, rgba(0, 0, 0, 0.41) 64%, rgba(0, 0, 0, 0.35) 68%, rgba(0, 0, 0, 0.29) 72%, rgba(0, 0, 0, 0.23) 76%, rgba(0, 0, 0, 0.17) 80%, rgba(0, 0, 0, 0.11) 84%, rgba(0, 0, 0, 0.05) 88%, rgba(0, 0, 0, 0.03) 92%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-cajas.vt-hero--chico::before { background: rgba(0, 0, 0, 0.5); } }
.vt-fondo-cajas.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.51) 24%, rgba(0, 0, 0, 0.52) 28%, rgba(0, 0, 0, 0.52) 44%, rgba(0, 0, 0, 0.53) 48%, rgba(0, 0, 0, 0.53) 56%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.49) 64%, rgba(0, 0, 0, 0.5) 68%, rgba(0, 0, 0, 0.47) 72%, rgba(0, 0, 0, 0.47) 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-cajas.vt-cta::before { background: rgba(0, 0, 0, 0.49); } }
.vt-fondo-local.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.43) 4%, rgba(0, 0, 0, 0.4) 8%, rgba(0, 0, 0, 0.36) 12%, rgba(0, 0, 0, 0.41) 16%, rgba(0, 0, 0, 0.41) 20%, rgba(0, 0, 0, 0.42) 24%, rgba(0, 0, 0, 0.43) 28%, rgba(0, 0, 0, 0.47) 32%, rgba(0, 0, 0, 0.46) 36%, rgba(0, 0, 0, 0.46) 40%, rgba(0, 0, 0, 0.44) 44%, rgba(0, 0, 0, 0.47) 48%, rgba(0, 0, 0, 0.48) 52%, rgba(0, 0, 0, 0.46) 56%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.34) 64%, rgba(0, 0, 0, 0.28) 68%, rgba(0, 0, 0, 0.22) 72%, rgba(0, 0, 0, 0.16) 76%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.04) 84%, rgba(0, 0, 0, 0.03) 88%, rgba(0, 0, 0, 0.03) 100%); }
@media (max-width: 781px) { .vt-fondo-local.vt-hero--chico::before { background: rgba(0, 0, 0, 0.45); } }
