#back-header-top{background-image: url(https://hhintegra.com/wp-content/uploads/2025/06/Back_1.png?id=6783) !important;
background-repeat: no-repeat;
    background-size: cover;}
#space-header-hh{height:80px;}
#title-header p{text-align: center;
 color: #ffffff;font-size: 55px;}
#t-text-header p{font-size: 50px;
 text-align: center;color: #ffffff;
line-height: 53px;width: 65%;margin: auto;}
#texto-header-hh p{margin-top: 20px;
color: #ffffff;font-size: 20px;
line-height: 25px;text-align: center;}
.btn-contacto{border-radius: 25px;}
.btn-sm>span {
    padding: 7px 15px 10px 15px;
}
.btn {height: 40px;border: 1px solid #8677F1;}
.btn-solid { background: #8677F1;color: #fff;}
.title-foto{color: #4E4E4E;}
.title-foto-o{color: #6141D9;    margin-top: -15px;display: block;}
#text-tx-foto p{font-size: 19px;
line-height: 24px;width: 80%;margin-bottom: 50px;}
#back-btn-foto{background-size: cover;height: 130px;
background-repeat: no-repeat;}
.space-btn-contacto{margin-top: 25px;text-align: center;}
#back-box-b{background-size: cover;background-repeat: no-repeat;}
#space-twice {height:230px;}
#text-tex-twice p{text-align: justify;color: #ffffff;
font-size: 18px;line-height: 22px;}
.iconbox p { margin-bottom: 0;
color: #ffffff;line-height: 22px;
font-size: 16px;margin-top: 10px;}
#texto-numbers p{font-size: 35px;
color: #6141D9;font-weight: 600;line-height: 38px;}
#txt-t-numbers p{text-align: justify;width: 90%;line-height: 24px; margin-top: 15px;
font-size: 18px;color: #4E4E4E;}
#resultado-txt p{text-align: center;margin-top: 59px;
font-size: 50px;margin-bottom: -22px!important;color: #6141D9;}
#border-box-b{border-right: 2px solid grey;}
#title-icons-box{margin-bottom: 50px;text-align: center;margin-top: 50px;font-size: 50px;color: #ffffff;}
.color-morado{color: #8677F1;
    font-weight: 600;}
#box-box-icons{border-radius: 25px;background: linear-gradient(to right, #917CDC, transparent);
width: 32%;margin-right: 15px;}
#box-box-icons img{ width: 30%;}
#text-icon-t p{ color: #ffffff;
font-weight: 600;font-size: 22px;
line-height: 25px;height: 60px;}
#sub-text-icon p{ font-size: 16px;
width: 85%;line-height: 20px;
padding-bottom: 25px;color: #ffffff;}
#space-box-icons{height:100px;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}
#back-box-icons{background-size: cover; background-position: bottom;background-repeat: no-repeat;}
#title-slider{ text-align: center;
padding-top: 60px;font-size: 50px;
width: 50%; line-height: 53px;
margin: auto;font-weight: 600;}
.title-slider{color: #6141D9;}
#face img{width:40%;border-radius: 100px;
border: 20px solid #6141D9;}
#text-t-slider p{text-align: justify;font-size: 18px;line-height: 22px;margin-top: 15px;height: 125px;}
#sub-text-slider p{color: #6141D9;font-size: 14px;
line-height: 16px;margin-top: 20px;}
#box-back-slider-b{border: 2px solid #6141D9;border-radius: 25px;
padding: 10px;     width: 32%;
    margin-right: 15px;}
#text-face-b p{text-align: center;
width: 74%; margin: auto;
padding-top: 60px;font-size: 18px;
    line-height: 22px;}
#sub-form p{font-size: 18px;
    line-height: 25px;}
#title-form p{font-size: 45px;
 font-weight: 600;line-height: 50px;}
.wpcf7-submit:hover{color: #ffffff;}
#title-foo p{color: #ffffff;
font-size: 50px;line-height: 52px;
width: 56%;margin: auto;
margin-top: 80px; margin-bottom: 40px !important;}
#subtitle-foo p{color: #ffffff;
font-size: 20px;line-height: 25px;
text-align: center; width: 66%;
    margin: auto;}
#back-box-foo{background-size: cover;background-repeat: no-repeat;}
.btn-contacto-foo  {
background: #4E2EC6!important;color: #fff;   border-radius: 25px!important;border: none;}
#informacion-foo{display:none;}
.main-footer {background-color: #4E2EC6!important;color: #ffffff!important;padding-top: 40px!important;}
.main-footer a:not(.btn) {
    color: #ffffff!important;}
#text-t-slider p {
text-align: justify;font-size: 16px;line-height: 22px;
margin-top: 15px;height: 125px;}

#video-hh{width: 50%;
    height: auto;
    margin: auto;
    display: block;}

#aviso-header{font-size: 40px;}
#text-t-aviso{text-align: left;
color: #ffffff;margin-bottom: 100px;}



/*mobile*/

@media only screen and (min-device-width :350px) and (max-device-width :424px){
#t-text-header p {font-size: 40px;line-height: 43px;width: 90%;}
#texto-header-hh p {font-size: 16px;line-height: 21px;text-align: justify;}	
.title-foto {color: #4E4E4E;
font-size: 35px;}	
.title-foto-o {font-size: 30px;}	
#text-tx-foto p {
width: 98%;text-align: justify;}	
#back-btn-foto {background-size: contain;height:80px;}
.btn-txt .btn-icon, .btn-txt {
    font-size: 15px;}	
#space-twice {height: 20px;}	
#border-box-b {
border-right: 2px solid #ffffff;}	
#resultado-txt p {margin-top: 0px;
font-size: 40px;margin-bottom: -15px !important;}	
#title-icons-box {line-height: 50px;}	
#box-box-icons { width: 95%;
margin-right: 0px;margin: auto;margin-bottom: 15px;}
#text-icon-t p {font-size: 22px;
line-height: 24px;}	
#title-slider {
font-size: 35px;width: 97%;
line-height: 36px;}	
#box-back-slider-b {width: 90%;
margin-bottom: 15px;margin-left: auto;margin-right: auto;}	
#face img {width: 40%;}	
#text-face-b p {text-align: justify; width: 95%; margin: auto;
  padding-top: 30px;}	
.vc_custom_1750127028233 {
    background-size: contain;}	
#text-t-slider p {height: auto;}	
.vc_custom_1750127197747 {
   background-size: contain;}	
.vc_custom_1750127665280 {
    background-size: contain;}	#space-box-form {height: 50px;}
#title-foo p {
color: #ffffff;font-size: 28px;
line-height: 35px;width: 95%;
margin-top: 50px;margin-bottom: 30px !important;}	
#subtitle-foo p {
color: #ffffff;font-size: 18px;line-height: 21px;text-align: justify;width: 98%;margin: auto;}	
#back-box-foo {
    background-position: bottom;}	
.navbar-header {background-color:#6141D9!important; }	
.mobile-logo-default{width: 80%;}
.main-header .mainbar-row > [class^=col] > .main-nav {
background: #6141D9;color: #ffffff;}	
#title-form p {font-size: 40px;
font-weight: 600;line-height: 45px;padding-bottom: 15px;}
		
}

@media only screen and (min-device-width :425px) and (max-device-width :600px){
#t-text-header p {font-size: 40px;line-height: 43px;width: 90%;}
#texto-header-hh p {font-size: 16px;line-height: 21px;text-align: justify;}	
.title-foto {color: #4E4E4E;
font-size: 35px;}	
.title-foto-o {font-size: 30px;}	
#text-tx-foto p {
width: 98%;text-align: justify;}	
#back-btn-foto {background-size: contain;height:80px;}
.btn-txt .btn-icon, .btn-txt {
    font-size: 15px;}	
#space-twice {height: 20px;}	
#border-box-b {
border-right: 2px solid #ffffff;}	
#resultado-txt p {margin-top: 0px;
font-size: 40px;margin-bottom: -15px !important;}	
#title-icons-box {line-height: 50px;}	
#box-box-icons { width: 95%;
margin-right: 0px;margin: auto;margin-bottom: 15px;}
#text-icon-t p {font-size: 22px;
line-height: 24px;}	
#title-slider {
font-size: 35px;width: 97%;
line-height: 36px;}	
#box-back-slider-b {width: 90%;
margin-bottom: 15px;margin-left: auto;margin-right: auto;}	
#face img {width: 40%;}	
#text-face-b p {text-align: justify; width: 95%; margin: auto;
  padding-top: 30px;}	
.vc_custom_1750127028233 {
    background-size: contain;}	
#text-t-slider p {height: auto;}	
.vc_custom_1750127197747 {
   background-size: contain;}	
.vc_custom_1750127665280 {
    background-size: contain;}	#space-box-form {height: 50px;}
#title-foo p {
color: #ffffff;font-size: 28px;
line-height: 35px;width: 95%;
margin-top: 50px;margin-bottom: 30px !important;}	
#subtitle-foo p {
color: #ffffff;font-size: 18px;line-height: 21px;text-align: justify;width: 98%;margin: auto;}	
#back-box-foo {
    background-position: bottom;}	
.navbar-header {background-color:#6141D9!important; }	
.mobile-logo-default{width: 80%;}
.main-header .mainbar-row > [class^=col] > .main-nav {
background: #6141D9;color: #ffffff;}	
#title-form p {font-size: 40px;
font-weight: 600;line-height: 45px;padding-bottom: 15px;}
		
}


@media only screen and (min-device-width :1023px) and (max-device-width :1024px){
#box-box-icons {
width: 30%;margin-right: 15px;}	
#title-slider {width: 56%;}	
#box-back-slider-b {width: 30%;}	
#text-t-slider p {height: 204px;}
	
	
}

@media only screen and (min-device-width :1700px) and (max-device-width :1800px){
#back-box-b {
background-position: center;}
#back-btn-foto {height: 160px;}	
	
}

@media only screen and (min-device-width :1800px) and (max-device-width :2500px){
#back-box-b {
background-position: center;}
#back-btn-foto {height:190px;}	
}

@media only screen and (min-device-width :2501px) and (max-device-width :3010px){
#back-box-b {
background-position: center;}
#back-btn-foto {height:190px;}	
}


.main-header .is-stuck {
 display: none;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 7px;
}