/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Volao: tipografía y colores del manual de marca (Agenor Neue · #FFFF00 · #020202) */
@font-face {
	font-family: "Agenor Neue";
	src: url("fonts/AgenorNeue-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
.whb-top-bar { background-color: #FFFF00 !important; }
/* Morado de la demo Electronics 3 que quedó fijo en el contenido → negro de marca */
.wd-countdown-timer.wd-rs-695ce39295b7c,
.vc_row.wd-rs-695d05d891414 { background-color: #020202 !important; }
.wd-el-toggle-title.title { color: #020202 !important; border-color: #020202 !important; }
.wd-nav-vertical .wd-nav-link:hover, .wd-nav-vertical .wd-active > .wd-nav-link { background-color: #FFFF00 !important; color: #020202 !important; }
.wd-buy-now-btn, .wd-buy-now-btn:hover { color: #FFFFFF !important; }

/* Iconos de línea (Lucide, ISC) en las píldoras negras de categorías del header.
   Color = currentColor: blanco sobre el negro de la píldora, y sigue al texto en hover. */
#menu-categorias-volao > li > a::before {
	display: none; /* iconos ocultos a pedido de Honex (2026-10-07); quitar esta línea para volver a mostrarlos */
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	margin-inline-end: 6px;
	background-color: currentColor;
	-webkit-mask: var(--vl-icono) center / contain no-repeat;
	mask: var(--vl-icono) center / contain no-repeat;
}
#menu-categorias-volao a[href$="/morrales-y-loncheras/"] { --vl-icono: url("iconos/backpack.svg"); }
#menu-categorias-volao a[href$="/belleza/"] { --vl-icono: url("iconos/sparkles.svg"); }
#menu-categorias-volao a[href$="/viaje/"] { --vl-icono: url("iconos/luggage.svg"); }
#menu-categorias-volao a[href$="/moda-y-accesorios/"] { --vl-icono: url("iconos/shirt.svg"); }
#menu-categorias-volao a[href$="/tecnologia/"] { --vl-icono: url("iconos/battery-charging.svg"); }

/* Pestañas del slider de portada legibles sobre fondo ocre (slides 336, 339) y negro (343). 2026-10-07 */
.wd-slider .wd-slider-pagin.wd-style-text-1 { --wd-pagin-color: rgba(2, 2, 2, .7); --wd-pagin-color-hover: #020202; }
.wd-slider:has(#slide-336.wd-active) .wd-slider-pagin.wd-style-text-1, .wd-slider:has(#slide-339.wd-active) .wd-slider-pagin.wd-style-text-1, .wd-slider:has(#slide-343.wd-active) .wd-slider-pagin.wd-style-text-1 { --wd-pagin-color: rgba(255, 255, 255, .7); --wd-pagin-color-hover: #fff; }

/* Slider en móvil: recorte vertical de la misma imagen (adjuntos 1065-1067), texto arriba (vertical_align_mobile = top). 2026-10-07 */
@media (max-width: 767.98px) {
	#slide-336 .wd-slide-bg img, #slide-339 .wd-slide-bg img, #slide-343 .wd-slide-bg img { display: none; }
	#slide-336 .wd-slide-bg, #slide-339 .wd-slide-bg, #slide-343 .wd-slide-bg { background-position: center; background-size: cover; background-repeat: no-repeat; }
	#slide-336 .wd-slide-bg { background-image: url("../../uploads/2026/10/volao-web-slider-1-v3-mochila-movil.webp"); }
	#slide-339 .wd-slide-bg { background-image: url("../../uploads/2026/10/volao-web-slider-2-v3-maleta-movil.webp"); }
	#slide-343 .wd-slide-bg { background-image: url("../../uploads/2026/10/volao-web-slider-3-v3-movil.webp"); }
}

/* Banners Loncheras y Carteras en móvil: recorte de la misma imagen con el producto abajo a la derecha, fuera del texto. 2026-10-07 */
@media (max-width: 767.98px) {
	#wd-65942cb425787 .banner-image, #wd-65942cc838902 .banner-image { background-position: center; background-size: cover; background-repeat: no-repeat; }
	#wd-65942cb425787 .banner-image img, #wd-65942cc838902 .banner-image img { opacity: 0; }
	#wd-65942cb425787 .banner-image { background-image: url("../../uploads/2026/10/volao-web-banner-2-v3-movil.webp"); }
	#wd-65942cc838902 .banner-image { background-image: url("../../uploads/2026/10/volao-web-banner-3-v3-movil.webp"); }
}

/* Slide 336 (v3): el morral empieza al 58,9 % del ancho; el bloque de texto centrado se estrecha a 200 px para quedar en la banda 36-57 %. 2026-10-07 */
@media (min-width: 768px) {
	#slide-336 .wd-slide-inner, #slide-339 .wd-slide-inner, #slide-343 .wd-slide-inner { max-width: 200px; margin-inline: auto; }
	#slide-336 .woodmart-title-container, #slide-336 .wd-text-block, #slide-343 .woodmart-title-container, #slide-343 .wd-text-block, #slide-339 .woodmart-title-container, #slide-339 .wd-text-block { text-wrap: balance; }
}

/* Loncheras v3 en móvil: el producto cuelga de la mano arriba; el texto baja al pie (blanco sobre rojo). 2026-10-07 */
@media (max-width: 767.98px) {
	#wd-65942cb425787 .wrapper-content-banner { align-items: flex-end; }
}