/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 14 2026 | 20:04:51 */
/* ==========================================================================
   FORZAR ALINEACIÓN HORIZONTAL ABSOLUTA EN SWATCHES
   ========================================================================== */

/* Ocultar elementos sobrantes de WooCommerce */
.contenedor-swatches-catalogo label,
.contenedor-swatches-catalogo select,
.contenedor-swatches-catalogo .single_add_to_cart_button,
.contenedor-swatches-catalogo .quantity,
.contenedor-swatches-catalogo .reset_variations,
.contenedor-swatches-catalogo table.variations td.label,
.contenedor-swatches-catalogo table.variations th,
.contenedor-swatches-catalogo .vi-wpvs-option-text-wrap,
.contenedor-swatches-catalogo .vi-wpvs-option-button-wrap {
    display: none !important;
}

/* Contenedor principal centrado */
.contenedor-swatches-catalogo {
    position: relative !important;
    margin: 8px 0 !important;
    text-align: center !important;
    clear: both !important;
    z-index: 5 !important;
    width: 100% !important;
}

/* FORZAR TODAS LAS CAPAS INTERNAS A FILA HORIZONTAL FLEXBOX */
.contenedor-swatches-catalogo table,
.contenedor-swatches-catalogo tbody,
.contenedor-swatches-catalogo tr,
.contenedor-swatches-catalogo td,
.contenedor-swatches-catalogo .value,
.contenedor-swatches-catalogo .vi-wpvs-variation-style,
.contenedor-swatches-catalogo .vi-wpvs-swatches-wrap,
.contenedor-swatches-catalogo .vi-wpvs-variation-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    float: none !important;
    width: auto !important;
}

/* Forzar que los círculos se pongan uno al lado del otro en bloque inline */
.contenedor-swatches-catalogo .vi-wpvs-option-wrap,
.contenedor-swatches-catalogo .vi-wpvs-option-color-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    margin: 0 3px !important;
    flex-shrink: 0 !important;
}

/* Alineación exacta del signo + en la misma fila horizontal */
.indicador-mas-colores {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #444 !important;
    margin-left: 4px !important;
    line-height: 1 !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

.vi-wpvs-variation-wrap-option {
    border: 1px solid #e1e1e1 !important;
    border-radius: 50px !important;
    background: #ffffff !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Quitar bordes individuales a cada opción de la lista */
.vi-wpvs-variation-wrap-option .vi-wpvs-option-wrap {
    border-radius: 0px !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
    padding: 10px 14px !important;
}

/* Eliminar la última línea separadora */
.vi-wpvs-variation-wrap-option .vi-wpvs-option-wrap:last-child {
    border-bottom: none !important;
}

/* Hover al pasar el ratón */
.vi-wpvs-variation-wrap-option .vi-wpvs-option-wrap:hover {
    background-color: #000 !important;
}

/*boton extra */
/* Contenedor del botón */
.contenedor-boton-directo {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 8px auto 8px auto !important;
    text-align: center !important;
    clear: both !important;
    width: 100% !important;
    display: block !important;
}

/* Estilo delgado y bordes full redondeados */
.boton-ver-producto {
    display: inline-block !important;
    padding: 5px 18px !important;       /* Relleno superior/inferior más delgado */
    font-size: 11px !important;         /* Tamaño de texto más refinado */
    font-weight: 500 !important;        /* Grosor de texto moderado */
    letter-spacing: 0.5px !important;  /* Ligero espacio entre letras */
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 50px !important;     /* Bordes completamente redondeados (Pill) */
    line-height: 1.2 !important;        /* Altura de línea delgada */
    border: 1px solid #51a397 !important; /* Borde sutil opcional */
    background-color: #51a397 !important; /* Color de fondo */
    color: #ffffff !important;         /* Color del texto */
    transition: all 0.2s ease !important;
}

/* Efecto Hover opcional */
.boton-ver-producto:hover {
    background-color: #000 !important;
    color: #ffffff !important;
    border-color: #000 !important;
}}