/*
    ESTILOS DE COMPONENTES
*/
@import url('components/header.css');
@import url('components/banner.css');
@import url('components/category-panel.css');
@import url('components/navbarDataInfo.css');
@import url('components/product-detail.css');

/*
    ESTILOS DE PAGES
*/
@import url('components/catalogProduct.css');
@import url('components/generalTerms.css');
@import url('components/applicantForm.css');
@import url('components/subcategories.css');
@import url('components/orders.css');

/* Colores */
:root {
    /* Colores */
    --color-primary: #007bff;
    --color-navy: #003c84;
    --color-secondary: #6c757d;
    --color-white: #ffffff;
    --color-dark: #343a40;
    --color-light: #f8f9fa;
    --color-text-light: #fff;
    --color-text-dark: #212529;
    --color-orange: #E9762B;
    --color-orange-hover: #E78B48;
    --color-orange-hide: #F0BB78;
    --color-green: #163c2d;
    --color-green-hide: #90AB8B;
    --color-green-hover: #1f4d3a;
    --color-wine: #3c1625;
    --color-purple: #2d163c;
    --color-border: #e0e0e0; /* Nueva variable */
    /* Colores de Componentes Específicos */
    --color-search-button: #316FB5;
    /* Sombras */
    --color-shadow-subtle: rgba(0, 0, 0, 0.08);
    --color-shadow-medium: rgba(0, 0, 0, 0.15);
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size-base: 1rem;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.25rem;
    --spacing-1: 0.5rem;
    --spacing-2: 1rem;
    --spacing-3: 1.5rem;
    --spacing-4: 2rem;
    /*Padding*/
    --padding-container-vertical: 100px;
    --padding-container-horizontal: 150px;
    /* Bordes y Radios */
    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 0.75rem;
    /*NUEVOS A NORMALIZAR*/
    --card-background-color: #ffffff;
    --card-border-radius: 8px;
    --card-border: 1px solid #e0e0e0;
    --card-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    --card-box-shadow-hover: 0 4px 6px rgba(0, 0, 0, 0.1);
    --title-color: #333;
    --image-border-radius: 6px;
    --hover-scale: 1.03;
    --hover-transition-duration: 0.2s;
    --swal2-confirm-button-background-color: #163c2d; /* Cambia por tu color */
}


.swal2-styled.swal2-confirm {
    background-color: #163c2d !important;
}

.bg-wine {
    background-color: #3c1625 !important;
}

.bg-purple {
    background-color: #2d163c !important;
}

.bg-orange {
    background-color: #E9762B !important;
}

.text-orange {
    color: #E9762B !important;
}