@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('poppins.css');
:root{
    --bg-banana: rgba(255, 214, 74, 1);
    --bg-banana-dark:rgba(82, 64, 3, 0.1);
    --bg-white:rgba(250, 250, 250, 1);
}
html{
    font-size: 100%;
}

body{
    font-family: 'poppins',sans-serif;
    font-weight: 200 !important;
    font-style: normal !important;
    font-size: 0.875em;
}
.form-control::placeholder{
    font: inherit;
}
button,input,select,textarea{
    font: inherit;
}
/*Color de fondo blanco oscuro.*/
.bg-white-app{
    background-color: rgba(250, 250, 250, 1) !important;
}
/*Clases de botones personalizadas*/
.btn-banana{
    background-color: var(--bg-banana);
}
.btn-banana:hover{
    background-color: rgba(240, 200, 60, 1);
}
.bg-banana{
    background-color: var(--bg-banana);
}

/*Estilos para el menu NAVBAR.php*/
#navbarSupportedContent{
    font-weight: 300 !important;
}
#navbarSupportedContent .nav-item .nav-link{
    color: black;
    padding: 0.875rem;
}
#navbarSupportedContent .dropdown-menu{
    background-color:var(--bg-white);
    padding: 0;
}
#navbarSupportedContent .dropdown-menu hr{
    margin: 0;
}
#navbarSupportedContent .dropdown-menu .dropdown-item{
    padding: 0.875rem;
}
#navbarSupportedContent .dropdown-menu .dropdown-item:hover{
    background-color: var(--bg-banana);
    color: grey;
}
#navbarSupportedContent .nav-item .nav-link:hover{
    color: black;
    background-color: var(--bg-banana-dark);
    color: var(--bg-white);
    transition: 0.45s;
}


/*MODIFICADOR DE LAS CARD DE BOOTSTRAP*/
.card-banana{
    border-radius: 0;
    border-color: var(--bg-banana-dark);
}
.card-banana .card-header{
    background-color: var(--bg-banana);
    border-radius: 0;
    font-weight: 400;
    font-size: inherit;
    color: black;
}