/* Generado por generar_preview.py: fondos con foto y velos medidos (velos.py). */
:root { --vt-panel: #161616; }
:root { --vt-firma: #686868; }
/* SITIO["css"] */
.vt-producto .vt-precio { font-size: 1.15rem; line-height: 1.25; }
@media (max-width: 600px) { .vt-grilla--productos .vt-producto .vt-precio { font-size: .98rem !important; } }

.ip-portada { background: #0A0A0A !important; }
.ip-portada__cols { gap: clamp(2rem, 4vw, 4rem) !important; }
.ip-portada__cols > .wp-block-column { flex: 1 1 0 !important; min-width: 0; }
.ip-portada .ip-foto { margin: 0 !important; }
.ip-portada .ip-foto img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 70%; border-radius: 0 !important; }
.ip-rotulos--3 { grid-template-columns: repeat(3, 1fr) !important; margin: -1.6rem .6rem 0 !important; padding-bottom: 0 !important; }
.ip-rotulos--3 .ip-rotulo { padding: .55rem .7rem .55rem .9rem; }
.ip-rotulos--3 .ip-rotulo b { font-size: .86rem; }
.ip-rotulos--3 .ip-rotulo span { font-size: .72rem; }
/* Cómo comprar sobre negro: el recuadro de cambios y devoluciones era blanco con texto blanco */
.vt-oscuro .vt-destacado { background: #1A1A1A !important; border: 1px solid #333 !important; border-left: 6px solid var(--vt-acento) !important; }
.vt-oscuro .vt-destacado :is(h3, p) { color: #fff !important; }
.vt-oscuro .vt-destacado .is-style-contorno .wp-block-button__link { color: #fff !important; border-color: #fff !important; }
.ip-portada .vt-overline { color: var(--vt-acento) !important; }
.ip-titulo { font-size: clamp(2.3rem, 4.3vw, 4.1rem) !important; line-height: .95 !important; text-transform: uppercase; letter-spacing: -.01em; color: #fff; max-width: 15ch; margin-top: .4rem !important; }
body.vt-marca-clara .ip-portada h1.ip-titulo em { font-style: normal; color: var(--vt-acento) !important; -webkit-text-fill-color: var(--vt-acento); background: none !important; padding: 0 !important; box-shadow: none !important; display: block; }
.ip-lineas { font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: 1.02rem !important; margin-top: 1.1rem !important; }
.ip-lineas a { color: #fff !important; text-decoration: none; border-bottom: 2px solid var(--vt-acento); }
.ip-lineas a:hover { color: var(--vt-acento) !important; }
.ip-portada .vt-bajada { color: #fff !important; max-width: 56ch; }
.ip-portada .wp-block-buttons { margin-top: 1.6rem !important; }
.ip-portada .ip-fila { margin: 2.4rem 0 0 !important; }
.ip-portada .ip-fila img { width: 100%; height: auto; display: block; aspect-ratio: 1536 / 448; object-fit: cover; border-radius: 0 !important; }
.ip-rotulos { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: -2.2rem auto 0 !important; position: relative; z-index: 1; padding-bottom: 2.4rem; }
.ip-rotulo { display: block; background: #111; color: #fff !important; text-decoration: none; padding: .7rem .9rem .7rem 1.1rem; border-left: 6px solid var(--vt-acento); transform: skewX(-8deg); transition: background .15s; }
.ip-rotulo > * { transform: skewX(8deg); display: block; }
.ip-rotulo b { text-transform: uppercase; font-size: .95rem; letter-spacing: .02em; }
.ip-rotulo span { font-size: .8rem; color: rgba(255, 255, 255, .8); text-transform: uppercase; }
.ip-rotulo:hover { background: #222; }
.ip-banda-beneficios { padding-block: 2rem !important; background: #141414 !important; border-top: 3px solid var(--vt-acento); }
.ip-beneficios { display: grid; grid-template-columns: repeat(4, 1fr); }
.ip-beneficio { display: flex; align-items: center; gap: .9rem; padding: .4rem 1.4rem; border-left: 1px solid rgba(255, 255, 255, .2); }
.ip-beneficio:first-child { border-left: 0; padding-left: 0; }
.ip-beneficio svg { flex: none; width: 46px; height: 46px; fill: none; stroke: var(--vt-acento); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ip-beneficio p { margin: 0; color: #fff; text-transform: uppercase; font-size: .9rem; line-height: 1.3; letter-spacing: .02em; }
.ip-beneficio b { display: block; }
.ip-banda-marca { background: var(--vt-acento) !important; padding-block: 1.3rem !important; }
.ip-barra { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .4rem 1.4rem; color: #111; text-transform: uppercase; letter-spacing: .14em; font-weight: 700; font-size: 1.05rem; }
.ip-barra b { letter-spacing: .04em; font-size: 1.2rem; padding-right: 1.4rem; border-right: 2px solid #111; }
.ip-barra span + span::before { content: "•"; margin-right: 1.4rem; }
/* Buscador como campo con lupa (27/10/2026, como en Afines): en compu en el lugar de la lupa, entre Contacto y el
   carrito (desde 1360 px: con seis ítems de menú no entra antes); más angosto y en el celular, en una fila propia */
.vt-cabecera .vt-cabecera__lupa { display: none !important; }
.vt-cabecera .vt-cabecera__nav { display: contents !important; }
.vt-cabecera .vt-cabecera__fila { flex-wrap: wrap !important; row-gap: .6rem; }
.vt-cabecera .vt-logo { order: 0; }
.vt-cabecera .vt-cabecera__nav > .wp-block-navigation { order: 1; margin-left: auto; }
.vt-cabecera .vt-cabecera__fila > .vt-cabecera__buscar { display: flex !important; order: 2; position: relative; align-items: center; flex: 0 1 205px; min-width: 175px; margin: 0; }
.vt-cabecera .vt-cabecera__nav > :is(.vt-cabecera__cuenta, .vt-carrito) { order: 3; }
.vt-cabecera .vt-cabecera__nav > .vt-cabecera__wa { order: 4; }
.vt-cabecera__buscar input { box-sizing: border-box; width: 100%; height: 42px; margin: 0; padding: 0 2.9rem 0 1.05rem; font-size: .95rem; color: #111;
	background: #fff; border: 1px solid #fff; border-radius: 4px; -webkit-appearance: none; appearance: none; }
.vt-cabecera__buscar input::placeholder { color: #666; opacity: 1; }
.vt-cabecera__buscar input::-webkit-search-cancel-button { display: none; }
.vt-cabecera__buscar input:focus { outline: 2px solid var(--vt-acento); outline-offset: 1px; }
.vt-cabecera__buscar button { position: absolute; right: 3px; top: 50%; translate: 0 -50%; display: grid; place-items: center; width: 36px; height: 36px;
	padding: 0; border: 0; border-radius: 3px; background: var(--vt-acento); color: #111; cursor: pointer; }
.vt-cabecera__buscar button:hover { background: #fff; outline: 1px solid #111; }
@media (max-width: 1359px) {
	.vt-cabecera .vt-cabecera__fila > .vt-cabecera__buscar { order: 9; flex: 0 0 100%; min-width: 0; margin-bottom: .2rem; }
}
/* Tablet: menú más compacto para que logo, menú, carrito y WhatsApp entren en un renglón */
@media (min-width: 600px) and (max-width: 1023px) {
	.vt-cabecera .wp-block-navigation { font-size: .8rem !important; gap: .55rem !important; }
	.vt-cabecera .wp-block-navigation .wp-block-navigation__container { gap: .55rem !important; }
	.vt-cabecera .vt-logo img { max-height: 40px; width: auto; }
	.vt-cabecera .vt-cabecera__fila { column-gap: .6rem !important; }
}
/* Celular (27/10/2026, como Central de Vinos): logo, menú, lupa, carrito y WhatsApp en una fila; el menú y el buscador
   entran desde la izquierda en paneles (datos["menu_movil"] = "paneles") */
@media (max-width: 781px) {
	.vt-cabecera .vt-cabecera__fila { flex-wrap: nowrap !important; gap: .3rem !important; }
	.vt-cabecera .vt-cabecera__fila > form.vt-cabecera__buscar, .vt-cabecera .vt-cabecera__nav > .wp-block-navigation { display: none !important; }
	.vt-cabecera .vt-logo { order: 0; margin-right: auto; }
	.vt-cabecera .vt-mm-boton { display: grid; color: #fff; }
	.vt-cabecera .vt-mm-boton--menu { order: 1; } .vt-cabecera .vt-mm-boton--buscar { order: 2; }
	.vt-cabecera .vt-cabecera__nav > :is(.vt-cabecera__cuenta, .vt-carrito) { order: 3; }
	.vt-cabecera .vt-cabecera__nav > .vt-cabecera__wa { order: 4; }
	.vt-cabecera :is(.vt-mm-boton, .vt-carrito, .vt-cabecera__wa) { width: 2.5rem !important; height: 2.5rem !important; }
}
.vt-mm { --vt-mm-fondo: #0A0A0A; }
.vt-mm__buscar input { font-size: 16px; } /* 16 px: el iPhone no hace zoom */
.vt-mm__buscar button { background: var(--vt-acento) !important; color: #111 !important; }
.vt-mm__panel { border-right: 3px solid var(--vt-acento); }
/* Cabecera negra como en su placa: el logo (placa negra con letras amarillas) se funde con el fondo */
.vt-cabecera-wrap, .vt-cabecera-wrap .vt-cabecera { background: #0A0A0A !important; }
.vt-cabecera-wrap { border-bottom: 3px solid var(--vt-acento); }
.vt-cabecera .wp-block-navigation:not(.has-modal-open) .wp-block-navigation-item__content,
.vt-cabecera :is(.vt-carrito, .vt-cabecera__wa, .vt-cabecera__lupa button, .wp-block-navigation__responsive-container-open) { color: #fff !important; }
.vt-cabecera .wp-block-navigation-item__content:hover { color: var(--vt-acento) !important; }
.vt-cabecera .wp-block-navigation__submenu-container { background: #111 !important; border-color: #333 !important; }
.vt-cabecera .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: #fff !important; }
.vt-cabecera .wp-block-navigation__responsive-container.is-menu-open { background: #0A0A0A !important; color: #fff !important; }
.vt-cabecera .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation-item__content, .wp-block-navigation__responsive-container-close) { color: #fff !important; }
@media (max-width: 900px) {
	.ip-rotulos { grid-template-columns: repeat(2, 1fr); margin-top: 1rem !important; }
	.ip-beneficios { grid-template-columns: 1fr 1fr; gap: 1.2rem 0; }
	.ip-beneficio:nth-child(odd) { border-left: 0; padding-left: 0; }
}
@media (max-width: 781px) {
	.ip-portada__cols { flex-wrap: wrap !important; }
	.ip-portada__cols > .wp-block-column { flex-basis: 100% !important; }
	.ip-rotulos--3 { margin: .8rem 0 0 !important; }
}
@media (max-width: 600px) {
	.ip-rotulos--3 { grid-template-columns: 1fr !important; }
	.ip-rotulos--3 .ip-rotulo:last-child { grid-column: auto; }
	.ip-rotulo:last-child { grid-column: 1 / -1; }
	.ip-beneficio { padding: .2rem .6rem; }
	.ip-beneficio svg { width: 36px; height: 36px; }
	.ip-beneficio p { font-size: .82rem; }
	.ip-barra { font-size: .9rem; letter-spacing: .08em; gap: .3rem .8rem; }
	.ip-barra b { flex-basis: 100%; text-align: center; border-right: 0; padding-right: 0; }
	.ip-barra span + span::before { margin-right: .8rem; }
}
.vt-fondo-portada { --vt-foto: url(../img/fondo-portada.webp); --vt-foto-pos: center 62%; background-image: var(--vt-foto); background-position: center 62%; }
@media (max-width: 781px) { .vt-fondo-portada { --vt-foto: url(../img/fondo-portada-m.webp); } }
.vt-fondo-productos { --vt-foto: url(../img/fondo-productos.webp); --vt-foto-pos: center 62%; background-image: var(--vt-foto); background-position: center 62%; }
@media (max-width: 781px) { .vt-fondo-productos { --vt-foto: url(../img/fondo-productos-m.webp); } }
.vt-fondo-antiderrames { --vt-foto: url(../img/fondo-antiderrames.webp); --vt-foto-pos: center 62%; background-image: var(--vt-foto); background-position: center 62%; }
@media (max-width: 781px) { .vt-fondo-antiderrames { --vt-foto: url(../img/fondo-antiderrames-m.webp); } }
.vt-fondo-carretillas { --vt-foto: url(../img/fondo-carretillas.webp); --vt-foto-pos: center 58%; background-image: var(--vt-foto); background-position: center 58%; }
@media (max-width: 781px) { .vt-fondo-carretillas { --vt-foto: url(../img/fondo-carretillas-m.webp); } }
.vt-fondo-carros { --vt-foto: url(../img/fondo-carros.webp); --vt-foto-pos: center 60%; background-image: var(--vt-foto); background-position: center 60%; }
@media (max-width: 781px) { .vt-fondo-carros { --vt-foto: url(../img/fondo-carros-m.webp); } }
.vt-fondo-comprar { --vt-foto: url(../img/fondo-comprar.webp); --vt-foto-pos: center 60%; background-image: var(--vt-foto); background-position: center 60%; }
@media (max-width: 781px) { .vt-fondo-comprar { --vt-foto: url(../img/fondo-comprar-m.webp); } }
.vt-fondo-taller { --vt-foto: url(../img/fondo-taller.webp); --vt-foto-pos: center 55%; background-image: var(--vt-foto); background-position: center 55%; }
@media (max-width: 781px) { .vt-fondo-taller { --vt-foto: url(../img/fondo-taller-m.webp); } }
.vt-fondo-contacto { --vt-foto: url(../img/fondo-contacto.webp); --vt-foto-pos: center 55%; background-image: var(--vt-foto); background-position: center 55%; }
@media (max-width: 781px) { .vt-fondo-contacto { --vt-foto: url(../img/fondo-contacto-m.webp); } }
.vt-fondo-cierre { --vt-foto: url(../img/fondo-cierre.webp); --vt-foto-pos: center 62%; background-image: var(--vt-foto); background-position: center 62%; }
@media (max-width: 781px) { .vt-fondo-cierre { --vt-foto: url(../img/fondo-cierre-m.webp); } }
.vt-fondo-cierre.vt-cta::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.25) 4%, rgba(0, 0, 0, 0.31) 8%, rgba(0, 0, 0, 0.37) 12%, rgba(0, 0, 0, 0.43) 16%, rgba(0, 0, 0, 0.49) 20%, rgba(0, 0, 0, 0.5) 24%, rgba(0, 0, 0, 0.51) 28%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 0.5) 44%, rgba(0, 0, 0, 0.48) 48%, rgba(0, 0, 0, 0.47) 52%, rgba(0, 0, 0, 0.47) 56%, rgba(0, 0, 0, 0.48) 60%, rgba(0, 0, 0, 0.48) 68%, rgba(0, 0, 0, 0.45) 72%, rgba(0, 0, 0, 0.46) 76%, rgba(0, 0, 0, 0.44) 80%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.32) 88%, rgba(0, 0, 0, 0.26) 92%, rgba(0, 0, 0, 0.2) 96%, rgba(0, 0, 0, 0.14) 100%); }
@media (max-width: 781px) { .vt-fondo-cierre.vt-cta::before { background: rgba(0, 0, 0, 0.46); } }
.vt-fondo-comprar.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.48) 4%, rgba(0, 0, 0, 0.5) 8%, rgba(0, 0, 0, 0.51) 12%, rgba(0, 0, 0, 0.52) 16%, rgba(0, 0, 0, 0.52) 20%, rgba(0, 0, 0, 0.53) 24%, rgba(0, 0, 0, 0.54) 28%, rgba(0, 0, 0, 0.54) 36%, rgba(0, 0, 0, 0.55) 40%, 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-comprar.vt-hero--chico::before { background: rgba(0, 0, 0, 0.54); } }
.vt-fondo-contacto.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.41) 12%, rgba(0, 0, 0, 0.43) 16%, rgba(0, 0, 0, 0.44) 20%, rgba(0, 0, 0, 0.46) 24%, rgba(0, 0, 0, 0.47) 28%, rgba(0, 0, 0, 0.48) 32%, rgba(0, 0, 0, 0.49) 36%, rgba(0, 0, 0, 0.48) 40%, rgba(0, 0, 0, 0.49) 44%, rgba(0, 0, 0, 0.5) 48%, rgba(0, 0, 0, 0.5) 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-contacto.vt-hero--chico::before { background: rgba(0, 0, 0, 0.49); } }
.vt-fondo-taller.vt-hero--chico::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.28) 4%, rgba(0, 0, 0, 0.34) 8%, rgba(0, 0, 0, 0.37) 12%, rgba(0, 0, 0, 0.43) 16%, rgba(0, 0, 0, 0.49) 20%, rgba(0, 0, 0, 0.51) 24%, rgba(0, 0, 0, 0.51) 32%, rgba(0, 0, 0, 0.52) 36%, rgba(0, 0, 0, 0.53) 40%, rgba(0, 0, 0, 0.53) 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-taller.vt-hero--chico::before { background: rgba(0, 0, 0, 0.53); } }