/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400; 500; 600; 700&display=swap');*/
*{ box-sizing: border-box; }

/*.container{	border: 1px solid #cc0000; max-width: 1200px; margin:auto; }*/
.item-center{ width: 100%; }
.row{ display: flex; flex-wrap: wrap; }
.v-center{ align-items: center; justify-content: center; }
ul{ list-style:none; margin:0; padding:0; text-align: center; width: 100%; }
/*ul{	display:flex; justify-content:space-between; list-style:none; margin:0; padding:0; }*/
.link_submenu{ color:#1E4199; font-family: "Raleway", serif; font-size:0.8rem; }
.link_submenu:hover {  color:#D1003D; }


/*.menu > ul > li{ display: inline-block; line-height: 1.3rem; margin-left: 25px; margin: 0 13px 0 13px; }*/
.header__menu{ /*background:#FFF;*/ width:100%;  }
.menu{ border:0px solid #00dd00; margin:0 auto; /*margin-top:0.8rem;*/ margin-top:0; padding-bottom:0;  width:100%; }
/*.menu > ul > li{ display:inline-block; line-height:1.3rem; }*/
.menu > ul > li{ border: 0px solid #00dd00; display:inline-block; line-height: 1.3rem; /*margin-left: 25px;*/ margin: 12px 10px 0 10px; /* padding:0.6rem 0;*/ padding:0.6rem 0; }
.menu > ul > li > a{ font-size: 0.8rem; font-family: "Raleway", serif; color:#1E4199; position: relative; text-transform: capitalize; transition: color 0.5s ease; }
.menu > ul > li .sub-menu{ box-sizing: border-box; position: absolute; z-index: 500; /*background-color:#00dd00;*/ background:rgba(255,255,255,1); /*background:rgba(255,209,220,0.6);*/ /*box-shadow: 1px 10px 10px 1px rgba(0, 0, 0, 0.1);*/ padding: 20px 30px; /*transition: all 0.5s ease;*/ transition: all 0.3s ease; margin-top:21px; opacity:0; visibility: hidden; }

.menu > ul > li .sub-menu > ul > li{ line-height: 1; }
.menu > ul > li .sub-menu > ul > li > a{ display: inline-block; padding: 5px 0; font-size: 1rem; color:#1E4199; transition: color 0.3s ease; text-decoration: none; text-transform: capitalize; }
.menu > ul > li .single-column-menu{ min-width: 280px; max-width: 300px; }
.menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{ line-height: 1; display: block; }
.menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a { padding:5px 0; display: inline-block; font-size:1rem; color:#1E4199; transition: color 0.3s ease; }
.menu > ul > li .sub-menu.mega-menu{ border: 0px solid #808080; /*box-shadow: 0px 2px 8px 0px rgba(151,151,151,1);*/ left:50%; transform: translateX(-50%); }
.menu > ul > li .sub-menu.mega-menu-column-4{ border: 0px solid #1E4199; border-radius:1rem; background:#FFF; /*background:#E5CCCF;*/ box-sizing: border-box; min-height:300px; max-width: 78%; width: 78%; display: flex; flex-direction: row; justify-content:space-between; flex-wrap:wrap; /*padding:20px 15px;*/ padding:0px 0px;  }
.menu > ul > li .sub-menu.mega-menu-column-4 .list-item{ border-bottom: 1px dotted #EFCC94; /*padding:0px 15px;*/ padding:0; /*margin:0 7px 0 7px;*/ margin:0; }
.menu > ul > li .sub-menu.mega-menu-column-4 img{ max-width: 100%; width: 100%; vertical-align: middle; }
.menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover, .menu > ul > li .sub-menu > ul > li > a:hover, .item-right a:hover, .menu > ul > li:hover > a, .menu > ul > li:hover > a > span { color:#B28958; }
.mobile-menu-head, .mobile-menu-trigger{ display: none; }

.sub-menu-options { border: 0px solid #3366cc; box-sizing:border-box; display:flex; flex-wrap:wrap; flex-direction:column; flex:0 0 60%; justify-content: center; align-items:center; opacity:0.9; padding:10px 0; }
.sub-menu-options-two-cols { border: 0px solid #3366cc; box-sizing:border-box; display:flex; flex-wrap:wrap; flex-direction:column; flex:0 0 30%; justify-content: center; align-items:center; opacity:0.9; padding:10px 0; }
.sub-menu-img { border: 0px solid #cc0000; box-sizing:border-box; display:flex; justify-content: center; align-content: center; flex:0 0 40%; margin:0px; /*padding:1rem 0 0 0;*/ padding:0; }
.sub-menu-img img{ border: 0px solid #3366cc; max-width:100%; height:auto; width:100%; }
.menu-link{ padding: 22px 0; }
.menu-icon{ /*color: #1E4199; font-size: 2rem; margin: 0 0.3rem;*/ color: #1E4199; font-size: 1rem; margin: 0 0.2rem; }
.menu-icon:hover { color:#ffd700; }
.menu > ul > li > a > span { transition: color 0.5s ease; }
.title{ color:#CC3F64; /*margin-bottom:10px;*/ }
.list-item{ /*width:50%;*/ }
.menu > ul > li.menu-item-has-children { padding:1.5rem 0; } /*Nuevo para ampliar el alto del menu principal*/
.submenulink{ color:#444; font-family:'Montserrat', sans-serif; font-size:0.7rem; line-height:0.7rem; /*espacio vertical entre las opciones del submenu*/ text-decoration:none; transition:all 0.3s ease-out; }
.submenulink:hover{ color:#ffd700; text-decoration:none; }


/*MEDIAQUERIES RESPONSIVE*/
/*IMPORTANTE: el color del enlace del menu principal en vista celular esta en el archivo styles.css estilo .nav__li-wrap */
@media screen and (max-width: 1280px){
	.menu{ /*margin-top:0.8rem;*/ width:100%; }
	.menu > ul > li .sub-menu.mega-menu-column-4{ max-width: 94%; width: 94%; }
}
@media(min-width: 1023px){ /*992px*/
    /*El estilo margin-top:1.6rem; de la linea siguiente permite bajar la posicion del submenu desplegable para que inicie en donde termina el menu principal*/
	.menu > ul > li.menu-item-has-children:hover .sub-menu{ border:0px solid #00dd00; box-shadow: 1px 10px 10px 1px rgba(0, 0, 0, 0.1); margin-top:2.5rem; visibility:visible; opacity:1; }
}
@media(max-width: 1022px){ /*991px*/
	.item-center{ /*order:3; flex:0 0 100%;*/ }
	.item-left,	.item-right{ flex:0 0 auto; }
	.v-center{ background:#cc0000; justify-content: space-between; }
	.mobile-menu-trigger{ display: flex; height: 30px; width: 30px; margin-left: 0; cursor: pointer; align-items: center; justify-content: center; }
	.mobile-menu-trigger span{ display: block; height:0.18rem; background-color:#EFCC94; width:2.4rem; position: relative; }
	.mobile-menu-trigger span:before, .mobile-menu-trigger span:after{ content: ''; position: absolute; left:0; width: 100%; height: 100%; background-color: #EFCC94; }
	.mobile-menu-trigger span:before{ top:-6px; }
	.mobile-menu-trigger span:after{ top:6px; }
	.item-right{ align-items:left; }
      .menu{ position: fixed; width: 320px; background-color:#ffffff; border-radius:1rem; left:-1rem; top:-0.8rem; height: 100%; overflow: hidden; transform: translate(-100%); transition: all 0.5s ease; z-index: 1099; }
	.menu.active{ transform: translate(0%); }
	.menu > ul > li{ line-height: 1; margin:0.5rem 0; display: block; }
	.menu > ul > li > a{ /*line-height: 50px; height: 50px;*/ padding:10px 20px 10px 15px; display: block; /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ border-bottom:1px dotted #EFCC94; }
	.menu > ul > li > a i{ position: absolute; height: 50px; width: 50px; top:0; right: 0; text-align: center; line-height: 20px; transform: rotate(-90deg); }
	.menu .mobile-menu-head{ background:#FFF; display: flex; height: 50px; border-bottom: 1px solid rgba(0,0,0,0.1); justify-content: space-between; align-items: center; /*position:relative;*/ z-index: 501; position:sticky; /*background-color:#ffffff;*/ color:#1E4199; font-family: "Raleway", serif; top:10px; }
	.menu .mobile-menu-head .go-back{ height: 50px; width: 50px; border-right: 1px solid rgba(0,0,0,0.1); cursor: pointer; line-height: 50px; /*margin-top:2rem;*/ text-align: center; color:#1E4199; font-size: 1rem; padding:0.4rem 0 0 0.8rem; display: none; }
	.menu .mobile-menu-head.active .go-back{ display: block; }
	.menu .mobile-menu-head .go-back i { color:#1E4199; font-size:1.4rem; }
	.menu .mobile-menu-head .current-menu-title{ font-size: 1rem; font-weight: 500; color:#1E4199; padding-top:0.5rem; }
	.menu .mobile-menu-head .mobile-menu-close{ color:#1E4199; height: 50px; width: 50px; border-left: 1px solid rgba(0,0,0,0.1); cursor: pointer; line-height: 50px; text-align: center; /*color:#000000;*/ font-size: 2.5rem; }
	.menu .menu-main{ height: 100%; overflow-x: hidden; overflow-y: auto; }
	.menu > ul > li .sub-menu.mega-menu, .menu > ul > li .sub-menu{  visibility: visible; opacity: 1; position: absolute; box-shadow: none; margin:0; padding:15px; top:0; left:0; width: 100%; height: 100%; padding-top: 65px; max-width: none; min-width: auto; display: none; transform: translateX(0%); overflow-y: auto; }
	.menu > ul > li .sub-menu.active{ display: block; }
    .menu-link{ padding:0; }
    .menu > ul > li.menu-item-has-children { padding:0 0; } /*Nuevo para reducir el ancho del menu principal en visgta celular*/
    
	@keyframes slideLeft
	{
		0%{opacity:0; transform: translateX(100%); }
		100%{opacity:1; transform: translateX(0%); }
	}
	@keyframes slideRight
	{
		0%{	opacity:1; transform: translateX(0%); }
		100%{ opacity:0; transform: translateX(100%); }
	}
	
	.menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{ margin-top:0; }
	.menu > ul > li .sub-menu.mega-menu-column-4 img{ margin-top:1.6em; }
	.menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{ margin-bottom: 20px; }
	.menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{margin-bottom:0px; }
	.menu > ul > li .sub-menu.mega-menu-column-4 .list-item{ flex: 0 0 100%; padding: 5px 0; width:90%; }
	.menu > ul > li .sub-menu > ul > li > a, .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{ display: block; }
	.menu > ul > li .sub-menu.mega-menu > .list-item > ul {	margin-bottom: 15px; }
	/*.menu-overlay{ position: fixed; background-color: rgba(0,0,0,0.5); left:0; top:0; width: 100%; height: 100%; z-index: 1098; visibility: hidden; opacity:0; transition: all 0.5s ease; }
	.menu-overlay.active{ visibility: visible; opacity:1; }*/
	
	.sub-menu-options { }
	.sub-menu-img { padding:0; }
}

.menu-overlay{ position: fixed; background-color: rgba(0,0,0,0.5); left:0; top:0; width: 100%; height: 100%; z-index: 1098; visibility: hidden; opacity:0; transition: all 0.5s ease; }
.menu-overlay.active{ visibility: visible; opacity:1; }