@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

html,
body {
    height: 100%;
}

body{

    font-family: 'Inter', sans-serif;
    color: #2A3654;
    background-color: #FFF8F1 !important;
    display: flex; /* used to make sure footer is always at bottom */
    flex-direction: column;
}
#contenedor_carga{
    background-color: #FFF8F1 ;
    width: 100%;
    height: 100%;
    position: fixed;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 10000;
}
.preloader {
    width: 100px;
    height: 100px;
    border: 10px solid #eee;
    border-top: 10px solid #F5C43D;
    border-radius: 50%;
    animation-name: girar;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  @keyframes girar {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
.bg-navemenu {
    background: #FFF8F1 0% 0% no-repeat padding-box !important;
}
.btn-warning{
    border-radius: 24px !important;
    font-weight: 600;
    font-size: 16px;
    min-width: 110px;
    height: 48px;
    background-color: #F5C43D !important;
    border-color: #F5C43D  !important;
}

.btn-warning:hover, .btn-login:hover {
    background-color: #F8D682!important;
    border-color: #F8D682!important;
}
.btn-login{
    background-color: #FAE29E !important;
    border-color: #FAE29E  !important;
}
.navbar-brand {
    color: #2A3654 !important;
    font-weight: 600 !important;
	margin-right: 0 !important;
    font-size: 16px !important;
}
#navbarNav button{
    font-weight: 600;
    color: #2A3654;
	font-size:16px;
}
nav{
    padding-top: 32PX !important;
    position: fixed !important;
    width: 100%;
	justify-content:space-around !important;
    z-index: 99999;
 }
 nav #navbarNav{
 
     justify-content: center;
  }
 
  nav #navbarNav ul{
 	 gap:24px;
     align-items: center;
  }
  
 
 @media (min-width: 1200px){
     nav{
         padding-top: 32PX !important;
         padding-left: 50px;
         padding-bottom: 18px !important;
      }

 }

 @media (min-width: 1300px){
     nav{
         padding-left: 115px;
      }

 }

 @media (max-width: 1199px){
     /*nav #navbarNav ul li{
         margin-bottom: 1rem;
         margin-top: 20px;
      }*/
	 nav #navbarNav ul{
		 gap:20px;
		 align-items: center;
	 }
 }
@media (min-width:590px) and (max-width:992px){
	.logo_txt{
		margin-left: -14%;
	}
	.navbar-light .navbar-toggler {
		margin-right: -10%;
	}
}
@media (min-width:992px) {
	nav{
         padding-top: 32PX !important;
         padding-bottom: 18px !important;
      }
}
footer{
     width: 100%;
    background-color: #2A3654;
    display: flex;
    justify-content: space-between;
    margin-top: auto; /* so it's always at the bottom */
}
@media (max-width: 1199px){
    nav #navbarNav{
        background-color: #2A3654;
         justify-content: center;
        padding: 20px;
      }
    nav #navbarNav.show{
        height: 88vh;
        overflow-y: auto;
    }
      .head-menu .navbar-brand {
        color: #F5C43D !important;
        font-weight: 600 !important;
    }

}
@media (max-width: 1192px){
    footer .footer-left{
        padding-top: 40px !important;
        padding-left: 2% !important;
		display: flex;
    	flex-direction: column;
    }
    footer .p-footer-l {
        width: 100% !important;

    }
	.footer-rigth  div.sub-footer-r {
		padding-top: 40px  !important;
		padding-left: 0% !important;
		padding-right: 165px;
		display: flex;
		flex-direction: column;
	}
}
@media (min-width:500px) and (max-width:992px){
	.footer-rigth  div.sub-footer-r {
		padding-top: 40px  !important;
		padding-left: 0% !important;
		padding-right: 90px;
		display: flex;
		flex-direction: column;
	}
}



footer .div-redes-footer-l{
    display: flex;
	gap:32px;
    width: 240px;
    height: 48px;
    margin-bottom: 25px;
}
footer .h3-footer-l{
    width: 272px;
    height: 61px;
    color: #FEF8E8;
    margin-bottom: 40px;
}
footer .h3-footer-l h3 {
    font-size: 26px;
    font-weight: 300;
}
footer .h3-footer-r{
    color: #FEF8E8;
    margin-bottom: 24px;
}
footer .h3-footer-r h3 {
    font-size: 26px;
    font-weight: 300;
}
footer .p-footer-l{
    width: 552px;
    height: 20px;
    color: #FFFBF7;
    margin-bottom: 40px;
}
footer .p-footer-l p{
    font-size: 16px;
    font-weight: 300;
}
footer .footer-left{
    padding-top: 80px ;
    padding-left: 115px;
    display: flex;
    flex-direction: column;
}
footer .img-footer-l{
    margin-bottom: 24.01px;
}
footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
   
}
footer ul a{
    color:#F5C43D;
    text-align: left;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}
footer ul a:hover{
    color:#f5c43db2;

}
footer ul li{
    padding-bottom: 12px;
	    width: 105%;
}
@media   (max-width:500px) {
	    footer{
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
	.footer-rigth div.sub-footer-r {
		padding-left: 2% !important;
		padding-right: 0;
	}
	footer ul li {
		padding-bottom: 12px;
		width: 100%; 
	}
}

.section-home{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFF8F1;
}
.section-home h1{
    text-align: center;
    font: normal normal bold 72px/80px Playfair Display;
    letter-spacing: 0px;
    color: #2A3654;
    opacity: 1;
}
.section-home p{
    width: 752px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0px;
    color: #2A3654;
    opacity: 1;
    margin-top: 16px;
}
.section-home .titulo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1136px;
	margin-top:48px;

}
.section-home .content-1{
    width: 1136px;
    display:flex;
    flex-direction: column;
    align-items: center;

}

.uagb-tab{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #73767D;
    border-radius: 12px !important;
    height: 69px;
}
.uagb-tab a{
    text-decoration: none;
    text-align: left;
    font: normal normal 300 18px/26px Inter;
    letter-spacing: 0px;
    color: #2A3654;
}
.uagb-tabs__body-wrap{
    border: none !important;
    padding: 0 !important;
}
.uagb-tabs__panel {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(min-content,calc(95%/3)));
    grid-gap: 16px;
    margin-bottom:20px;
}

.sub-footer-r{
    padding-top: 80px; 
    padding-right: 236px;;
}
.uagb-tabs__wrap .uagb-tabs__body-container{
    padding: 0 !important;
}
.uagb-tabs__body-wrap .paragraph_ti_div,
.uagb-tabs__body-wrap .colapce_item_div,
.uagb-tabs__body-wrap .button_ti_div,
.uagb-tabs__body-wrap .titulo_ti_div,
.uagb-tabs__body-wrap .repeater_ti_div
.uagb-tabs__body-wrap .subtitle_ti_div{
    padding-left:0 !important;
    
}
@media (max-width:1192px){
    .uagb-tabs__wrap{
        margin-left: 0 !important;
        
    }
    .uagb-tabs__panel {
        grid-template-columns: repeat(2, minmax(min-content,calc(100%/2)));
        grid-gap: 16px;
        margin-bottom:20px;
        
    }
    .uagb-tabs__wrap.uagb-tabs__hstyle3-mobile ul.uagb-tabs__panel{
        padding-left: 4% !important;
    }
    .uagb-tabs__body-wrap .paragraph_ti_div,
    .uagb-tabs__body-wrap .colapce_item_div,
    .uagb-tabs__body-wrap .button_ti_div,
    .uagb-tabs__body-wrap .titulo_ti_div,
    .uagb-tabs__body-wrap  .p-features,
    .uagb-tabs__body-wrap .repeater_ti_div
    .uagb-tabs__body-wrap .subtitle_ti_div{
        padding-left:4% !important;
        
    }
    .div-blogpage {
        flex-direction: column !important;
		padding-left: 5% !important;
   		padding-right: 0 !important;
    }
}
.Interviews{
    background: #D4D7FC 0% 0% no-repeat padding-box;
}
.Teaching{
    background: #FCD4D4 0% 0% no-repeat padding-box;
}
.Features{
    background: #D4EDFC 0% 0% no-repeat padding-box;
}
.Announcements{
    background: #E6FCD4 0% 0% no-repeat padding-box;
}
.Demonstrations{
    background: #FCD4F7 0% 0% no-repeat padding-box;
}

.btn-share{
    display: flex;
    margin-top: 40px;
    margin-bottom: 80px;
}
.the-content-div .btn-share p{
    text-align: left;
font: normal normal 600 14px/22px Inter;
letter-spacing: 0px;
color: #2A3654;
margin-right: 16px;
}
.btn-share .st-btn{
    margin-right: 12px !important;
}

 .uagb-post-pagination-wrap {
    margin-bottom: 80px;

}
.uagb-block-d4c3ce29 .uagb-post__items {
    margin-right: 15px !important;
}
.div-category-indv {
    display: grid!important;
    grid-template-columns: repeat(3, minmax(min-content,calc(99%/3)))!important;
    grid-gap: 4%!important;
    padding-right: 10%!important;
    padding-left: 10%!important;
}
.div-category-indv  .card{
    background:transparent!important;
    border:none;
}
.div-category-indv  .card a{
    text-decoration:none!important;
    color:grey!important;
}
@media (max-width: 500px){
    .div-category-indv {
        display: flex !important;
        flex-direction: column !important;
        padding-right: 3%!important;
        padding-left: 3%!important;
    }
    .div-category-indv  .card{
        
        margin-bottom: 10px;
    }
    .tcname h1{
        margin-bottom: 20px!important;
        font-size: 40px !important;
    }
}
@media (min-width:768px) and (max-width: 1192px) {
    .div-category-indv {
        flex-direction: column !important;
        padding-right: 3%!important;
        padding-left: 3%!important;
        grid-template-columns: repeat(2, minmax(min-content,calc(99%/2)))!important;
    }
    .div-category-indv  .card{
        
        margin-bottom: 10px;
    }
    .tcname h1{
        margin-bottom: 20px!important;
        font-size: 40px !important;
    }
}
.tcname{
    margin-bottom: 60px!important;
}
.sidebar a,.sidebar-blog a{
    text-decoration: none;
    color: #2A3654;
}
.uagb-post-pagination-wrap span{
    border-radius: 4px;

}
.uagb-post-pagination-wrap a{
    border-radius: 4px;
    text-decoration: none;
    
}

.img-fluid {
    max-width: 100% !important;
    width: 272px !important;
    height: 206px !important;
    border-radius: 0px 40px 0px 0px !important;
}
.card-block h4{
    margin-top:20px;
    font-weight: 600;
    font-size: 16px;
    color: #2a3654;
}
.card-block p.fecha-primary {
    font: normal normal 600 12px/19px Inter;
    margin-bottom: 8px;
}

.uagb-post__items {
    margin-right: 10px !important;
    margin-top: 15px !important;
}
.emailcontact{
	text-decoration:underline;
	cursor:pointer;
}
.singl-blog .content-single .img-fluid {
    width: 100% !important;
    height:auto !important;
}
.uagb-post-grid .uagb-post__image img {
    object-fit: cover;
}

.uagb-post-grid.is-grid.uagb-post__equal-height .uagb-post__inner-wrap {
    height: max-content;
}

.uagb-block-2adfcf4f.uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link {
    padding-left: 10px;
    padding-right: 10px;
    font: normal normal 600 16px/20px Inter !important;
    text-decoration: underline;
}