/*
    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: #007bff;
    --color-secondary: #6c757d;
    --color-white: #ffffff;
    --color-dark: #343a40;
    --color-light: #f8f9fa;
    --color-text-light: #fff;
    --color-text-dark: #212529;
    --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;
}