@import url('./../../vendor/components/font-awesome/css/all.css');
@import url('./../fonts/nunito/all.css');
/* @import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i'); */

:root {
    --font-default: 'Nunito', 'Inter', 'Poppins', Roboto, Helvetica, Arial, sans-serif;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--font-default);
    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

p {
    font-size: 1rem;
    text-align: justify;
}

.cursor-default {
    cursor: default;
}

.cursor-help {
    cursor: help;
}

.cursor-pointer {
    cursor: pointer;
}

.title-formal {
    font-size: small;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.z-index-9999 {
    z-index: 9999 !important;
}


/* Personaliza estilos para el tema dark */
[data-bs-theme="dark"] {
    /* Personaliza los botones light para el tema dark */
    .btn-light {
        --bs-btn-color: #fff;
        --bs-btn-bg: #212529;
        --bs-btn-border-color: #212529;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #424649;
        --bs-btn-hover-border-color: #373b3e;
        --bs-btn-focus-shadow-rgb: 66, 70, 73;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #4d5154;
        --bs-btn-active-border-color: #373b3e;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #212529;
        --bs-btn-disabled-border-color: #212529;
    }

    .hover-text:hover {
        color: #212529;
    }

    .bg-white {
        /* background-color: var(--bs-dark-bg-subtle) !important; */
        background-color: var(--bs-body-bg) !important;
    }

    .nav-link, 
    .dropdown-item .fa {
        color: currentColor;
    }

    .sidebar .nav-link:hover {
        color: #FFFFFF;
    }

    .sidebar .nav-link .fa,
    .sidebar .nav-link .fa-regular,
    .sidebar .nav-link .fa-solid {
        color: #AAAAAA;
    }

    .sidebar .nav-link.disabled,
    .sidebar .nav-link.disabled .fa,
    .sidebar .nav-link.disabled .fa-regular,
    .sidebar .nav-link.disabled .fa-solid {
        color: #CCCCCC;
    }

    .sidebar .nav-link:hover .fa,
    .sidebar .nav-link:hover .fa-regular,
    .sidebar .nav-link:hover .fa-solid,
    .sidebar .nav-link.active .fa,
    .sidebar .nav-link.active .fa-regular,
    .sidebar .nav-link.active .fa-solid {
        color: #FFFFFF;
    }

    .nav-pills li a.nav-link.active {
        color: #FFFFFF;
    }
    
    /* Submenu */
    .btn-toggle-nav a.link-dark {
        color: #AAAAAA !important;
    }
    
    .btn-toggle-nav a.link-dark:hover,
    .btn-toggle-nav a.link-dark:focus,
    .btn-toggle-nav a.link-dark.active {
        background-color: #23272e;
        color: #EEEEEE !important;
    }
}

.offcanvas-body p {
    font-size: 98%;
}

/* Estilo para iconos del toggle theme */
.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

/* Personaliza estilos para el tema light */
[data-bs-theme="light"] {
    /* Color de fondo de los banner en encabezado de cada pagina en el tema light*/
    #banner-header.bg-primary-subtle {
        --bs-primary-bg-subtle: cornflowerblue;
    }
}