/* Formas */

.migas_pan_1_container {overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
.migas_pan_1.active .migas_pan_1_link {color:white;}
.migas_pan_1_link {color:#333333;}
.migas_pan_1 {margin-left:-20px; display:flex; align-items:center;}

.rectangulo_dcha {
    height:30px;
    display:flex;
    align-items:center;
    padding-right:15px;
    padding-left:35px;
    background-color:white;
    -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;
}

.migas_pan_1.active .rectangulo_dcha {background-color:#003597 !important;}
.migas_pan_1.active .triangulo_dcha {border-left: 20px solid #003597 !important;}

.triangulo_dcha {
	width: 0;
	height: 0;
	border-left: 20px solid white;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
    -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;
}

.rectangulo_dcha.active .triangulo_dcha {border-left: 20px solid #003597;}
.migas_pan_1:hover .triangulo_dcha {border-left: 20px solid lightgrey;}
.migas_pan_1:hover .rectangulo_dcha {background-color:lightgrey;}
.migas_pan_1:hover .migas_pan_1_link {color:#333333;}
.migas_pan_1:hover.active .migas_pan_1_link {color:white;}

.migas_pan_1:nth-child(1) .triangulo_dcha {z-index:99999;}
.migas_pan_1:nth-child(2) .triangulo_dcha {z-index:9999;}
.migas_pan_1:nth-child(3) .triangulo_dcha {z-index:999;}

.migas_pan_2_container {overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}

.migas_pan_2 {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}

.migas_pan_2:nth-child(1) .parallelogram {z-index:99999;}
.migas_pan_2:nth-child(2) .parallelogram {z-index:9999;}
.migas_pan_2:nth-child(3) .parallelogram {z-index:999;}

.migas_pan_2 .parallelogram {margin-left:-1rem; background: white; padding-left:1rem; padding-right:1rem; padding-top:0.3rem; padding-bottom:0.3rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; border-top-right-radius:15px; border-bottom-right-radius:15px;}
.migas_pan_2 .parallelogram:hover {background: lightgrey;}

.migas_pan_2 .parallelogram a, .migas_pan_2 .parallelogram a:hover {display:block; color:#333333; padding-left:1rem;}

.migas_pan_2.active .parallelogram {background: #003597; padding-left:1rem; padding-right:1rem; padding-top:0.3rem; padding-bottom:0.3rem;}
.migas_pan_2.active .parallelogram a {color:white; padding-left:1rem;}

.parent_migas_pan_3 {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%;}
.migas_pan_3 {cursor:pointer; transition:0.4s; padding-right:0.4rem; padding-left:0.4rem; padding-top:0.2rem; padding-bottom:0.2rem; display:block;}
.migas_pan_3 span {font-size:18px; color:#333333; font-weight:bold; margin-right:0.5rem; margin-left:0.5rem;}
.migas_pan_3.active {color:white; background-color:#003597;}