* {
    padding: 0px !important;
    margin: 0px !important;
}

.navbar-brand.title {
    margin-left: 7.7% !important; /* 5% del ancho de la pantalla */
}

.navbar-nav {
    margin-right: 11.1% !important; /* 5% del ancho de la pantalla */
}

.borderon {

    border: 1px solid red;

}

.gerencia {

    display: flex;
    justify-content: end;

}

/* Asegura que el footer ocupe todo el ancho disponible */
.site-footer {
    width: 100%;
    background-color: #f8f9fa; /* Color de fondo del footer */
    padding: 20px 0; /* Espaciado interno */
}

/* Contenedor principal del footer */
.site-footer .container {
    max-width: 1200px; /* Ancho máximo del contenedor */
    margin: 0 auto; /* Centrar el contenedor */
}

/* Fila del footer */
.site-footer .row {
    display: flex;
    justify-content: space-between; /* Distribuye el espacio entre los elementos */
    align-items: center; /* Alinea verticalmente los elementos */
}

/* Estilo para el texto de copyright */
.site-footer .copyright-text {
    margin: 0; /* Elimina el margen predeterminado */
    font-size: 14px; /* Tamaño de fuente */
    color: #333; /* Color del texto */
}

/* Estilo para el contenedor del correo */
.site-footer .email-container {
    display: flex;
    align-items: center; /* Alinea verticalmente el ícono y el texto */
}

/* Estilo para el ícono de correo */
.site-footer .email-container .fa-envelope-o {
    margin-right: 8px; /* Espacio entre el ícono y el texto */
    color: #333; /* Color del ícono */
}

/* Estilo para el enlace de correo */
.site-footer .email-container a {
    color: #007bff; /* Color del enlace */
    text-decoration: none; /* Elimina el subrayado */
    font-size: 14px; /* Tamaño de fuente */
}

/* Estilo para el enlace de correo al pasar el mouse */
.site-footer .email-container a:hover {
    text-decoration: underline; /* Subrayado al pasar el mouse */
}

.copyright-div {
    margin-left: 7.7% !important;
}

.email-div {
    margin-left: 0 !important;
}

.access_c {
    margin-bottom: 1% !important;
}

.input-text-code {
    margin-bottom: 2% !important;
}

.search_product {

    width: 100% !important;

}

@media only screen and (min-width: 500px) {

}