/* Custom Colors - Updated: 2025-01-06 08:12:19 */
:root {
    --primary-color: #ed0202 !important;
    --secondary-color: #ffae00 !important;
    --text-color: #ffffff !important;
}

/* Background Colors */
.floating-header {
    background-color: #ffffff !important;
}

footer.bg-gray-800 {
    background-color: #1f0000 !important;
}

/* Button Styles */
.comprar-btn {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    padding: 0.5rem 1rem !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    transition: background-color 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.comprar-btn:hover {
    background-color: var(--secondary-color) !important;
}

/* Cart Button Specific Styles */
.fixed.right-6.bottom-6 .comprar-btn {
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border-radius: 9999px !important;
}

/* Modal Button Styles */
#cartModal .comprar-btn,
#checkoutModal .comprar-btn {
    width: 100% !important;
    padding: 0.75rem !important;
    margin-top: 0.5rem !important;
    border-radius: 0.5rem !important;
}

/* Carousel Styles */
.carousel .prev, .carousel .next {
    background: rgba(0, 0, 0, 0.7) !important;
}

.carousel .prev:hover, .carousel .next:hover {
    background: rgba(0, 0, 0, 0.9) !important;
}

.carousel-legend {
    background: rgba(0, 0, 0, 0.7) !important;
}

/* Link Styles */
a:not(.btn):not(.comprar-btn) {
    color: var(--primary-color) !important;
}

a:not(.btn):not(.comprar-btn):hover {
    color: var(--secondary-color) !important;
}

/* Toast Styles */
.toast {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

/* Ajuste de Espaciado para Categorías */
.category {
    margin-bottom: 0.5rem !important; /* Ajustar el margen inferior */
}