/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 11 2026 | 17:19:05 */
/* --- CONTENEDOR PRINCIPAL: Control de tamaño --- */
/* Esto centra todo el escaparate y evita que ocupe toda la pantalla a lo ancho */
.woocommerce ul.products {
    max-width: 1200px !important; /* Ajusta este número si quieres que el bloque entero sea más ancho o estrecho */
    margin: 40px auto !important; /* Centrado en ordenador */
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* Centra las burbujas si hay pocas */
    gap: 30px !important;
    padding: 0 20px !important;
}

/* --- ESTILO DE LA BURBUJA DE PRODUCTO (Sin Bordes) --- */
.woocommerce ul.products li.product {
    background: #ffffff !important;
    /* REDONDEADO ESTILO BURBUJA */
    border-radius: 40px !important; 
    /* SOMBRA SUAVE (Sin usar bordes reales) */
    box-shadow: 0 10px 40px rgba(74, 20, 140, 0.05) !important; 
    padding: 25px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    /* CONTROL DE TAMAÑO INDIVIDUAL */
    width: 260px !important; /* Ancho fijo para que no crezcan demasiado */
    max-width: 100% !important;
    /* FULMINAR CUALQUIER BORDE QUE PONGA LA PLANTILLA */
    border: none !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 50px rgba(74, 20, 140, 0.1) !important;
}

/* --- TÍTULO Y TEXTO --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Fredoka', sans-serif !important;
    font-size: 17px !important;
    color: #333333 !important; /* Negro de web suave */
    font-weight: 600 !important;
    padding: 15px 0 5px 0 !important;
    line-height: 1.3 !important;
}

/* Ocultar las letras naranjas "S S S S S" rotas visualmente */
.woocommerce ul.products li.product .shop-loop-after-title,
.woocommerce ul.products li.product .ct-loop-attributes {
    display: none !important;
}

/* --- PRECIO --- */
.woocommerce ul.products li.product .price {
    color: #4A148C !important; /* Tu morado potente */
    font-family: 'Fredoka', sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
}

.woocommerce ul.products li.product .price del span.woocommerce-Price-amount {
    color: #aaaaaa !important; /* Precio tachado gris */
    font-size: 15px !important;
}

/* --- CARTEL DE OFERTA VERDE (Ondulado) --- */
.woocommerce ul.products li.product .onsale {
    background-color: #c5e1a5 !important; /* Tu verde */
    color: #4A148C !important;
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 6px 16px !important;
    top: 15px !important; /* Metido dentro de la burbuja */
    left: 15px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    border: none !important;
}

/* --- BOTÓN AÑADIR/SELECCIONAR --- */
.woocommerce ul.products li.product .button {
    background-color: #d4c5ed !important; /* Morado claro */
    color: #4A148C !important;
    border-radius: 50px !important;
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    padding: 12px 25px !important;
    transition: 0.3s !important;
    border: none !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #4A148C !important;
    color: #ffffff !important;
}

/* --- AJUSTE MÓVIL --- */
@media (max-width: 600px) {
    .woocommerce ul.products {
        gap: 15px !important;
        justify-content: space-between !important;
    }
    .woocommerce ul.products li.product {
        width: 47% !important; /* 2 productos por fila en móvil */
        padding: 15px !important;
        border-radius: 25px !important;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
    }
    .woocommerce ul.products li.product .button {
        padding: 8px 15px !important;
        font-size: 11px !important;
    }
}
/* 1. ALINEAR A LA IZQUIERDA (Para que no se quede en el centro con tanto hueco) */
.woocommerce ul.products {
    justify-content: flex-start !important; /* Mueve los productos hacia la izquierda */
    padding-left: 0 !important; /* Quita el espacio extra de la izquierda */
}

/* 2. REDONDEAR LA IMAGEN DEL PRODUCTO */
.woocommerce ul.products li.product a img {
    border-radius: 25px !important; /* Hace que la foto tenga bordes circulares */
    overflow: hidden !important;
}

/* 3. OCULTAR LAS "S S S S S" (Tallas rotas en la portada) */
.woocommerce ul.products li.product .ct-loop-attributes,
.woocommerce ul.products li.product .woovs-archive-swatches,
.woocommerce ul.products li.product .wvs-archive-variables,
.woocommerce ul.products li.product .vi-wpvs-variation-style,
.woocommerce ul.products li.product div[class*="swatch"] {
    display: none !important; /* Fulmina las letras naranjas de las variantes */
}