*{
	margin:0;
	padding:0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box; 
}

body{
	line-height: 21px;
	color:#1a1a1a;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	/*background-color: #525252; */
	background-color:#EDEDED; 
	font-size: 13px;	
}

.ui-clear{
	clear:both;
}

.popup{
	margin-left:8%;
	/*max-width: 120px;*/
	width: 84%;
	padding: 0 1px;	
}

.ui-centrado-principal{
	margin: auto;
	/*max-width: 1070px;*/
	max-width: 1280px;
	padding: 0 10px;	
}

.fErneH {
    margin-top: 8px;
    fill: #fff;
    width: 22px;
    height: 22px;
}


/************************
 *       topHeader      *
 ************************/
.ui-topHeader .ui-centrado-principal{
	background-color: #1E73BE;
	padding: 10px;
	color:#fff;
}

.ui-topHeader .ui-izquierda{
	float: left;

}

.ui-topHeader .ui-derecha{
	float: right;
	/*background: linear-gradient(#e66465, #9198e5);*/
}

.ui-topHeader a{
	color: #fff;
	text-decoration: none;
	display:block;
	/*background-color: rgba(255, 255, 255, 0.1);	*/
	text-align: center; 
	width: 64px;
	height: 34px; 
	padding-top: 2px;

	-webkit-transition: all .3s ;
	-moz-transition: all .3s ;
	-ms-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}
/*
.ui-topHeader a:hover{
	background-color: #ffffff;
	color: #fff;
}
*/
.ui-topHeader-direccion{	
	margin-top: 3px;
	display: block;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-weight: bold;
	/*color: #FFF;*/
	font-size:18px;
}

.ui-social-top{
	list-style: none;
}

.ui-social-top li{
	display: inline-block;
	margin-left: 4px;
}

/************************
 *         header       *
 ************************/
.ui-header .ui-centrado-principal{
	background-color: #fff; 
	padding: 30px 30px;
    background: linear-gradient(-120deg, #F1F1F1 70%, #FFF 70%);

}

.ui-header .ui-izquierda{
	float: left;	
}

.ui-header .ui-derecha{
	float: right;
	padding-top: 15px;
	display: flex;
}

.ui-header .ui-derecha > div:nth-child(1){
	display: none;
}

.ui-box-dato-header{	
	padding-left: 55px;
	position: relative;
	display: inline-block;
	color:#707070;
	margin-top: 10px;
	margin-left: 40px;	
}

.ui-box-dato-header .ui-box-icon{
	position: absolute;
	left:0;
	top:0;	
	padding: 3px;
	background-color: #fff;
	border: 1px solid #1a1a1a; 
	
}

.ui-box-dato-header .ui-box-icon i{
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	font-size: 22px;
	padding-top: 8px;
	color: #fff;
	background-color:#0092FF;
}

.ui-box-dato-header span{	
	font-size: 13px;
	font-weight: 400;
	color:#0066CC;
}

.ui-logotipo{
	width: 150px;		
	display: block;
}

.ui-logotipo img{
	width: 100%;
	display: block;
}

.ui-box-nav .ui-centrado-principal{	
	background-color:#0147AB;
}

.ui-menuPrincipal ul{ text-align:center; }

.ui-menuPrincipal ul li{ display:inline-block; float:none; }

.ui-menuPrincipal ul li a{
	display: block;
	color:#fff; 
	text-decoration: none;
	padding: 20px 20px;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;	

	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;	
}

.ui-menuPrincipal ul li a:hover{
	background-color: #1E73BE;
	color: #fff;
}

.ui-sin-border{
	border-left: none!important; 
}

.ui-responsive{
	text-align: right;
	padding: 10px 10px;
	display: none;
}

.ui-box-icon-responsive{	
	border:1px solid #fff;
	width: 35px;		
	text-align: center;	
	padding: 3px 0px;	
	cursor: pointer;
	display: inline-block;	
}

.ui-box-icon-responsive span{
	height: 2px;	
	background-color: #fff;
	display: block;
	margin: 4px 3px;
}


/*****************************
 *         boxSlider         *
 *****************************/ 
.ui-box-slider .ui-centrado-principal{
  padding: 0px;  
  min-height: 400px; 
  position: relative;
  color: #fff;
}

.ui-slider .item{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 400px;
	position: relative;
}

.ui-box-general{
	position: absolute;
	left:0;
	right:0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0,0,0,.1); */
}

.ui-box-general .ui-izquierda{
	float: left;
	width:41.66%;
	height: 100%;	
	text-align: right;
	/*background-color: rgba(255,255,255,.1);*/
	position: relative;
}

.ui-box-general .ui-izquierda .box{
	position: absolute;
	bottom:0;
	right: 23px;
    max-width: 256px;
}

.ui-box-general .ui-izquierda .box img{
	width: 100%;
	display: block;
}

.ui-box-general .ui-derecha{
	float: right;
	width:56.33%;
	height: 100%;
	/*background-color: rgba(0,0,0,.1);*/
	position: relative;
	text-align: left;	
}

.ui-box-general .ui-derecha .box{
	position: absolute;
	bottom:25%; 
	left:0; 
	padding-right: 100px;
	padding-left: 20px;
}

.ui-box-general .ui-derecha .box p{
	display: none;
}

.ui-h2-slider{
	font-size: 32px;
	text-transform: uppercase;
	line-height: 38px;
	font-weight: 400;
	margin-bottom: 20px;
text-shadow: 2px 3px 11px rgba(0,0,0,1);
}

.ui-btn-slider{
	margin-top: 20px;
	display: inline-block;
	padding: 9px 35px;
	background-color: transparent;
	color: #fff;
	border:1px solid #fff;
	text-transform: uppercase;
	text-decoration: none;

	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}

.ui-btn-slider:hover{
	background-color: #3A2C81;
	color: #fff;
	border:1px solid #3A2C81;
}

.ui-slider .item.uno{
	background-image: url(../image/22bxslider-01.jpg);
}

.ui-slider .item.dos{
	background-image: url(../image/22ct5.jpg);
}

.ui-slider .item.tres{
	background-image: url(../image/22ct2.jpeg);
}

.ui-slider .owl-nav{	
	position: absolute;
	top:38%;
	left:0;
	width: 100%;
	background-color: #fff;
}

.ui-slider .owl-nav div{
	display: inline-block;
	color: #fff;	
	font-size: 35px;
	border: 1px solid #fff;
	width: 50px;
	height: 50px;	
	padding-top: 5px;
	text-align: center;
}

.ui-slider .owl-nav .owl-prev{
	position: absolute;
	left:40px;
	padding-right: 2px;
}

.ui-slider .owl-nav .owl-next{
	position: absolute;
	right:40px; 
	padding-left: 2px;
}

/**************************
 *    animacionSlider01   *
 **************************/
.ui-slider .owl-stage .owl-item.active .item.uno .ui-box-general .ui-izquierda .box{
  	-webkit-animation: fadeInUp 1s; /* Safari 4.0 - 8.0 */
    animation: fadeInUp 1s;
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInUp.go { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/**************************
 *    animacionSlider02   *
 **************************/
.ui-slider .owl-stage .owl-item.active .item.dos .ui-box-general .ui-izquierda .box{
  	-webkit-animation: fadeIn 3s; /* Safari 4.0 - 8.0 */
    animation: fadeIn 3s;
}

/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

.ui-slider .owl-stage .owl-item.active .item.dos .ui-box-general .ui-derecha .box{
  	-webkit-animation: bounceInDown 2s; /* Safari 4.0 - 8.0 */
    animation: bounceInDown 2s;
}

/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        transform: translateY(-400px); 
    } 
    60% { 
       
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInDown.go { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}


.ui-slider .owl-stage .owl-item.active .item.uno .ui-box-general .ui-derecha .box{
  	-webkit-animation: bounceInRight 3s; /* Safari 4.0 - 8.0 */
    animation: bounceInRight 3s;
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(400px); 
    } 
    60% { 
        
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}

/**************************
 *    animacionSlider03   *
 **************************/
.ui-slider .owl-stage .owl-item.active .item.tres .ui-box-general .ui-izquierda .box{
  	-webkit-animation: fadeInLeft 1s; /* Safari 4.0 - 8.0 */
    animation: fadeInLeft 1s;
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft{ 
    opacity: 0; 
    -webkit-transform: translateX(-400px); 
    transform: translateX(-400px);
}
.fadeInLeft.go { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}

.ui-slider .owl-stage .owl-item.active .item.tres .ui-box-general .ui-derecha .box{
  	-webkit-animation: fadeIn 2s; /* Safari 4.0 - 8.0 */
    animation: fadeIn 2s;
}

/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

/*****************************
 *       bannerEmpresa       *
 *****************************/
/*.ui-box-bannerEmpresa .ui-centrado-principal{
	min-height: 280px;
	background-image: url(../image/fondo-03.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}*/

/******************************
 *        itemContacto        *
 ******************************/
.ui-box-itemContacto .ui-centrado-principal{
	padding: 40px 0px 20px;
	background-color: #fff;
}
.ui-box-itemMaps{
	min-height: 300px;	
	margin-bottom: 20px;
}

.ui-box-form-datos-itemContacto{
	background-color: rgba(0,0,0,.1);
}

.ui-box-form.itemContacto{	
	max-width: 950px;
	margin: 0 auto;
	padding: 0 10px;
}

.ui-box-form.itemContacto input,
.ui-box-form.itemContacto textarea{
	border:1px solid rgba(0,0,0, .3);
	color: rgba(58,44,129, .9)!important;
	font-weight: 300;
}

.ui-box-fila-contacto.enviar{
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
}

.ui-box-fila-contacto.enviar input{
	display: inline-block;	
	background-color: #3A2C81;
	max-width: 150px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	cursor: pointer;
	color: #fff!important;
	-webkit-transition: all .3s ;
	-moz-transition: all .3s ;
	-ms-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}

.ui-box-fila-contacto.enviar > input:hover{
	background-color: #1a1a1a;
	color: #fff;
}

.ui-box-info-maps{
	display: none;
}

.ui-box-info-maps .ui-izquierda{
	float: left;
	width: 49.99%;
	text-align: right;	
	background-color: #3A2C81;
	color: #fff;
	padding: 30px 20px 40px 10px;
}

.ui-box-info-maps .ui-derecha{
	float: right;
	width: 49.99%;
	min-height: 223px;
}

.ui-item-info-contacto{
	position: relative;
	padding-right: 35px;
	margin: 12px 0;
}

.ui-item-info-contacto i{
	position: absolute;
	top:0;
	right:0;
	font-size: 17px; 
}

/******************************
 *          laEmpresa         *
 ******************************/
.ui-box-laEmpresa .ui-centrado-principal{
	background-color: #fff;
	padding: 40px 20px;
}

.ui-box-contenido-laEmpresa{
	text-align: center;
	border: 1px solid #3A2C81;
	max-width: 800px;
	margin: auto;
	padding: 20px;
}

.ui-h2-laEmpresa{
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #3A2C81;
}

.ui-footer-laEmpresa{
	margin-top: 20px;
}

/*****************************
 * foto personal en conjunto *
 *****************************/
.ui-box-foto-personal-conjunto .ui-centrado-principal{
	padding: 0px;
	background-color: #fff;
}

.ui-personal-conjunto{
	text-align: center;		
}

.ui-personal-conjunto .ui-box{
	max-width: 800px;
	display: inline-block;
	vertical-align: top;
}

.ui-personal-conjunto .ui-box img{
	display: block;
	width: 100%;
}

/*****************************
 *      estudioContable      *
 *****************************/
.ui-box-estudio-estable .ui-centrado-principal{
	background-color: #fff; 
	padding: 40px 20px;
}

.ui-box-h2{
	border-top: 1px solid #ccc;
	padding: 15px 0;
	background-color: #fff;
	position: relative;
	margin-bottom: 10px;	
}

.ui-box-h2 h2{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	
}

.ui-box-h2:before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 80px;
	height: 2px;
	background-color: #000; 
}

/*prettyTabs*/
.tabs.ui-estudioContable{
	/*background-color: rgba(0,0,0,.1);*/
}

.tabs.ui-estudioContable .tabs__items{
	background-color: #fff;
	float: left;
	width: 24.99%;	
}

.tabs.ui-estudioContable .tabs__items .tabs__item{
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	padding: 14px 13px 14px 45px; 		
	border-bottom: 1px solid #ccc;	
	font-weight: 400;	
	font-size: 12px;
	color:#1E73BE; 
	position: relative;	
	text-transform: uppercase;

	-webkit-transition: all .3s ;
	-moz-transition: all .3s ;
	-ms-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}

.tabs.ui-estudioContable .tabs__items .tabs__item:hover{
	background-color: rgba(0,0,0,.2);	
	color: #1E73BE;
}

.tabs.ui-estudioContable .ui-icon{
	position: absolute;
	left:0;	
	top:0;
	font-size: 16px;
	border-right:1px solid rgba(255,255,255,.1);
	display: block;
	text-align: center;
	padding-right: 8px;
	padding-top: 12px;
	padding-left: 9px;
	width: 35px;
	height: 100%;
}

.tabs.ui-estudioContable .ui-direccional{
	position: absolute;
	right: 10px;
	top:11px;
	font-size: 15px;
}

.tabs.ui-estudioContable .tabs__items .tabs__item.tabs_active{	
	border-radius: 0px;
	border: 1px solid #1E73BE;
	color: #fff;
	font-weight: 300;
	background-color: #1E73BE;
} 

.tabs.ui-estudioContable .tabs__content-wrapper{
	float: right;
    width: 72.99%;
    margin-left: 2%;    
    background-color: #fff;
    border-top: none;   
}

.ui-valores-lista{	
	margin-top:10px;
	padding-left: 20px;
}

.ui-valores-lista li{
	margin-bottom: 8px;
}

.ui-h2-lista{
	font-size: 12px;
	font-weight: 400;
	color:#333;
	text-transform: uppercase;
	margin-bottom: 3px;
}

/*toggleAccordion*/

.ac-pane { 
  margin-bottom: 15px;   
}

.ac-pane:last-child { margin-bottom: 0; }

.ac-content { display: none; }

.ac-title { 
  display: block;
  padding: 12px;  
  color: #1a1a1a;  
  font-size: 12px;
  text-decoration: none;  
  font-weight: 600;
  font-size: 13px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.ac-title i {
  float: right;
  font-size: 20px;
  color: #1E73BE;
  font-weight: bold;
  padding: 3px 6px;
  border: 1px solid #1E73BE;
}

.ac-title i:before { content: "\f107"; }

.active .ac-title i:before { content: "\f106"; }

.ac-content {   
  /*margin-top: -1px;*/
  padding: 15px;
}

/*********************************
 *      ¿Porque elegirnos?       *
 *********************************/
.ui-box-porque-elegirnos .ui-centrado-principal{
	background-image:url(../image/fondo-01.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;	
	padding: 0px;
}

.ui-box-porque-elegirnos .ui-derecha{
	float: right;
	width: 49.99%;
	background-color: rgba(44, 74, 129, 0.9);
	padding: 20px;
}

.ui-header-elegirnos{
	padding: 20px 0;
	margin-bottom: 10px;
}

.ui-box-elegirnos-contenido .ui-box-item{
	padding-left: 80px;
	position: relative;
	margin-bottom: 20px;
}

.margin-cero{
	margin-bottom: 0px;
}

.ui-box-elegirnos-contenido .ui-box-item i{
	position: absolute;
	top:0;
	left:0;
	font-size: 30px;
	width: 47px;
	height: 47px;
	padding-top: 8px;
	text-align: center;
	border:1px solid #fff;
}

.ui-h2-elegirnos{
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 400;
}

.ui-h3-elegirnos{
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 5px;
}

/******************************
 *        equipoTrabajo       *
 ******************************/
.ui-box-equipoTrabajo .ui-centrado-principal{
	padding: 40px 20px;
	background-color: #fff; 
}

.ui-centrado-equipoTrabajo{
	text-align: left;
}

.ui-item-equipo{
	width: 215px;
	display: inline-block;
	margin: 20px;	 
}

.ui-item-equipo:hover > .ui-box-image{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.ui-item-equipo .ui-box-image{
	min-height: 230px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 10px;

	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);*/
}

.ui-item-equipo.uno .ui-box-image{
	/*background-image: url(../image/gladys6.png); */
	background-image: url(../image/gladys8.jpg); 
}

.ui-item-equipo.dos .ui-box-image{
	background-image: url(../image/colaborador-02.png); 
}

.ui-item-equipo.tres .ui-box-image{
	background-image: url(../image/enzo2.jpg); 
}

.ui-item-equipo.cuatro .ui-box-image{
	background-image: url(../image/colaborador-04.png); 
}

.ui-item-equipo.cinco .ui-box-image{
	background-image: url(../image/roberto2.jpg); 
}

.ui-item-equipo.seis .ui-box-image{
	background-image: url(../image/betzabe1.jpeg); 
}

.ui-item-equipo.siete .ui-box-image{
	background-image: url(../image/luciano.jpeg); 
}

.ui-item-equipo.ocho .ui-box-image{
	background-image: url(../image/colaborador-08.png); 
}

.ui-item-equipo.nueve .ui-box-image{
	background-image: url(../image/colaborador-09.png); 
}

.ui-item-equipo.diez .ui-box-image{
	background-image: url(../image/colaborador-10.png); 
}

.ui-item-equipo.once .ui-box-image{
	background-image: url(../image/colaborador-11.png); 
}

.ui-item-equipo.doce .ui-box-image{
	background-image: url(../image/colaborador-12.png); 
}

.ui-item-equipo.trece .ui-box-image{
	background-image: url(../image/colaborador-13.png); 
}

.ui-item-equipo.catorce .ui-box-image{
	background-image: url(../image/colaborador-14.png); 
}

.ui-item-equipo.quince .ui-box-image{
	background-image: url(../image/colaborador-15.png); 
}

.ui-item-equipo.diez-y-seis .ui-box-image{
	background-image: url(../image/briones3a.jpg); 
}

.ui-item-equipo.diez-y-siete .ui-box-image{
	background-image: url(../image/casanova2.jpg); 
}

.ui-item-equipo.diez-y-ocho .ui-box-image{
	background-image: url(../image/jose-alvarez.jpeg); 
}

.ui-item-equipo.diez-y-nueve .ui-box-image{
	background-image: url(../image/dulanto3.jpg); 
}

.ui-item-equipo.veinte .ui-box-image{
	background-image: url(../image/colaborador-20.png); 
}
.ui-item-equipo.veinte-y-uno .ui-box-image{
	background-image: url(../image/co1a.jpg); 
}
.ui-item-equipo.veinte-y-dos .ui-box-image{
	background-image: url(../image/co5b.jpg); 
}
.ui-item-equipo.veinte-y-tres .ui-box-image{
	background-image: url(../image/co3a.jpg); 
}
.ui-item-equipo.veinte-y-cuatro .ui-box-image{
	background-image: url(../image/diana2a.jpg); 
}
.ui-item-equipo.veinte-y-cinco .ui-box-image{
	background-image: url(../image/chambi1.jpeg); 
}
.ui-item-equipo.veinte-y-seis .ui-box-image{
	background-image: url(../image/akemy-arbieto.jpg); 
}
.ui-item-equipo.veinte-y-siete .ui-box-image{
	background-image: url(../image/helen2.jpg); 
}
.ui-item-equipo.veinte-y-ocho .ui-box-image{
	background-image: url(../image/co4b.jpg); 
}
.ui-item-equipo.veinte-y-nueve .ui-box-image{
	background-image: url(../image/colaborador-23a.jpg); 
}
.ui-item-equipo.treinta .ui-box-image{
	background-image: url(../image/colaborador-24a.jpg); 
}
.ui-item-equipo.treinta-y-uno .ui-box-image{
	background-image: url(../image/co6.jpg); 
}
.ui-item-equipo.treinta-y-dos .ui-box-image{
	background-image: url(../image/co7.jpg); 
}
.ui-item-equipo.treinta-y-tres .ui-box-image{
	background-image: url(../image/co8.jpg); 
}
.ui-item-equipo.treinta-y-cuatro .ui-box-image{
	background-image: url(../image/co9.jpg); 
}

.ui-item-equipo.treinta-y-cinco .ui-box-image{
	background-image: url(../image/co10c.jpg); 
}
.ui-item-equipo.treinta-y-seis .ui-box-image{
	background-image: url(../image/col11a.jpeg); 
}
.ui-item-equipo.treinta-y-siete .ui-box-image{
	background-image: url(../image/co12a.jpg); 
}
.ui-item-equipo.treinta-y-ocho .ui-box-image{
	background-image: url(../image/co13.jpg); 
}
.ui-item-equipo.treinta-y-nueve .ui-box-image{
	background-image: url(../image/co14.jpg); 
}
.ui-item-equipo.cuarenta .ui-box-image{
	background-image: url(../image/co13b.jpg); 
}
.ui-item-equipo.cuarenta-y-uno .ui-box-image{
	background-image: url(../image/co15a.jpg); 
}
.ui-item-equipo.cuarenta-y-dos .ui-box-image{
	background-image: url(../image/co16a.jpg); 
}
.ui-item-equipo.cuarenta-y-tres .ui-box-image{
	background-image: url(../image/co17.jpg); 
}
.ui-item-equipo.cuarenta-y-cuatro .ui-box-image{
	background-image: url(../image/co18.jpg); 
}
.ui-item-equipo.cuarenta-y-cinco .ui-box-image{
	background-image: url(../image/co19.jpg); 
}
.ui-item-equipo.cuarenta-y-seis .ui-box-image{
	background-image: url(../image/michael1.jpg); 
}
.ui-item-equipo.cuarenta-y-siete .ui-box-image{
	background-image: url(../image/diego.jpg); 
}
.ui-item-equipo.cuarenta0 .ui-box-image{
	background-image: url(../image/cincuenta-y-uno.jpg); 
}
.ui-item-equipo.cuarentaa .ui-box-image{
	background-image: url(../image/cuarenta-ocho.jpg);
	width:470px;
}
.ui-item-equipo.cuarentab .ui-box-image{
}
.ui-item-equipo.cuarenta-y-ocho .ui-box-image{
	background-image: url(../image/cuarenta-nueve.jpg);
	width:470px; 
}
.ui-item-equipo.cuarenta-y-ochob .ui-box-image{
}

.ui-item-equipo.cuarenta-y-nueve .ui-box-image{
	background-image: url(../image/cuarenta-nueve.jpg);
	width:470px;
}
.ui-item-equipo.cincuenta .ui-box-image{
	background-image: url(../image/cincuenta.jpg);
}
.ui-item-equipo.cincuenta-y-uno .ui-box-image{
	background-image: url(../image/cincuenta-uno.jpg); 
}



.ui-item-equipo .ui-box-image .ui-hover{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background-color: rgba(255, 255, 255,.5); 
	display: none; 
}

/*.ui-item-equipo:hover > .ui-box-image .ui-hover{
	display: block;
}*/

.ui-item-equipo:hover > .ui-box-image .ui-hover .ui-ver-perfil-equipo{
	color: #fff;		
}

.ui-item-equipo:hover > .ui-contacto-equipo{
	color: #3A2C81;	
}

.ui-social-equipo{
	list-style: none;
	padding-top: 5px;
	padding-left: 5px;
}

.ui-social-equipo li {
	margin: 2px 0px; 
}

.ui-social-equipo li a{
	color: #fff;
	background-color: #1a1a1a;
	width: 25px;
	height: 25px; 
	display: block;
	text-align: center;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ui-social-equipo li a:hover{
	background-color: #3A2C81;
}

.ui-ver-perfil-equipo{
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-weight: 300;
	padding: 3px 5px;
	text-decoration: none;
	color:#fff; 
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	background-color: #1a1a1a;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ui-ver-perfil-equipo:hover{
	background-color: #3A2C81;
}

.ui-contacto-equipo{
	text-align: left;
}

.ui-contacto-equipo h2{
	font-weight: 400;
	font-size: 15px;
}

.ui-contacto-equipo span{
	font-size: 12px;
	font-weight: 400;
	color: rgba(0,0,0,.7);
}

/***************************
 *        servicios        *
 ***************************/
.ui-box-servicios .ui-centrado-principal{
	background-color: #fff;
	padding: 40px 20px; 
}

.owl-carousel.ui-servicios{
	text-align: center;
	padding: 10px;
	background-color: #eaeaea;
	position: relative;
}

.owl-carousel.ui-servicios .item{
	background-color: #fff;
	padding: 25px 10px;
}

.owl-carousel.ui-servicios .item p{
	min-height: 42px;
	display: none;
}

.owl-carousel.ui-servicios .item:hover > .ui-box-icon-servicio{
	color: #3A2C81;
}

.owl-carousel.ui-servicios .item:hover > .ui-h3-servicio{
	color: #3A2C81;
}

.ui-box-icon-servicio{
	display: inline-block;
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	font-size: 43px;
	padding-top: 18px;
	color: #3A2C81;
}

.ui-h3-servicio{
	font-weight: 500;
	margin-bottom: 5px;
	font-size: 13px;
    height: 44px;    
}

.ui-btn-servicio{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #1E73BE;
	padding: 8px 20px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 10px;

	-webkit-transition: all .3s ;
	-moz-transition: all .3s ;
	-ms-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}

.owl-carousel.ui-servicios .owl-nav{
	background-color: rgba(0,0,0,.1);
	text-align: right;
	position: absolute;
	right:0;
	top:-62px;
	background-color: #fff;
	padding-left: 5px;
}

.owl-carousel.ui-servicios .owl-nav div{
	display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 19px;
    padding-top: 3px;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.owl-carousel.ui-servicios .owl-nav div:hover{
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
}

.ui-bannerServicios .ui-centrado-principal{
	min-height: 280px;
	background-image: url(../image/fondo-05.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; 
	position: relative;
	display: none;
}

.ui-box-texto{
	position: absolute;
	top:28%;
	left: 60px;	
	max-width: 400px;
	/*background-color: rgba(0,0,0,.2);*/
	padding: 15px;		
	
}

.ui-box-texto h2{
	margin-bottom: 15px;
	font-weight: 300;
	font-size: 25px;
	/*text-transform: uppercase;*/
	color: #fff;
}

.ui-box-texto p{
	font-size: 16px;
	color: rgba(255,255,255,.8);
}

.ui-box-btnServicios{
	background-color: #fff;
	text-align: center;
	padding-top: 20px;
}

.ui-box-btnServicios a{
	display: inline-block;
	color: #1a1a1a;
	text-decoration: none;
	padding: 8px 12px;
	border:1px solid #1a1a1a;
	text-transform: uppercase;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ui-box-btnServicios a:hover{
	background-color: #1a1a1a;
	color:#fff;	
}


/*******************************
 *         itemServicio        *
 *******************************/
.ui-box-itemServicio .ui-centrado-principal{
	background-color: #fff;
	padding: 40px 20px; 
}

.ui-box-itemServicio .ui-izquierda{
	width: 24.99%;
	float: left;	
}

.ui-box-itemServicio .ui-derecha{
	float: right;
    width: 72.99%;
    margin-left: 2%;
    background-color: #fff;

}

.ui-box-lista-servicios{
	list-style: none;
}

.ui-servicio-sub-lista{
	margin-top: 15px;
	padding-left: 30px;
}

.ui-servicio-sub-lista li{
	margin-bottom: 10px;
}

.ui-sunat-texto-alineado{
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 11px;
	margin-top: 20px;
}

.ui-box-lista-servicios a{
	display: block;
	padding:12px 13px 12px 45px;
	border-bottom: 1px solid #ccc;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    color: #3A2C81;
    position: relative;
    text-transform: uppercase;
    position: relative;
}

.ui-box-lista-servicios a:hover{
	color: #fff;
	background-color: #ccc; 
	border-bottom: 1px solid #ccc;
}

.ui-box-lista-servicios a .icon{
	position: absolute;		
	left:0;
	top:0; 
	width: 35px;
	height: 100%;				
	text-align: center;		
	border-right: 1px solid rgba(255,255,255,.5);
}

.ui-box-lista-servicios a .icon i{
	position: relative;
	top:23%;
	font-size: 15px;
}

.ui-box-lista-servicios a .ui-direccional{
	position: absolute;
	right:8px;
	top:25%;
	font-size: 18px;	 
}

.ui-box-lista-servicios a.ui-servicio-active{
	background-color: #3A2C81;
	color: #fff;
}

.ui-box-carousel-itemServicio{
	min-height: 350px;
	background-color: rgba(0,0,0,.1);
	margin-bottom: 20px;
}

.ui-h2-itemServicio{
	margin-bottom: 10px;
	font-weight: 400;
}

.ui-box-carousel-itemServicio{
	position: relative;
}

.ui-box-carousel-itemServicio .item{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	min-height: 350px;
}

.ui-box-carousel-itemServicio .item.uno{
	background-image: url(../image/servicio-01-slide-03.jpg);
}

.ui-box-carousel-itemServicio .item.dos{
	background-image: url(../image/servicio-01-slide-02.jpg);
}

.ui-box-carousel-itemServicio .item.tres{
	background-image: url(../image/servicio-01-slide-01.jpg);
}

.ui-box-carousel-itemServicio .owl-nav{
	position: absolute;
	bottom:0;
	right:0;  
}

/*servicio02*/
.ui-box-carousel-itemServicio.dos .item.uno{
	background-image: url(../image/servicio-02-slide-01.jpg);
}

.ui-box-carousel-itemServicio.dos .item.dos{
	background-image: url(../image/servicio-02-slide-02.jpg);
}

.ui-box-carousel-itemServicio.dos .item.tres{
	background-image: url(../image/servicio-02-slide-03.jpg);
}

/*servicio03*/
.ui-box-carousel-itemServicio.tres .item.uno{
	background-image: url(../image/servicio-03-slide-01.jpg);
}

.ui-box-carousel-itemServicio.tres .item.dos{
	background-image: url(../image/servicio-03-slide-02.jpg);
}

.ui-box-carousel-itemServicio.tres .item.tres{
	background-image: url(../image/servicio-03-slide-03.jpg);
}

/*servicio04*/
.ui-box-carousel-itemServicio.cuatro .item.uno{
	background-image: url(../image/servicio-04-slide-01.jpg);
}

.ui-box-carousel-itemServicio.cuatro .item.dos{
	background-image: url(../image/servicio-04-slide-02.jpg);
}

/*servicio05*/
.ui-box-carousel-itemServicio.cinco .item.uno{
	background-image: url(../image/servicio-05-slide-01.jpg);
}

/*servicio06*/
.ui-box-carousel-itemServicio.seis .item.uno{
	background-image: url(../image/servicio-06-slide-01.jpg);
}

/*servicio07*/
.ui-box-carousel-itemServicio.siete .item.uno{
	background-image: url(../image/servicio-07-slide-01.jpg);
}

/*servicio08*/
.ui-box-carousel-itemServicio.ocho .item.uno{
	background-image: url(../image/servicio-08-slide-01.jpg);
}

/*servicio09*/
.ui-box-carousel-itemServicio.nueve .item.uno{
	background-image: url(../image/servicio-09-slide-01.jpg);
}

.ui-box-carousel-itemServicio .owl-nav div{
	display: inline-block;
	padding: 5px;
	width: 35px;
	height: 35px;
	border:1px solid #1a1a1a;
	background-color: #1a1a1a;
	color: #fff;
	font-size: 18px;
	text-align: center; 
}

.ui-box-carousel-itemServicio .owl-nav div:hover{
	background-color: #3A2C81;
	border:1px solid #3A2C81; 
}

/*****************************
 *     propuestaServicio     *
 *****************************/
.ui-box-imagen-propuestaServicio{	
	background-image: url(../image/servicio-02-slide-03.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	min-height: 350px;	
}

.ui-box-info-propuesta{
	background-color: #fff;
	position: relative;
	padding: 20px 10px 20px 70px;
	margin-bottom: 20px;	
}

.ui-box-numero-propuesta{
	position: absolute;
	top:9px;
	left:10px;
	width: 40px;
	height: 40px;
	font-weight: 400;
	font-size: 19px;
	padding-top: 8px;
	text-align: center;
	border:1px solid rgba(0,0,0,.7);
	color: rgba(0,0,0,.7); 
}

.ui-h2-propuesta{	
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 16px;
}

/*****************************
 *          clientes         *
 *****************************/
.ui-box-clientes .ui-centrado-principal{
	padding: 40px 20px; 
	background-color: #fff;
}

.ui-box-clientes .ui-centrado-principal .ui-box{
	background-color: #eaeaea;
	padding: 5px;
}

.ui-box-item-cliente{
	float: left;
	width:16.66%;	
	padding: 5px;		
}

.ui-box-item-cliente a{
	display: block;
	text-decoration: none;
	color: #fff;
	background-color: #fff;
	padding: 5px;	
	text-align: center;	

	-webkit-transition: all .3s ;
	-moz-transition: all .3s ;
	-ms-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;		
}

.ui-box-item-cliente a img{
	display: block;
	margin: auto;		
}


/****************************
 *          empresas        *
 ****************************/
.ui-box-empresas .ui-centrado-principal{
	background-color: #fff;
	padding: 0px 20px 20px 20px;		
}

.ui-box-empresas .ui-centrado-principal .ui-box-h2{
	display: none;
}

.owl-carousel.ui-empresas .item{
	background-color: #fff;
}

.ui-logotipo-empresa{	
	display: block;
	background-color: #fff;
	text-decoration: none;
	color: #fff;
	padding: 15px;
	border: 1px solid rgba(0,0,0,0);
	box-sizing:border-box;	

	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

.ui-logotipo-empresa:hover{
	border: 1px solid rgba(0,0,0,.2);	
}

.ui-logotipo-empresa img {
	display: block;	
	width: 100%;
}

.owl-carousel.owl-theme.ui-empresas{
	position: relative;
}

.owl-carousel.owl-theme.ui-empresas .owl-nav{
	background-color: #fff;
	padding-left: 5px;
	text-align: right;
	position: absolute;
	top:-62px;
	right:0; 	
	z-index: 1;
}

.owl-carousel.owl-theme.ui-empresas .owl-nav div{
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 19px;
	padding-top: 3px;

	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;	
}

.owl-carousel.owl-theme.ui-empresas .owl-nav div:hover{
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
}

.owl-carousel.owl-theme.ui-empresas .owl-dots{
	text-align: center;
	padding-top: 10px;
}

.owl-carousel.owl-theme.ui-empresas .owl-dots div{
	display: inline-block;
	width: 14px;
	height: 5px;
	/*border-radius: 50%;*/
	background-color: #ccc;  
	margin: 0 5px; 
}

.owl-carousel.owl-theme.ui-empresas .owl-dots div.active{
	background-color: #1E73BE;
	width: 14px;
	height: 6px;
}

/********************************
 *          contactoInfo        *
 ********************************/
.ui-box-contactoInfo{
	display: none;
}
.ui-box-contactoInfo .ui-centrado-principal{
	background-color: #fff;
	padding: 0px;
	color: #fff;
}

.ui-box-contactoInfo .ui-centrado-principal > .ui-izquierda{
	float: left;
	width: 49.99%;
	background-image: url(../image/maps.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 525px;
}

.ui-box-contactoInfo .ui-centrado-principal > .ui-derecha{
	float: right;
	width: 49.99%;
	background-image: url(../image/fondo-02.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	
}

.ui-box-contactoInfo .ui-derecha .box{
	padding: 20px;
	background-color: rgba(58, 44, 129,.9);
}

.ui-h2-contacto{
	font-weight: 300;
	margin: 10px 0;
	font-size: 25px;
	line-height: 30px;
}

.ui-box-form{	
	margin-top: 30px;
}

.ui-box-fila-contacto{
	margin-bottom: 15px;
}

.ui-box-fila-contacto .ui-izquierda{
	width: 48.99%;
	float: left;
	margin-right: 1%;
	position: relative;
}

.ui-box-fila-contacto .ui-derecha{
	width: 48.99%;
	float: right;
	margin-left: 1%;
	position: relative;
}

.ui-box-fila-contacto i{
	position: absolute;
	top:0;
	left:0; 
}

input{
	width: 100%;
	min-height: 35px;
	font-size: 12px;
	padding: 3px 5px;
	background-color: transparent;
	border:1px solid #fff;
	font-family: 'Oswald', sans-serif;
	box-shadow: none;
	color: #fff;
}

textarea{
	width: 100%;
	background-color: transparent;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	padding: 3px 5px;
	font-size: 13px;
	border:1px solid #fff;
	box-shadow: none;
}

.ui-box-fila-contacto.enviar-informacion{
	display: block;
	max-width: 150px;
	margin: auto;
	
}

.ui-box-fila-contacto.enviar-informacion input{
	text-transform: uppercase;
	font-weight: 300;
	color: rgba(255,255,255,.8);
	cursor: pointer;
}

.ui-box-fila-contacto.enviar-informacion input:hover{
	background-color: #1a1a1a;
	color: #fff;
	border: 1px solid #1a1a1a;
}

.ui-box-banner-itemContacto .ui-centrado-principal{
	min-height: 280px;
	background-image: url(../image/fondo-04.jpg); 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: none;
}

/********************************
 *      tiposContribuyentes     *
 ********************************/
.ui-box-tiposContribuyentes .ui-centrado-principal{
	background-color: #fff; 
	padding: 40px 20px;
}

.owl-carousel.ui-tiposContribuyentes{
	background-color: #eaeaea;
	padding: 10px;
	position: relative;
}

.owl-carousel.ui-tiposContribuyentes .owl-item{
	text-align: center;
}

.owl-carousel.ui-tiposContribuyentes .owl-item span{
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	margin-top: 5px;
	font-weight: 600;	
	text-align: center;	
}

.owl-carousel.ui-tiposContribuyentes .item a{
	display: block;
	color:rgba(0,0,0,.4);
	background-color: #fff;	
	text-align: center;
	text-decoration: none;	
	font-size: 22px;
	min-height: 90px;
	padding-top: 10px;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.owl-carousel.ui-tiposContribuyentes .item a:hover{
	color:rgba(0,0,0,.7);
}

.owl-carousel.ui-tiposContribuyentes .owl-nav{
	text-align: right;
	position: absolute;
	top:-62px;
	right:0;
	background-color: #fff;
	padding-left: 5px;
}

.owl-carousel.ui-tiposContribuyentes .owl-nav div{
	width: 35px;
	height: 35px;
	text-align: center;
	border:1px solid #ccc;
	font-size: 19px;
	padding-top: 3px;
	display: inline-block;	

	-webkit-transition: all .3s ;
	-moz-transition: all .3s ;
	-ms-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}

.owl-carousel.ui-tiposContribuyentes .owl-nav div:hover{
	color: #fff;
	background-color: #1a1a1a;
	border:1px solid #1a1a1a;
}

/**************************
 *         consulta       *
 **************************/

/* Sección y contenedor centrado */
.ui-box-consulta{
  padding: clamp(16px, 4vw, 48px) 16px;
}
.ui-centrado-principal.ui-consulta{
  max-width: 1200px;
  margin: 0 auto;         /* centra el bloque */
  text-align: center;
}
.ui-box-consulta .ui-centrado-principal{
	background-color: #1E73BE;
	padding: 20px;
	text-align: center;
	color: #fff;
}

/* Texto superior legible */
.ui-texto-consulta{
  font-size: clamp(1rem, 2.2vw, 1.25rem);
  line-height: 1.6;
  margin: 0 0 1rem;
  color: #111827;         /* gris muy oscuro para lectura */
}

/* Contenedor del iframe centrado y responsivo */
.ui-iframe-wrap{
  width: min(100%, 1000px);               /* limita ancho para lectura */
  height: clamp(480px, 70vh, 800px);      /* alto adaptable y cómodo */
  margin: 0 auto;                         /* centra horizontal */
  display: flex;
}

/* Iframe limpio y legible */
.ui-iframe{
  width: 100%;
  height: 100%;
  border: 2px solid #e5e7eb;             /* borde suave */
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 24px rgba(17, 24, 39, 0.08);
}

/* Nota/fallback discreto */
.ui-iframe-fallback{
  margin-top: .75rem;
  font-size: .95rem;
  color: #374151;
}

/* Ajustes móviles */
@media (max-width: 640px){
  .ui-iframe-wrap{ height: 70vh; }
}

.ui-btn-consulta{
	display: inline-block;
	padding: 8px 12px;
	border:1px solid #fff;
	color: #fff;  
	text-decoration: none; 
	text-transform: uppercase;
	margin: 0 20px; 

	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}

.ui-btn-consulta:hover{
	background-color: #1A1A1A;
	color: #fff;
	border:1px solid #1a1a1a;
}

/*******************************
 *        itemServicios        *
 *******************************/
.ui-box-items-servicios{	
	background-color: #eaeaea;
}

.ui-box-item-menu-servicio{
	float: left;
	text-align: center;
	width: 22.99%;
	margin: 1%;
	padding: 25px 10px;
	background-color: #fff;
}

.ui-box-item-menu-servicio p{
	min-height: 42px;
	display: none;
}

.ui-box-item-menu-servicio:hover > .ui-box-icon-servicio{
	color: #3A2C81;
}

.ui-box-item-menu-servicio:hover > .ui-h3-servicio{
	color: #3A2C81;
}

/***************************
 *          footer         *
 ***************************/
.ui-box-footer .ui-centrado-principal{
 	background-color: #0147ab;
 	color: #fff;
 	padding: 20px;
}

.ui-box-item-footer {
	width: 24.99%;
	float: left;
	padding: 10px;
	margin: 10px 0;
}

.ui-h2-footer{
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 10px;	
}

.ui-parpadeo{
	text-transform: uppercase;
	font-weight: 700!important;
	font-size: 12px!important;
	margin-left: 4px;
	color: #3A2C81;
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	vertical-align: top;
	 -webkit-animation: parpadeo 2s infinite linear; /* Safari 4.0 - 8.0 */
    animation: parpadeo 2s infinite linear;
}

@-webkit-keyframes parpadeo {
    0%   {opacity:0;}   
    100% {opacity:1;}
}

@keyframes parpadeo {
    0%   {opacity:0;}   
    100% {opacity:1;}
}

.ui-parpadeo-02{
	/*text-transform: uppercase;*/
	font-weight: 500!important;
	font-size: 12px!important;
	/*margin-left: 4px;*/
	color: #fff;
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	vertical-align: top;
	 -webkit-animation: parpadeo 2s infinite linear; /* Safari 4.0 - 8.0 */
    animation: parpadeo 2s infinite linear;
}

@-webkit-keyframes parpadeo {
    0%   {opacity:0;}   
    100% {opacity:1;}
}

@keyframes parpadeo {
    0%   {opacity:0;}   
    100% {opacity:1;}
}

.ui-social-footer{
	margin-top: 20px;	 
}

.ui-social-footer li{
	display: inline-block;
	margin-right: 5px;
}

.ui-social-footer li a{
	display: block;
	background-color: rgba(255,255,255,.1);
	width: 25px;
	height: 25px; 
	text-align: center;
	padding-top: 2px;
	color: #fff;
	text-decoration: none;

	-webkit-transition: all .3s ;
	-moz-transition: all .3s ;
	-ms-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}

.ui-social-footer li a:hover{
	background-color: #3A2C81; 
}

.ui-list-footer{
	list-style: none;
}

.ui-list-footer li{	
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.ui-list-footer a{
	color: #fff;
	display: block;
	padding: 5px 0;
	text-decoration: none;

	-webkit-transition: all .3s ;
	-moz-transition: all .3s ;
	-ms-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}

.ui-list-footer a:hover{
	text-decoration: underline;
}

.ui-list-footer a i{
	margin-right: 3px;
}

.ui-box-datos{	
	margin-bottom: 10px;
}

.ui-h3-footer{
	font-weight: 300;
	font-size: 14px;
	color: rgba(255,255,255,.4);
}

.ui-h3-footer i{
	margin-right: 5px;
}

.ui-h2-contador{
	font-weight: 400;
	font-size: 16px;
}

/**************************
 *         creditos       *
 **************************/
.ui-box-creditos .ui-centrado-principal{
	border-top: 1px solid rgba(255,255,255,.1);
	color: rgb(255, 255, 255);
	background-color: #0147ab; 
	font-size: 13px;
	padding: 10px 20px;
	text-align: center;
}

.ui-box-creditos p{	
	display: inline-block;
	padding: 1px 4px;
}

.ui-enlace-creditos{
	color: rgb(255, 255, 255);	
	text-decoration: none;
	margin-right: 5px;
	text-transform: none;
}

.ui-enlace-creditos:hover{
	text-decoration: underline;
}

.ui-telefono-creditos{
	margin-left: 5px;
}

/* ===== Contacto v2 (grid + altura igualada) ===== */
.ui-contacto-grid{
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:24px;
  align-items:stretch;               /* <- clave para igualar alturas */
}

/* Mapa */
.ui-map-card{
  background:#fff; border-radius:16px;
  box-shadow:0 8px 28px rgba(17,24,39,.08);
  overflow:hidden;
  height:100%; display:flex;         /* <- que el iframe pueda crecer */
}
.ui-map-embed{
  flex:1 1 auto;
  width:100%; height:100%;
  min-height:560px;                  /* altura “grande” en desktop */
  border:0;
}

/* Columna derecha */
.ui-right-col{ display:flex; flex-direction:column; gap:24px; }

/* Tarjetas info (2 columnas) */
.ui-info-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ui-info-card{
  background:#fff; border-radius:14px;
  box-shadow:0 10px 30px rgba(17,24,39,.06);
  padding:18px; display:flex; gap:14px; align-items:flex-start;
}
.ui-info-card h4{ margin:0 0 4px; font-size:16px; font-weight:700; color:#0f172a; }
.ui-info-card p{ margin:0; color:#334155; font-size:14.5px; }
.ui-info-icon{
  width:44px; height:44px; border-radius:12px;
  background:#e6f7ee; color:#16a34a; display:grid; place-items:center; font-size:20px;
}

/* Card con formulario */
.ui-touch-card{
  background:#fff; border-radius:14px;
  box-shadow:0 10px 30px rgba(17,24,39,.06);
  padding:22px;
}
.ui-touch-title{ display:flex; align-items:center; gap:12px; margin:0 0 8px; font-size:22px; color:#0f172a; }
.ui-touch-title span{ width:6px; height:24px; border-radius:999px; background:#16a34a; display:inline-block; }
.ui-touch-lead{ margin:0 0 16px; color:#475569; }

.ui-touch-form .ui-form-row{ margin-bottom:14px; }
.ui-touch-form .ui-two{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ui-touch-form input[type="text"],
.ui-touch-form input[type="email"],
.ui-touch-form textarea{
  width:100%; padding:12px 14px; font-size:16px; line-height:1.5;
  border:1px solid #e5e7eb; border-radius:10px; background:#fff; outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ui-touch-form input:focus, .ui-touch-form textarea:focus{
  border-color:#16a34a; box-shadow:0 0 0 3px rgba(22,163,74,.12);
}

.ui-form-actions{
  display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:8px;
}
.ui-btn-green{
  background:#16a34a; color:#fff; padding:12px 26px; border:0; border-radius:999px;
  font-weight:700; cursor:pointer; transition:background .15s ease, transform .05s ease, box-shadow .15s ease;
}
.ui-btn-green:hover{ background:#128a3f; }
.ui-btn-green:active{ transform:translateY(1px); }

/* Redes compactas */
.ui-social-min{ list-style:none; display:flex; gap:14px; margin:0; padding:0; }
.ui-social-min a{
  display:grid; place-items:center; width:36px; height:36px;
  border-radius:50%; border:1px solid #e5e7eb; color:#0f172a;
  transition:border-color .15s ease, color .15s ease, background-color .15s ease;
}
.ui-social-min a:hover{ border-color:#16a34a; color:#16a34a; background:#f0fdf4; }

/* Flyer centrado y responsivo */
.ui-box-foto-personal-conjunto{ margin-top:24px; }
.ui-personal-conjunto .ui-box img{
  max-width:100%; height:auto; display:block; margin:0 auto;
  border-radius:12px; box-shadow:0 8px 24px rgba(17,24,39,.08);
}

/* Responsive */
@media (max-width:1024px){
  .ui-contacto-grid{ grid-template-columns:1fr; }
  .ui-map-card{ height:auto; }
  .ui-map-embed{ height:420px; min-height:unset; }
}
@media (max-width:640px){
  .ui-touch-form .ui-two{ grid-template-columns:1fr; }
  .ui-map-embed{ height:340px; }
}

/* Parpadeo */
.ui-parpadeo1 {
	text-transform: uppercase;			
	font-weight: 700!important;
	font-size: 14px!important;
	margin-left: 4px;
	color:#FFFF00;
	background-color:#FFFF00;
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	vertical-align: top;
	-webkit-animation: parpadeo 2s infinite linear;
	animation: parpadeo 2s infinite linear;
}

/*-- ========== WhatsApp Floating Multi-Contact ========== */

:root{
	--wa-green:#25D366;
	--wa-dark:#075E54;
    --wa-text:#111;
    --wa-bg:#fff;
    --wa-shadow: 0 10px 30px rgba(0,0,0,.15);
    --wa-bottom-desktop:100px; /* preferencia del usuario (escritorio) */
    --wa-bottom-mobile:80px;   /* preferencia del usuario (móvil) */
    --wa-heartbeat-speed: 1.35s; /* velocidad del latido */
}
@media (prefers-color-scheme: dark){
    :root{
      --wa-text:#f3f3f3;
      --wa-bg:#0f172a;
      --wa-shadow: 0 10px 30px rgba(0,0,0,.4);
    }
}

.wa-widget{
	position: fixed;
    right: 24px;
    bottom: var(--wa-bottom-desktop);
    z-index: 9999;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
}
@media (max-width: 768px){
	.wa-widget{ bottom: var(--wa-bottom-mobile); right: 16px; }
}

.wa-fab{
    width: 64px; height: 64px; border-radius: 999px; border:0; cursor:pointer;
    display:grid; place-items:center;
    background: var(--wa-green);
    box-shadow: var(--wa-shadow);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    position: relative; overflow: visible; /* necesario para el halo del latido */
}
.wa-fab:hover{ transform: translateY(-2px); filter: brightness(1.05); }
.wa-fab:active{ transform: translateY(0); }
.wa-fab svg{ width: 34px; height: 34px; fill:#fff; }

/* ===== Efecto latido ===== */
.wa-fab.latido svg{
    transform-origin: 50% 50%;
    animation: heartbeat var(--wa-heartbeat-speed) ease-in-out infinite;
}
.wa-fab.latido::after{
    content:"";
    position:absolute; inset:-8px;
    border-radius:999px;
    border: 2px solid var(--wa-green);
    opacity:.35;
    animation: ring var(--wa-heartbeat-speed) ease-out infinite;
    pointer-events:none;
}
@keyframes heartbeat{
    0%   { transform: scale(1);   }
    14%  { transform: scale(1.10);}
    28%  { transform: scale(1);   }
    42%  { transform: scale(1.10);}
    70%  { transform: scale(1);   }
    100% { transform: scale(1);   }
}
@keyframes ring{
    0%   { transform: scale(1);    opacity:.35; }
    70%  { transform: scale(1.35); opacity:0;   }
    100% { transform: scale(1.35); opacity:0;   }
}
@media (prefers-reduced-motion: reduce){
    .wa-fab.latido svg, .wa-fab.latido::after{ animation: none !important; }
}
/* ===== /Efecto latido ===== */

.wa-panel{
    position: absolute;
    right: 0; bottom: 74px;
    width: min(320px, 90vw);
    background: var(--wa-bg);
    color: var(--wa-text);
    border-radius: 16px;
    box-shadow: var(--wa-shadow);
    padding: 10px 8px;
    transform-origin: 90% 100%;
    transform: scale(.96) translateY(8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}
.wa-panel.open{
    opacity: 1; transform: scale(1) translateY(0);
    pointer-events: auto;
}

.wa-title{
    font-size: 14px; font-weight:600; opacity:.85; padding: 4px 12px 8px 12px;
}

.wa-list{ list-style:none; margin:0; padding:4px; max-height: 60vh; overflow:auto; }
.wa-item{
    display:flex; align-items:center; gap:10px;
    padding:10px; border-radius: 12px; text-decoration:none; color:inherit;
    transition: background .15s ease, transform .08s ease;
}
.wa-item:hover{ background: rgba(0,0,0,.05); }
@media (prefers-color-scheme: dark){
	.wa-item:hover{ background: rgba(255,255,255,.07); }
}
.wa-avatar{
    flex:0 0 40px; width:40px; height:40px; border-radius:999px;
    display:grid; place-items:center; color:#fff; font-weight:700; font-size:14px;
    background: linear-gradient(135deg, var(--wa-dark), var(--wa-green));
}
.wa-body{ min-width:0; }
.wa-name{ font-weight:600; font-size:14px; line-height:1.2; }
.wa-sub{ font-size:12px; opacity:.75; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Flecha / ancla hacia el botón */
.wa-panel::after{
    content:""; position:absolute; right: 24px; bottom:-8px;
    width:16px; height:16px; background: var(--wa-bg);
    transform: rotate(45deg);
    box-shadow: var(--wa-shadow);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}

/* Accesibilidad foco */
  .wa-fab:focus-visible, .wa-item:focus-visible{
    outline: 3px solid #60a5fa; outline-offset: 2px;
}