/* :root {
    --background-color: #f5f5f500;
    --color-text-general: #000000;
    --color-container: #ffffff;
    --color-text-acolor : #2b8dc1;

    --color-principal: #e9b012;
    --color-btn-text-principal: #ffffff;
    --color-btn-principal-hover: #ad820a;
    --color-btn-principal-focus: #f7c233;
    --color-btn-principal-disabled: #7099ec;

    --color-secundario: #2b8dc1;
    --color-btn-text-secundario: #ffffff;
    --color-btn-secundario-hover: #1b83bb;
    --color-btn-secundario-focus: #08399c;
    --color-btn-secundario-disabled: #e9b012;

    --color-inp: #f5f6f9;
    --color-inp-disabled: #ffffff;
    --color-inp-disabled-border: #b9b7b7;

    --color-icono-principal : #e9b012;
    --color-icono-secundario : #2b8dc1;
 
    --table-color-th: #e9b012;
    --table-text-th: #000000;

    --shadow-color: var(--color-secundario);

    --shadow-elevation-medium:
    0.3px 0.5px 0.4px hsl(var(--shadow-color) / 0.11),
    0.4px 0.8px 0.7px -1.7px hsl(var(--shadow-color) / 0.08),
    1.3px 2.6px 2.2px -3.3px hsl(var(--shadow-color) / 0.05),
    3.8px 7.5px 6.3px -5px hsl(var(--shadow-color) / 0.03);
    --shadow-elevation-medium-2:
    0.3px 0.5px 0.4px hsl(var(--shadow-color) / 0.11),
    0.4px 0.8px 0.7px -1.7px hsl(var(--shadow-color) / 0.08),
    1.3px 2.6px 2.2px -3.3px hsl(var(--shadow-color) / 0.05),
    3.8px 7.5px 6.3px -5px hsl(var(--shadow-color) / 0.03);
} */

:root {
    --background-color: #f5f5f500;
    --color-text-general: #000000;
    --color-container: #ffffff;
    --color-text-acolor : #2b8dc1;

    --color-secundario: #e9b012;
    --color-btn-text-secundario: #000000;
    --color-btn-secundario-hover: #ad820a;
    --color-btn-secundario-focus: #f7c233;
    --color-btn-secundario-disabled: #7099ec;

    --color-principal: #2b8dc1;
    --color-btn-text-principal: #ffffff;
    --color-btn-principal-hover: #1b83bb;
    --color-btn-principal-focus: #08399c;
    --color-btn-principal-disabled: #e9b012;

    --color-inp: #f5f6f9;
    --color-inp-disabled: #ffffff;
    --color-inp-disabled-border: #b9b7b7;

    --color-icono-principal : #2b8dc1;
    --color-icono-secundario : #e9b012;
 
    --table-color-th: #2b8dc1;
    --table-text-th: #000000;

    --shadow-color: var(--color-secundario);

    --shadow-elevation-medium:
    0.3px 0.5px 0.4px hsl(var(--shadow-color) / 0.11),
    0.4px 0.8px 0.7px -1.7px hsl(var(--shadow-color) / 0.08),
    1.3px 2.6px 2.2px -3.3px hsl(var(--shadow-color) / 0.05),
    3.8px 7.5px 6.3px -5px hsl(var(--shadow-color) / 0.03);
    --shadow-elevation-medium-2:
    0.3px 0.5px 0.4px hsl(var(--shadow-color) / 0.11),
    0.4px 0.8px 0.7px -1.7px hsl(var(--shadow-color) / 0.08),
    1.3px 2.6px 2.2px -3.3px hsl(var(--shadow-color) / 0.05),
    3.8px 7.5px 6.3px -5px hsl(var(--shadow-color) / 0.03);
}