/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                    F O N T S
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
@font-face{
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: url(../Roboto/Roboto-Regular.ttf),
    url(../css/Roboto/Roboto-Bold.ttf),
    url(../css/Roboto/Roboto-BoldItalic.ttf);
}
@font-face{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: lighter;
    src: url(../css/Roboto/Roboto-Light.ttf);
}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                    G E N E R A L S
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
body{
    background-color: #cccccc;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                N A V  B A R
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.Contenedor{
    background-color: white;
}
.Menu > ul{
    justify-content: flex-end;
}
.Menu > ul > li > a{
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 2px;
    color: #4d4d4d;
    transition: 300ms;
}
.Menu ul > li:hover{
    background-color: #91006b;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #cccccc;
}
.Menu ul > li:hover > a{
    color: #ffffff;
    transform: scale(1.1);
}
.Menu > ul > li:hover > .dropdown-menu > a{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
}
.Menu ul li > .Submenu{
    padding: 0rem;
    border-radius: 5px;
    background-color: #91006b;
}
.Menu ul li > .Submenu > a:hover{
    color: #ffffff;
    background-color: #b40084;
    box-shadow: 0px 0px 5px #4d4d4d;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
A N I M A C I O N  D E S P L E G A R  M E N U
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
@media all and (min-width: 992px) {
	.nav .nav-item .dropdown-menu{ display: none; }
	.nav .nav-item:hover .nav-link{ color: #fff; }
	.nav .nav-item:hover .dropdown-menu{ display: block; }
	.nav .nav-item .dropdown-menu{ margin-top:0; }
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                L O G O  E M P R E S A
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.Logo{
    text-align: center;
}
.Logo h1{
    font-size: 9.5rem;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    margin-bottom: -1.5rem;
}
.Logo h2{
    letter-spacing: .9rem;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                E M P R E S A S
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.container_video{
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}
.video{
    width: 60%;
}
.Empresas{
    background-color: #eeeeee;
    padding: 2rem;
    margin-top: 1rem;
    box-shadow: 0px 0px 2px #4d4d4d;
}
.Empresas h3{
    font-family: 'Roboto', sans-serif;
    letter-spacing: 4px;
    font-size: 1.8rem;
    font-style: italic;
    text-align: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
}
.Empresas > div > div p{
    font-family: 'Roboto', sans-serif;
    color: #8a8080;
    font-weight: bolder;
    font-style: italic;
    letter-spacing: 3px;
    margin-top: 5rem;
    margin-bottom: 1rem;
    font-size: 2.6rem;
}
.Empresas > div{
    text-align: center;
}
.Empresas > div > div{
    padding: 1rem;
}
.Empresas > div > div > a > .InagroSur{
    width: 16rem;
}
.Empresas > div > div > a > .CorpInagro{
    width: 23.3rem;
}
.Empresas > div > div > a > .Financiera {
    width: 25rem;
}
.Empresas > div > div > a > .ProductoraMex{
    width: 33rem;
}
.Empresas > div > div > a > .UrmaL{
    width: 30rem;
}
.Empresas > div > div > a > .Akibra{
    width: 19rem;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
            A N I M A T I O N S
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.Empresas > div > div > a > img:hover{
    transform: scale(1.1);
    filter: drop-shadow(0px 0px 3px #8d8d8d);
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
            F O O T E R
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
footer div > div > h4,
footer div > div > h5{
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    color: #4d4d4d;
    font-size: 1.5rem;
}
footer div div svg{
    margin-bottom: .3rem;
}