/*
* ===================================================
*     1. PROPIEDADES PERSONALIZADAS ( VARIABLES ) 
* ===================================================
*/
:root {
    --primary-color: #001c70;
    --soft-color: #dfe1e5;
    --white-color: #ffffff;
    --secondary-color: #2f3d4f;
    --section-bg-color: #f0f8ff;
    --custom-btn-bg-color: #001c70;
    --custom-btn-bg-hover-color: #f6f7f8;
    --dark-color: #000000;
    --p-color: #000000;
    --border-color: #e9eaeb;
    --body-font-family: "Questrial", sans-serif;
    --h1-font-size: 52px;
    --h2-font-size: 46px;
    --h3-font-size: 32px;
    --h4-font-size: 28px;
    --h5-font-size: 24px;
    --h6-font-size: 22px;
    --p-font-size: 16px;
    --btn-font-size: 18px;
    --copyright-font-size: 14px;
    --border-radius-large: 30px;
    --border-radius-medium: 20px;
    --border-radius-small: 10px;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --link-grande-deleim: #004e9a;
    --link-renew-peel: #851B11;
    --details-text: #001c70;
    --link-leim: #696f87;
    --important-text: #48ff00;

    /* Colores personalizados para el botón */
    --custom-primary: #001c70;
    --custom-soft: #dfe1e5;
    --custom-secondary: #2f3d4f;
    --custom-primary-darker: #00134d;   /* Un tono más oscuro para el estado :hover */
    --custom-primary-border: #00175a;  /* Un borde inferior sutil para efecto 3D */
    --custom-text-light: #ffffff;

    /* Para el modal de direcciones */
    --primary-color-dark: #0056b3;
    --light-gray-bg: #f8f9fa; /* Fondo suave para header/footer */
    --border-color: #dee2e6;
    --input-bg-color: #fdfdff;
    --label-color: #495057;
    --shadow-color: rgba(0, 0, 0, 0.1);

    /* Colores para el offcanvas de direcciones */
    --primary-accent-color: #001c70; /* Azul principal */
    --primary-accent-hover: #0b5ed7;
    --light-bg-color: #f8f9fa;      /* Fondo suave */
    --border-color: #e9ecef;
    --text-color-muted: #6c757d;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}