/* Rediseño 01-oct-2026 (ver vler-catalogo.php). Se carga en tienda, categorías y ficha. */

/* ---------- Título corto + presentación ---------- */
.vler-pres { display: block; font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #5b6b7f; margin-top: 4px; line-height: 1.35; }
.product_title.wopb-builder-product-title { font-size: 34px !important; line-height: 1.15 !important; }
.product_title .vler-pres { font-size: 17px; margin-top: 8px; }
.woocommerce-loop-product__title { font-size: 16px !important; line-height: 1.3 !important; }

/* ---------- Tienda: sin restos de tienda, tarjeta ligera ---------- */
.woocommerce-result-count, .woocommerce-ordering, form.woocommerce-ordering { display: none !important; }
[data-products] .product { background: #fff; border-radius: 6px; box-shadow: 0 2px 16px rgba(0, 26, 55, .08); padding: 0 0 18px; transition: box-shadow .2s, transform .2s; }
[data-products] .product:hover { box-shadow: 0 6px 24px rgba(0, 26, 55, .14); transform: translateY(-2px); }
[data-products] .product > figure { margin: 0; border-radius: 6px 6px 0 0; overflow: hidden; }
[data-products] .product > :not(figure) { padding-inline: 16px; }
[data-products] .product .entry-meta { font-size: 11px; letter-spacing: .06em; }
[data-products] .product .ct-woo-card-actions .button {
	background: transparent !important; color: var(--theme-palette-color-1, #001A37) !important;
	border: 1.5px solid var(--theme-palette-color-1, #001A37) !important; border-radius: 4px !important;
	padding: 8px 16px !important; font-size: 12px !important; line-height: 1.2 !important; min-height: 0 !important; width: auto !important;
}
[data-products] .product .ct-woo-card-actions .button:hover { background: var(--theme-palette-color-1, #001A37) !important; color: #fff !important; }

/* ---------- Fila de categorías (chips) ---------- */
.vler-chips { width: var(--theme-container-width, 90vw); max-width: var(--theme-normal-container-max-width, 1290px); margin: 10px auto 6px; }
.vler-chips__fila { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.vler-chip { display: inline-block; padding: 8px 14px; border: 1.5px solid #d3dbe5; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--theme-palette-color-1, #001A37); background: #fff; text-decoration: none; line-height: 1.2; }
.vler-chip:hover { border-color: var(--theme-palette-color-1, #001A37); color: var(--theme-palette-color-1, #001A37); }
.vler-chip.is-actual { background: var(--theme-palette-color-1, #001A37); border-color: var(--theme-palette-color-1, #001A37); color: #fff; }
.vler-chip--volver { margin-left: auto; border-color: transparent; background: transparent; color: #5b6b7f; }
@media (max-width: 689.98px) {
	.vler-chips__fila { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
	.vler-chips__fila::-webkit-scrollbar { display: none; }
	.vler-chip { white-space: nowrap; flex: 0 0 auto; }
	.vler-chip--volver { margin-left: 0; }
}

/* ---------- Cabecera de categoría ---------- */
.vler-cab-cat { background: var(--theme-palette-color-1, #001A37) center / cover no-repeat; color: #fff; margin: 0 0 18px; }
.vler-cab-cat__int { width: var(--theme-container-width, 90vw); max-width: var(--theme-normal-container-max-width, 1290px); margin: 0 auto; padding: 64px 0 60px; }
.vler-cab-cat__ante { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .75); }
.vler-cab-cat__titulo { margin: 0; font-size: 44px; line-height: 1.1; color: #fff; text-transform: uppercase; }
.vler-cab-cat__titulo::after { content: ""; display: block; width: 110px; height: 2px; background: var(--theme-palette-color-2, #E50000); margin-top: 18px; }
.vler-cab-cat__texto { margin: 18px 0 0; max-width: 620px; font-size: 18px; opacity: .85; }
@media (max-width: 689.98px) { .vler-cab-cat__int { padding: 40px 0 36px; } .vler-cab-cat__titulo { font-size: 30px; } }

/* ---------- Ficha: SKU fuera, pestañas, ancho de lectura ---------- */
.wopb-meta-sku, .wopb-product-meta .sku_wrapper, .product_meta .sku_wrapper { display: none !important; }
.wopb-builder-container.product .woocommerce-tabs ul.wc-tabs { border-bottom: 1px solid #dfe5ec !important; padding: 0 !important; margin: 0 0 28px !important; gap: 0 !important; }
.wopb-builder-container.product .woocommerce-tabs ul.wc-tabs li { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.wopb-builder-container.product .woocommerce-tabs ul.wc-tabs li a {
	display: block; padding: 14px 20px !important; font-size: 15px !important; font-weight: 600 !important; color: #5b6b7f !important;
	background: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; margin-bottom: -1px; text-transform: none;
}
.wopb-builder-container.product .woocommerce-tabs ul.wc-tabs li a:hover { color: var(--theme-palette-color-1, #001A37) !important; }
.wopb-builder-container.product .woocommerce-tabs ul.wc-tabs li.active a { color: var(--theme-palette-color-1, #001A37) !important; border-bottom-color: var(--theme-palette-color-2, #E50000) !important; }
.wopb-builder-container.product .woocommerce-Tabs-panel { max-width: 860px; }
.wopb-builder-container.product .woocommerce-Tabs-panel > h2:first-child { display: none; }
.vler-ejemplos__titulo, .vler-relacionados__titulo { text-transform: uppercase; font-size: 22px; letter-spacing: .02em; }

/* ---------- "Ideal para" ---------- */
.vler-ideal { margin: 22px 0 6px; }
.vler-ideal__titulo { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #5b6b7f; }
.vler-ideal__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; }
.vler-ideal__lista li { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; line-height: 1.35; color: var(--vler-texto, #1f2a37); }
.vler-ideal__lista svg { flex: 0 0 18px; margin-top: 2px; color: var(--theme-palette-color-2, #E50000); }
@media (max-width: 689.98px) { .vler-ideal__lista { grid-template-columns: 1fr; } }

/* ---------- Migas de pan en celular: solo la categoría ---------- */
@media (max-width: 689.98px) {
	.wopb-builder-container.product nav.woocommerce-breadcrumb { font-size: 0 !important; line-height: 0; }
	.wopb-builder-container.product nav.woocommerce-breadcrumb > a:not(:last-of-type), .wopb-builder-container.product nav.woocommerce-breadcrumb > .breadcrumb-separator { display: none !important; }
	.wopb-builder-container.product nav.woocommerce-breadcrumb > a:last-of-type { font-size: 14px !important; line-height: 1.4; }
	.wopb-builder-container.product nav.woocommerce-breadcrumb > a:last-of-type::before { content: "\2039  "; }
	.woocommerce-tabs { position: relative; }
	.woocommerce-tabs::after { content: ""; position: absolute; top: 0; right: 0; width: 44px; height: 52px; background: linear-gradient(90deg, rgba(248, 249, 251, 0), #f8f9fb); pointer-events: none; }
}

/* ---------- Otros productos ---------- */
.vler-relacionados { max-width: var(--theme-normal-container-max-width, 1290px); width: 90vw; margin: 0 auto 64px; }
.vler-relacionados__titulo { margin: 0 0 20px; color: var(--vler-azul, #001A37); }
.vler-relacionados__mas { margin: 18px 0 0; text-align: right; font-weight: 600; }

/* ---------- Lightbox ---------- */
.vler-ejemplos__item img { cursor: zoom-in; }
.vler-lb { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; background: rgba(0, 10, 25, .92); padding: 24px; }
.vler-lb.is-abierto { display: flex; }
.vler-lb__fig { margin: 0; max-width: min(1100px, 92vw); text-align: center; }
.vler-lb__img { max-width: 100%; max-height: 82vh; object-fit: contain; border-radius: 6px; }
.vler-lb__pie { color: #fff; opacity: .8; margin-top: 10px; font-size: 14px; }
.vler-lb__cerrar, .vler-lb__ant, .vler-lb__sig { position: absolute; border: 0; background: rgba(255, 255, 255, .12); color: #fff; width: 48px; height: 48px; border-radius: 50%; font-size: 30px; line-height: 1; cursor: pointer; }
.vler-lb__cerrar { top: 18px; right: 18px; }
.vler-lb__ant { left: 18px; top: 50%; transform: translateY(-50%); }
.vler-lb__sig { right: 18px; top: 50%; transform: translateY(-50%); }
.vler-lb__cerrar:hover, .vler-lb__ant:hover, .vler-lb__sig:hover { background: rgba(255, 255, 255, .28); }

/* ---------- WhatsApp flotante ---------- */
.vler-wa { position: fixed; right: 22px; bottom: 22px; z-index: 9999; width: 58px; height: 58px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0, 0, 0, .25); }
.vler-wa:hover { color: #fff; transform: scale(1.06); }

/* =====================================================================
   Pasada 2 (AUDITORIA_DISENO.md)
   ===================================================================== */
/* Tarjeta clicable: el botón pasa a enlace discreto */
[data-products] .product.vler-card-link { cursor: pointer; }
[data-products] .product .ct-woo-card-actions .button {
	background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--theme-palette-color-2, #E50000) !important;
	font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; min-height: 0 !important;
}
[data-products] .product .ct-woo-card-actions .button:hover { background: transparent !important; color: var(--theme-palette-color-2, #E50000) !important; text-decoration: underline; }
[data-products] .product .woocommerce-loop-product__title { margin-bottom: 4px; }
/* En una categoría, la etiqueta de categoría de cada tarjeta sobra */
.tax-product_cat [data-products] .product .entry-meta { display: none; }
/* Chips con conteo */
.vler-chip__n { display: inline-block; margin-left: 6px; font-size: 11px; font-weight: 700; opacity: .6; }
.vler-chip.is-actual .vler-chip__n { opacity: .8; }
/* Ficha: datos clave; la línea "Categoría:" ya está en las migas */
.wp-block-product-blocks-product-meta { display: none !important; }
.vler-clave { margin: 22px 0 0; padding: 18px 22px; background: #f3f6f9; border-radius: 8px; }
.vler-clave__fila { display: grid; grid-template-columns: 42% 1fr; gap: 12px; padding: 7px 0; border-top: 1px solid #e3e9f0; font-size: 14px; }
.vler-clave__fila:first-child { border-top: 0; padding-top: 0; }
.vler-clave dt { margin: 0; font-weight: 700; color: #001A37; }
.vler-clave dd { margin: 0; color: #1f2a37; }
.vler-ideal { margin-bottom: 18px; }
/* Ficha: ejemplos de uso sin recorte (las fotos son 3:2) */
.vler-ejemplos__item img { aspect-ratio: 3 / 2 !important; object-fit: cover; }