/* Variables */
:root {
    --sc-primary: rgb(48, 89, 201);
    --sc-primary-alpha: rgba(48, 89, 201, 0.75);
    --sc-secondary: rgb(61, 136, 31);
    --sc-secondary-alpha: rgba(61, 136, 31, 0.75);

    --sc-link: rgb(80, 158, 227);
    --sc-link-alpha: rgba(80, 158, 227, 0.75);

    --sc-backcolor: rgb(245, 245, 245);
    --sc-backcolor-alpha: rgba(245, 245, 245, 0.75);
}

/* Reinicio de Estilos */
body {
    font-family: 'Raleway', sans-serif;
}

a {
    color: var(--sc-link);
    transition: all 0.3s ease-out;
}

a:hover {
    color: var(--sc-secondary-alpha);
}

/* Estilos Bootstrap */

.bg-dark {
    background-color: var(--sc-primary) !important;
}


[data-bs-theme=dark] {
    --bs-body-bg: var(--sc-primary) !important;
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler .navbar-toggler-icon:hover {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2834, 33, 73, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    transition: all 0.3s ease-out;
}

.navbar-brand img {
    width: auto;
    height: 3rem;
}

.nav-item {
    /*padding-left: 0.5rem;*/
    transition: all 0.3s ease-out;
}

.nav-item:hover {
    background-color: var(--sc-secondary-alpha);
}

.nav-link {
    color: var(--sc-backcolor);
    font-size: 1.15rem;
    font-weight: bold;
    margin-left: 0.5rem;
}

.nav-link:hover {
    color: var(--bs-white);
}

.dropdown-item {
    /*color: var(--sc-secondary-alpha);*/
    font-weight: bold;
}

.dropdown-item:hover {
    background-color: var(--sc-secondary-alpha);
}

/* Mis Estilos */
.letra-principal {
    color: var(--sc-primary);
}

.letra-secundaria {
    color: var(--sc-secondary);
}

.justificar-texto {
    text-align: justify;
    text-justify: inter-word;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;
}

.col_order_th {
    cursor: pointer;
}

/* Media Querys*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}