:root {
	--wd-cat-brd-radius: 14px;
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(68,68,68);
	--wd-text-font-size: 15px;
	--wd-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 900;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 17px;
	--wd-otl-style: double;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(11,103,168);
	--wd-alternative-color: rgb(13,159,226);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgba(0,98,140,0.92);
	--btn-accented-bgcolor-hover: rgba(73,155,237,0.96);
	--btn-transform: capitalize;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(234,113,0);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(11,103,168);
	--wd-link-color-hover: rgb(13,159,226);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 550px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(30,43,68);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-family: "Albert Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: none;
}
 {
	font-family: "Albert Sans", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Albert Sans", Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-transform: capitalize;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	font-family: "Albert Sans", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html table th {
	font-family: "Albert Sans", Arial, Helvetica, sans-serif;
	text-transform: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(0,65,81);
	background: rgba(155,206,255,0.28);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(2,164,234);
	background: rgb(30,84,191);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(66,66,66);
	--wd-form-placeholder-color: rgb(94,94,94);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 23px;
	--wd-arrow-icon-size: 21px;
	--wd-arrow-color: rgb(27,104,181);
	--wd-arrow-color-hover: rgb(0,180,216);
	--wd-arrow-bg: rgba(142,255,232,0.24);
}
.wd .product-label.onsale {
	background-color: rgb(0,108,175);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgba(0,134,196,0.81);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(149,30,204);
	color: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	background-color: rgb(114,28,28);
	color: rgb(255,255,255);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(0,131,247);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 0px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}



.wd-page-title {
background-color: rgba(255,252,252,0);
}

/* =========================================================================
   SOLOPROAUDIO.COM — CSS PERSONALIZADO (REVISADO Y CONSOLIDADO)
   Última revisión: 2026-03-13
   ========================================================================= */


/* =========================================================================
   1. BOTÓN AÑADIR AL CARRITO (Producto individual)
   ========================================================================= */

.single_add_to_cart_button.button.alt {
    background-color: #0071bc !important;
    color: #ffffff !important;
}


/* =========================================================================
   2. MENÚS DE NAVEGACIÓN
   ========================================================================= */

/* --- Top Bar (menú secundario superior) --- */

.whb-top-bar .wd-nav-secondary span.nav-link-text {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

.whb-top-bar .wd-nav-secondary .menu-item > a:hover span.nav-link-text,
.whb-top-bar .wd-nav-secondary .menu-item.current-menu-item > a span.nav-link-text {
    font-weight: 800 !important;
    color: #FFFFFF !important;
}

/* --- Menú principal inferior (categorías) --- */

.whb-header-bottom .whb-flex-row ul li a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
}

.whb-header-bottom .whb-flex-row ul li a:hover,
.whb-header-bottom .whb-flex-row ul li.current-menu-item a {
    font-weight: 900 !important;
    color: #00b6fa !important;
}

/* --- Texto de navegación en móvil --- */

@media (max-width: 600px) {
    span.nav-link-text {
        font-size: 16px;
    }
}


/* =========================================================================
   3. SWATCHES EN FILTROS (WooCommerce)
   ========================================================================= */

.wd-swatches-filter .wd-swatch-text,
.wd-swatches-filter .wd-filter-lable {
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

.wd-swatches-filter .count {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 0.5em !important;
    font-weight: 500 !important;
    font-size: 0.85rem !important;
}

.wd-swatches-filter .wd-swatch,
.wd-swatches-filter .wd-swatch-bg,
.wd-swatches-filter .wd-swatch-bg img {
    width: 100px !important;
    height: 100px !important;
}

/* Swatches para logos de marcas */

.wd-swatches-brands .wd-swatch,
.wd-swatches-brands .wd-swatch-bg {
    width: 125px !important;
    height: 50px !important;
}

.wd-swatches-brands .wd-swatch-bg img {
    width: 125px !important;
    height: 50px !important;
    object-fit: contain !important;
}


/* =========================================================================
   4. DISPONIBILIDAD DE STOCK (Producto individual)
   ========================================================================= */

.single-product .solopro-stock-container {
    margin-top: 8px;
    margin-bottom: 20px;
    clear: both;
}

.single-product .solopro-stock-status-main-line {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.4;
}

.single-product .solopro-delivery-icon {
    width: 30px;
    height: auto;
    flex-shrink: 0;
}

.single-product .stock-status-main {
    font-weight: bold;
    margin-right: 6px;
}

/* Punto verde: estado "En stock" / "Pendientes de recibir" */
.single-product .solopro-stock-status-main-line.in-stock .stock-status-main::before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: #2ecc71;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

/* Punto verde para segunda línea de disponibilidad */
.solopro-stock-status-main-line .stock-status-bullet {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #2ecc71;
    margin-right: 8px;
    vertical-align: middle;
    font-size: 0.9em;
}

.single-product .stock-status-delivery {
    font-size: 0.9em;
}

.single-product .solopro-delivery-disclaimer {
    font-size: 12px;
    opacity: 0.8;
    margin-top: 10px;
    line-height: 1.4;
    padding-left: 34px;
}

/* Oculta stock por defecto del tema en páginas de archivo */
.post-type-archive-product .wd-product-stock,
.tax-product_cat .wd-product-stock,
.tax-product_tag .wd-product-stock {
    display: none !important;
}

/* Barra de progreso de stock WoodMart */

.single-product .wd-progress-bar.wd-stock-progress-bar {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-top: 25px;
    margin-bottom: 25px;
    box-shadow: none;
}

.wd-stock-progress-bar .stock-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-family: 'Albert Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #495057;
}

.wd-stock-progress-bar .total-sold span,
.wd-stock-progress-bar .current-stock span {
    font-weight: 700;
    color: #000;
    background-color: #e9ecef;
    padding: 3px 8px;
    border-radius: 5px;
    margin-left: 8px;
}

.wd-stock-progress-bar .progress-area {
    height: 22px;
    border-radius: 22px;
    background-color: #e9ecef;
    overflow: hidden;
}

.wd-stock-progress-bar .progress-area .progress-bar {
    height: 100%;
    border-radius: 22px;
    background: linear-gradient(90deg, #4caf50, #8bc34a);
    box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1);
}


/* =========================================================================
   5. ATRIBUTOS DE PRODUCTO (tabla .shop_attributes)
   — Consolidado: corrección de corte + solapamiento en un solo bloque —
   ========================================================================= */

.single-product table.shop_attributes {
    table-layout: fixed;
    width: 100%;
    height: auto !important;
}

.shop_attributes .woocommerce-product-attributes-item {
    display: table-row !important;
    height: auto !important;
    min-height: 24px !important;
    margin-bottom: 0 !important;
}

.shop_attributes .woocommerce-product-attributes-item__label,
.shop_attributes .woocommerce-product-attributes-item__value {
    display: table-cell !important;
    vertical-align: top !important;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
    line-height: 1.25;
    padding: 2px 8px !important;
    overflow: visible;
    height: auto !important;
    max-height: none !important;
    font-size: 13px !important;
}

.woocommerce-product-attributes,
.woocommerce div.product .woocommerce-tabs .panel {
    overflow: visible !important;
}

.single-product .shop_attributes
.woocommerce-product-attributes-item__value > p,
.single-product .shop_attributes
.woocommerce-product-attributes-item__value > ul,
.single-product .shop_attributes
.woocommerce-product-attributes-item__value > ol {
    margin: 0;
}

.shop_attributes tr:last-child td,
.shop_attributes tr:last-child th {
    padding-bottom: 6px;
}


/* =========================================================================
   6. ESTRELLAS DE VALORACIÓN
   ========================================================================= */

/* --- Producto individual --- */

.wd-single-rating .star-rating::before,
.wd-single-rating .star-rating span::before {
    font-family: 'star' !important;
    content: 'SSSSS' !important;
    letter-spacing: 2px;
}

.wd-single-rating .star-rating::before {
    color: #d3ced2 !important;
}

.wd-single-rating .star-rating span::before {
    color: #f5b944 !important;
}

.wd-single-rating .woocommerce-product-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wd-single-rating .star-rating {
    line-height: 1;
    vertical-align: middle;
}

/* --- Archivos / Listados --- */

.product-grid-item .star-rating {
    display: block !important;
    margin: 5px auto 10px;
}


/* =========================================================================
   7. IMÁGENES: GALERÍA, CARRUSELES, ARCHIVOS
   ========================================================================= */

/* Galería de WooCommerce: corrige opacity:0 que causa flash en carga */
.woocommerce-product-gallery {
    opacity: 1 !important;
}

/* Archivo / Listados */
.woocommerce ul.products li.product .product-element-top img,
.woocommerce ul.products li.product a img,
img.attachment-woocommerce_thumbnail {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    aspect-ratio: 1 / 1;
}

/* Producto individual: galería e imagen principal */
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce div.product div.images .flex-control-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    aspect-ratio: 1 / 1;
}

/* Miniaturas del carrusel */
.wd-carousel.wd-thumbs .wd-carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    aspect-ratio: 1 / 1;
}

.wd-carousel.wd-thumbs .wd-carousel-item {
    width: 150px !important;
    height: 150px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wd-carousel.wd-thumbs .wd-carousel-wrap {
    height: auto !important;
    min-height: 150px;
}

/* Carruseles: Relacionados / Upsells / Cross-sells */
.related.products ul.products li.product a img,
.upsells.products ul.products li.product a img,
.cross-sells ul.products li.product a img,
.wd-carousel .product-grid-item .product-element-top img,
.wd-products-holder .product-grid-item .product-element-top img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    aspect-ratio: 1 / 1;
}


/* =========================================================================
   8. HERO SECTION (Home)
   ========================================================================= */

.hero-section {
    position: relative;
    isolation: isolate;
    display: block;
    overflow: hidden;
    /* CORREGIDO: clamp con unidades distintas para efecto responsive real */
    min-height: clamp(280px, 55vh, 720px);
}

.hero-section .hero-bg-img {
    position: absolute;
    inset: 0;
    margin: 0;
}

.hero-section .hero-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.hero-section .hero-content {
    position: relative;
    z-index: 1;
    margin-inline: auto;
    padding-block: clamp(12px, 2.5vw, 24px);
}


/* =========================================================================
   9. MIGAS DE PAN (Breadcrumbs — Rank Math)
   ========================================================================= */

.rank-math-breadcrumb {
    font-size: 18px;
    font-weight: 700;
    color: #1f1f1f;
    padding: 15px 0;
    line-height: 0.8;
}

.rank-math-breadcrumb a {
    color: #192d61;
    font-weight: 700;
    text-decoration: none;
}

/* CORREGIDO: sin cambio de font-weight en hover para evitar reflow */
.rank-math-breadcrumb a:hover {
    color: #ffffff;
    font-size: 18px;
}


/* =========================================================================
   10. BLOG: IGUALAR ALTURA DE IMÁGENES
   ========================================================================= */

.blog .blog-posts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.blog .wd-post.blog-post-loop {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 calc(25% - 2rem);
    box-sizing: border-box;
}

.blog .wd-post.blog-post-loop .entry-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.blog-post-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


/* =========================================================================
   11. ELEMENTOS FAQ (<details>) EN DESCRIPCIONES
   ========================================================================= */

details {
    margin-bottom: 1em;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.5em 1em;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
}

details[open] {
    background-color: #f1f1f1;
    border-color: #bbb;
}

details summary {
    font-weight: 600;
    cursor: pointer;
    position: relative;
    padding-right: 1.2em;
    list-style: none;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    transform: translateY(0.1em);
    transition: transform 0.2s ease;
}

details[open] summary::after {
    content: "\2212"; /* carácter − correcto en Unicode */
}


/* =========================================================================
   12. BOTÓN "LEER MÁS" EN PRODUCTOS
   ========================================================================= */

button.solopro-btn-leer-mas {
    background-color: #3E3E3E;
    color: #FFFFFF;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

button.solopro-btn-leer-mas:hover {
    background-color: #2C2C2C;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


/* =========================================================================
   13. ACCESIBILIDAD: CONTRASTE + TOUCH TARGETS
   ========================================================================= */

/* Precios y textos frecuentes en grids */
.price,
.price .amount,
.price bdi,
.product-grid-item .price,
.wd-products-element .price,
.product-grid-item .product-title,
.wd-entities-title,
.wd-cat-name {
    color: #111 !important;
}

/* Precio tachado: legible pero secundario */
.price del,
.price del .amount,
.price del bdi {
    color: #555 !important;
    /* ELIMINADO: opacity:1 !important — puede interferir con rangos de precio variables */
}

/* Áreas táctiles mínimas 44×44 */
.dgwt-wcas-search-submit,
.js-dgwt-wcas-enable-mobile-form,
a.wd-cat-image,
a.wd-fill.category-link {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
}

.wd-nav-pagin-item {
    padding: 10px !important;
}

/* Enlace de reviews: tap target accesible */
a.woocommerce-review-link {
    display: inline-block;
    padding: 10px 12px;
    min-height: 44px;
    line-height: 24px;
}


/* =========================================================================
   14. CHECKOUT — CONSOLIDADO (sin duplicados)
   ========================================================================= */

/* Títulos insertados por MU-plugin */
.solopro-checkout-title {
    margin: 18px 0 10px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

/* Mensaje informativo (antes de DNI/Empresa/CIF) */
.solopro-checkout-note {
    margin: 10px 0 14px;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(180, 225, 245, 0.35);
    border-left: 6px solid rgba(25, 118, 210, 0.55);
    color: #0b3d5c;
    font-size: 14px;
    line-height: 1.45;
}

.solopro-checkout-note strong {
    font-weight: 800;
}

/* Espaciado entre filas de campos */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .fc-checkout-step .form-row {
    margin-bottom: 14px !important;
}

/* Labels */
body.woocommerce-checkout .form-row label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 800;
    color: rgba(0, 0, 0, 0.78);
}

body.woocommerce-checkout .form-row label .optional {
    font-weight: 600;
    opacity: 0.6;
}

/* Inputs, textareas, selects — UNA SOLA DEFINICIÓN */
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select {
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    border-radius: 10px !important;
    padding: 11px 12px !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Placeholders */
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder {
    color: rgba(0, 0, 0, 0.35) !important;
}

/* Focus */
body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
    outline: none !important;
    border-color: rgba(25, 118, 210, 0.65) !important;
    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.12) !important;
}

/* Textos de ayuda bajo campos */
body.woocommerce-checkout .form-row .description,
body.woocommerce-checkout .form-row .woocommerce-input-wrapper + span.description,
body.woocommerce-checkout .form-row .woocommerce-input-wrapper + small,
body.woocommerce-checkout .form-row .woocommerce-input-wrapper + em {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.35;
    color: rgba(0, 0, 0, 0.55);
}

body.woocommerce-checkout #billing_address_2_field .description {
    opacity: 0.65;
}

/* Títulos de sección */
.woocommerce-checkout h3 {
    margin-top: 0;
}

/* Contenedores "tarjeta" */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    padding: 18px;
}

/* Sidebar "Tu pedido" sticky en desktop */
@media (min-width: 981px) {
    body.woocommerce-checkout #order_review {
        position: sticky;
        top: 110px;
    }
}


/* =========================================================================
   15. FOOTER
   ========================================================================= */

.footer-container .spa-footer-wrapper {
    font-family: 'Albert Sans', sans-serif;
    color: #ffffff;
    padding: 30px 20px;
    background-color: #1e2b44;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-container .spa-footer-wrapper .footer-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-container .spa-footer-wrapper .footer-column {
    flex: 1;
    min-width: 200px;
    padding: 10px;
    box-sizing: border-box;
}

.footer-container .spa-footer-wrapper h4 {
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

.footer-container .spa-footer-wrapper p,
.footer-container .spa-footer-wrapper li {
    font-size: 14px;
    line-height: 1.6;
}

.footer-container .spa-footer-wrapper ul {
    padding-left: 18px;
    margin: 0;
    list-style-position: outside;
}

.footer-container .spa-footer-wrapper li {
    margin-bottom: 10px;
}

.footer-container .spa-footer-wrapper a {
    text-decoration: none;
    color: #ffffff;
}

.footer-container .spa-footer-wrapper .footer-bottom {
    flex-basis: 100%;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 14px;
}


/* =========================================================================
   16. MISCELÁNEOS
   ========================================================================= */

/* Ocultar título del widget de marca en página de marca */
h5.widget-title {
    display: none !important;
}

/* Subtotal del carrito en header: forzar blanco */
.wd-header-cart .wd-cart-subtotal .amount,
.wd-header-cart .wd-cart-subtotal bdi,
.wd-header-cart .wd-cart-subtotal span {
    color: #ffffff !important;
    font-weight: 700 !important;
}



.wd-single-tabs .wd-nav-link:focus-visible,
.wd-nav-arrows .wd-btn-arrow:focus-visible,
.solopro-btn-leer-mas:focus-visible,
.searchsubmit:focus-visible,
.single_add_to_cart_button:focus-visible,
.wd-buy-now-btn:focus-visible {
  outline: 3px solid #1e73be;
  outline-offset: 2px;
}

.wd-single-tabs .wd-tabs-title {
  color: #1f2937;
}

.wd-single-tabs .wd-nav-link[aria-selected="true"] .wd-tabs-title,
.wd-single-tabs li.active .wd-tabs-title {
  color: #0f172a;
  font-weight: 600;
}

.wd-nav-arrows .wd-btn-arrow[role="button"] {
  cursor: pointer;
}

.wd-nav-arrows .wd-btn-arrow[aria-disabled="true"] {
  opacity: .45;
  cursor: default;
}


/* FIX HEADER DESKTOP - SOLOPRO AUDIO */
@media (min-width: 1025px) {

  /* Solo fila principal de cabecera, no top bar ni menú inferior */
  .whb-general-header .whb-col-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Buscador Woodmart + posible FiboSearch */
  .whb-general-header .wd-header-search,
  .whb-general-header .dgwt-wcas-search-wrapp {
    flex: 0 0 clamp(520px, 42vw, 680px) !important;
    width: clamp(520px, 42vw, 680px) !important;
    max-width: 680px !important;
    min-width: 520px !important;
  }

  .whb-general-header .wd-header-search form,
  .whb-general-header .wd-search-form,
  .whb-general-header form.searchform,
  .whb-general-header .woocommerce-product-search,
  .whb-general-header .dgwt-wcas-search-form {
    width: 100% !important;
    max-width: none !important;
  }

  .whb-general-header input[type="search"],
  .whb-general-header input[type="text"],
  .whb-general-header .dgwt-wcas-search-input {
    width: 100% !important;
  }

  /* Evita que teléfono y carrito se deformen */
  .whb-general-header .wd-header-text,
  .whb-general-header .wd-header-cart,
  .whb-general-header .wd-header-logo {
    flex: 0 0 auto !important;
  }

}

.single-product .price .woocommerce-price-suffix {
  font-size: 14px;
}

