.elementor-85 .elementor-element.elementor-element-589330d{--display:flex;}.elementor-85 .elementor-element.elementor-element-49b21d34{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS *//* --- DISEÑO PROFESIONAL LA MEJOR BODEGA (CORREGIDO) --- */
.grid-productos {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 25px !important;
    padding: 20px !important;
    background: #ffffff !important;
}

.producto-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.producto-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
    border-color: #667eea !important;
}

.producto-link-wrapper {
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
}

.producto-imagen {
    height: 250px !important;
    background: #f8fafc !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.producto-imagen img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}

.producto-info { 
    padding: 15px !important; 
    text-align: center !important; 
    flex-grow: 1 !important;
}

.producto-titulo {
    font-size: 15px !important;
    color: #2d3748 !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

/* CAJA DE VARIANTES GRIS */
.variantes-container {
    background: #f1f5f9 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-bottom: 12px !important;
    border: 1px solid #e2e8f0 !important;
}

.v-label {
    display: block !important;
    font-size: 10px !important;
    color: #718096 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
}

.chips-talla { 
    display: flex !important; 
    gap: 4px !important; 
    justify-content: center !important; 
    margin-bottom: 8px !important;
    flex-wrap: wrap !important;
}

.t-chip { 
    background: #667eea !important; 
    color: white !important; 
    padding: 2px 6px !important; 
    border-radius: 4px !important; 
    font-size: 10px !important; 
    font-weight: bold !important; 
}

.circulos-color { 
    display: flex !important; 
    gap: 5px !important; 
    justify-content: center !important; 
    flex-wrap: wrap !important;
}

.c-circulo { 
    width: 16px !important; 
    height: 16px !important; 
    border-radius: 50% !important; 
    border: 1px solid rgba(0,0,0,0.1) !important; 
}

.producto-precio-box {
    margin-top: 10px !important;
}

.producto-precio { 
    font-size: 20px !important; 
    color: #667eea !important; 
    font-weight: 800 !important; 
}

/* BOTONES: CORRECCIÓN PARA FILA ÚNICA */
.producto-acciones {
    padding: 0 15px 15px !important;
    display: flex !important;           /* Usamos Flex para forzar la fila */
    flex-direction: row !important;      /* Uno al lado del otro */
    gap: 8px !important;                 /* Espacio entre botones */
    justify-content: center !important;
}

.btn-detalles, .btn-comprar {
    flex: 1 !important;                  /* Los botones ocupan el mismo ancho (50/50) */
    padding: 10px 2px !important;
    border-radius: 8px !important;
    font-size: 10px !important;          /* Tamaño ajustado para que no se rompa */
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    display: block !important;
    white-space: nowrap !important;      /* Evita que el texto salte a otra línea */
}

.btn-detalles { 
    background: #edf2f7 !important; 
    color: #4a5568 !important; 
}

.btn-comprar { 
    background: #667eea !important; 
    color: white !important; 
}

/* AJUSTES MÓVIL */
@media (max-width: 600px) {
    .grid-productos { 
        grid-template-columns: 1fr 1fr !important; 
        gap: 10px !important; 
        padding: 10px !important;
    }
    .producto-imagen { 
        height: 160px !important; 
    }
    .btn-detalles, .btn-comprar {
        font-size: 8px !important;       /* Texto más pequeño en móvil para que quepan */
        padding: 8px 1px !important;
    }
    .producto-titulo {
        font-size: 12px !important;
    }
}/* End custom CSS */