@media screen and (max-width: 1180px){
	.menu_s .btn{
		    padding: 8px 15px;
	}
	.btn{
		padding: 8px 15px;
	}
	.contact_grid .btn{
		padding: 8px 25px;
	}
	.btn > *{
		line-height: 20px;
	}
	.btn_img{
		    width: 20px;
    height: 20px;
    margin-right: 7px;
	}
	.c_contacto .btn .btn_img{
	    margin-right: 0;
	    margin-left: 7px;
	}
	.contactar .btn_img{
	    margin: 0 0 0 7px;
	}
	.contact_grid .btn .btn_img{
	    margin-left: 7px;
	    margin-right: 0;
	}
	.top_a{
		    width: 48px;
    height: 48px;
		left: calc(100% - 68px);
    margin-bottom: 20px;
    top: calc(100vh - 68px);
	}
	.top_a::before{
		width: 44px;
    height: 44px;
	}
	.top_a img{
		    width: 17px;
    height: 17px;
	}
	.c_contacto h2{
		    margin: 0 0 30px;
	}
	.c_contacto h2::before{
		    bottom: -15px;
	}
	.page .txt h1{
		margin-bottom: 30px;
	}
	.page .txt h1::before{
		bottom: -15px;
	}
	.digital_info h2::before{
		bottom: -15px;
	}
	.desc_title h2{
		margin-bottom: 30px;
	}
	.desc_title h2::after{
		bottom: -15px;
	}
	.faqs > h1, .faqs > h2{
		margin-bottom: 60px;
	}
	.faqs > h1::after, .faqs > h2::after{
		bottom: -15px;
	}
	.scroll_down{
		display: none;
	}
	.footer_int {
	    padding-bottom: 120px;
	}

	.ti_info_int .btn{
		    min-width: 210px;
		        margin-bottom: 10px;
	}
	.ti_info_int p{
		margin: 20px 0 35px;
	}
	.ti_info_int p2{
		margin: 20px 0 35px;
	}
	.cf_info img{
		margin: 35px auto;
	}
	.beneficios_info_int ul{
		margin: 20px 0 45px;
	}
	.digital_info > *{
		margin: 10px 0;

	}
	.c_contacto p{
		margin: 20px auto;
	}
	.c_contacto .btn{
		    margin: 10px auto;
	}
	.top_info.top_info_int .ti_info_int p{
		margin-bottom: 45px;
	}
	.top_info.top_info_int .ti_info_int p2{
		margin-bottom: 45px;
	}
	.digital_info ul{
		margin: 10px 0 35px;
	}
	.desc_title{
		    margin: 0 auto 25px;
	}
	.description.content{
		    padding-bottom: 60px;
    margin-top: 60px;
	}

}

@media screen and (max-width: 1140px){
	html, body{
		font-size: 14px;
	}
	.header_int,
	.content,
	.footer_int,
	.over_contact{
		width: calc(100% - 40px);
	}
	.beneficios_info.content{
		position: relative;
	}
	
}
@media screen and (min-width: 1120px){
	.sm-item:hover .m-item_sub{
	    display: block;
	}
	.m-item_sli:hover{
	    color: #8b9aa6;
	}
	.m-item:hover::after{
	    width: calc(100% - (1.34vw * 2));
	}
	.btn:hover::before{
	    background: linear-gradient(41deg, rgba(139,154,166,1) 4%, rgba(118,118,148,1) 26%, rgba(97,77,129,1) 57%, rgba(97,77,129,1) 100%);
	}
	.btn:hover .btn_img{
	    filter: grayscale(1) brightness(10);
	}
	.c_contacto form button:hover img{
	      animation-name: buttonhover;
	  animation-duration: 2s;
	  animation-iteration-count: infinite;
	      transform-origin: center;
	}
	.top_a:hover::before{
	    background-color:transparent;
	}
	.footer_info li a:hover{
	    opacity: 0.6;
	}
	.btn-flotante:hover{
		color: #fff;
    background-color: #003b4d;
	}
	.btn-flotante:hover .btn_img{
		filter: grayscale(1) invert(1) brightness(3);
	}
	.top_a{
		top: 0;
    position: relative;
	}
	.contact_grid .btn:hover{
	    background: linear-gradient(41deg, rgba(139,154,166,1) 4%, rgba(118,118,148,1) 26%, rgba(97,77,129,1) 57%, rgba(97,77,129,1) 100%);
	}

}

@media screen and (min-width: 1120px){
	.smSol-item:hover .m-item_sub{
	    display: block;
	}
	.m-item_sli:hover{
	    color: #8b9aa6;
	}
	.m-item:hover::after{
	    width: calc(100% - (1.34vw * 2));
	}
	.btn:hover::before{
	    background: linear-gradient(41deg, rgba(139,154,166,1) 4%, rgba(118,118,148,1) 26%, rgba(97,77,129,1) 57%, rgba(97,77,129,1) 100%);
	}
	.btn:hover .btn_img{
	    filter: grayscale(1) brightness(10);
	}
	.c_contacto form button:hover img{
	      animation-name: buttonhover;
	  animation-duration: 2s;
	  animation-iteration-count: infinite;
	      transform-origin: center;
	}
	.top_a:hover::before{
	    background-color:transparent;
	}
	.footer_info li a:hover{
	    opacity: 0.6;
	}
	.btn-flotante:hover{
		color: #fff;
    background-color: #003b4d;
	}
	.btn-flotante:hover .btn_img{
		filter: grayscale(1) invert(1) brightness(3);
	}
	.top_a{
		top: 0;
    position: relative;
	}
	.contact_grid .btn:hover{
	    background: linear-gradient(41deg, rgba(139,154,166,1) 4%, rgba(118,118,148,1) 26%, rgba(97,77,129,1) 57%, rgba(97,77,129,1) 100%);
	}

}

@media screen and (max-width: 1060px){
	.barra{
    height: 290px;
    top: 90px;
	}
	.scroll_down{
		    bottom: 0px;
	}
	.beneficios_background img.beneficios_n{
		    width: 90px;
	}
	.desc_title img{
		    max-width: 470px;
	}
	.oc_header .cerrar{
		width: 40px;
		height: 40px;
	}
	.oc_header .cerrar::before{
		width: 30px;
	}
	.oc_header .cerrar::after{
		width: 30px;
	}
	.administra{
		padding-left: 40px;
		width: calc(100% - 40px);
		grid-gap: 20px;
		grid-template-columns: 340px 1fr;
	}
	.faqs{
		width: calc(100% - 180px);
	}
	.faq{
		width: 100%;
	}
	
	.btn_faq_icon{
		    width: 22px;
    height: 22px;
    margin-left: -30px;
    margin-right: 8px;
	}
	.btn_faq_icon img{
		width: 22px;
	}
	.bull_beneficios_info_icon{
		    width: 22px;
    height: 22px;
    margin-left: -30px;
    margin-right: 8px;
	}
	.bull_beneficios_info_icon img{
		width: 22px;
	}
	.faqs2{
		width: calc(100% - 180px);
	}
	.faq2{
		width: 100%;
	}
	.btn2_faq2_icon2{
		    width: 22px;
    height: 22px;
    margin-left: -30px;
    margin-right: 8px;
	}
	.btn2_faq2_icon2 img{
		width: 22px;
	}

}


@media screen and (max-width: 980px){
	.cf_info img.imgdesk{
		display: none;
	}
	.cf_info img.imgresponsive{
		display: block;
		max-width: 80%;
	}
	.sm-item.act .m-item::after{
		width: 3%;
	}
	.act_h{
		overflow: hidden;
	}
	.menu,
	.menu_s{
		opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease-in-out;
    justify-content: space-between;
	}
	.act_h header.interior,
	.act_h header.home.acthome,
	.act_h header.h_page,
	.act_h header.home,
	.act_h header{
	    background-color: rgb(255 255 255 / 100%);
        background-color: #1d252c;
	}

	.menu_s{
		    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    padding: 15px 20px 0;
	}
	.menu_s	.m-item{
		width: fit-content;
	}
	.menu{

		display: flex;
    position: absolute;
    left: 0;
    top: 100%;
	padding-top: 75px;
    width: 100%;
    height: calc(100vh - 139px);
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: auto;
	}
	.m-item::after{
		left: 20px;
	    transform: translateX(0);
	    bottom: 8px;
	}
	.m-item.act::after{
		width: 3%;
	}
	.logo img, .logo svg{
		padding: 12px 0;
	}
	.logo{
		display: block;
		height: 40px;
		width: auto;
		padding: 12px 0;
	}
	.logo img, .logo svg{
		padding: 0;
		height: 100%;
		width: auto;
	}
	.back-header{
		height: 64px;
		transform: all 300ms ease-in-out;
	}
	.back-headerpage{
		height: 64px;
	}
	.ancla_page{
		top: -80px;
	}
	.ancla_page2{
		top: -10px;
	}
	.back-h_int{
		height: 64px;
	}
	.btn_r{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border: 1px solid transparent;
		right: -8px;
    position: relative;
	}
	.btn_r_int {
	    width: 23px;
	    height: 2px;
	    background: linear-gradient(41deg, rgba(139,154,166,1) 4%, rgba(118,118,148,1) 26%, rgba(97,77,129,1) 57%, rgba(97,77,129,1) 100%);
	    position: relative;
	    transform-origin: center;
    	transform: rotate(0deg);
    	border-right: 1px;
	}
	.btn_r_int::before{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 2px;
		background: linear-gradient(41deg, rgba(139,154,166,1) 4%, rgba(118,118,148,1) 26%, rgba(97,77,129,1) 57%, rgba(97,77,129,1) 100%);
		top: -8px;
    	border-right: 1px;
    	transform: translate(0%,0%) rotate(0deg);
	}
	.btn_r_int::after{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
    	border-right: 1px;
		height: 2px;
		background: linear-gradient(41deg, rgba(139,154,166,1) 4%, rgba(118,118,148,1) 26%, rgba(97,77,129,1) 57%, rgba(97,77,129,1) 100%);
		bottom: -8px;
    	transform: translate(0%,0%) rotate(0deg);
	}
	.act_h .btn_r_int{
		background: transparent;
	}
	.act_h .btn_r_int::before{
		top: 50%;
	    left: 50%;
    	transform: translate(-50%,-50%) rotate(45deg);
	}
	.act_h .btn_r_int::after{
		    bottom: initial;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
	}
	.act_h .btn_r_int 
	.act_h {
		overflow: hidden;
	}
	.act_h .menu{
    opacity: 1;
    pointer-events: auto;
        background-color: #1d252c;    
        color: #fff;

	}
	.act_h .menu_s{
		opacity: 1;
    pointer-events: auto;
	}
	.m-item{
		position: relative;
    width: 100%;
    padding: 14px 20px;
    display: block;
    box-sizing: border-box;
	}
	
	.m-item_sub{
		    background-color: transparent;
    box-shadow: none;
    display: block;
    position: relative;
    top: initial;
    padding: 0 0 0 20px;
    width: 100%;
    box-sizing: border-box;
	}
	.m-item_sub li{
		display: block;
    width: 100%;
    padding: 9px 20px;
    box-sizing: border-box;
    font-size: 0.9rem;
	}
	.m-item_sub::before,
	.m-item_sub::after{
		display: none;
	}
	.menu .sm-item{
		width: 100%;
	}
	.menu > *:last-child{
		margin-bottom: 140px;
	}
	.m-item.m-item-idioma{
		color: #fff;
		    padding-right: 0;
    right: -4px;
    position: relative;
	}
	.m-item.m-item-idioma span{
		line-height: 1.2em;
		margin: 0 4px;
	}
	.act_h .btn_r{
		right: -12px;
	}
	.beneficios_info.content{
		position: relative;
	}

}

@media screen and (max-width: 960px){
	.ti_info_int h2{
	    font-size: 3rem;
	}
	.faqs{
		    padding-bottom: 100px;
	}
	.page .txt{
		    width: calc(100% - 160px);
	}
	.grid_ml{
		width: calc(100% - 100px);
		    margin: 40px auto 60px;
	}
	.ti_info_int h2{
		max-width: initial;
	}
}

@media screen and (max-width: 960px){
	.ti_info_int h3{
	    font-size: 2.5rem;
	}
	.ti_info_int h4{
	    font-size: 2.5rem;
	}
	.faqs{
		    padding-bottom: 100px;
	}
	.page .txt{
		    width: calc(100% - 160px);
	}
	.grid_ml{
		width: calc(100% - 100px);
		    margin: 40px auto 60px;
	}
	.ti_info_int h3{
		max-width: initial;
	}
	.ti_info_int h4{
		max-width: initial;
	}
	
}

@media screen and (max-width: 890px){
	.back_ti img,
	.back_ti picture{
		max-width: 44.26vw;
	}

	.ti_info_int{
		width: 60vw;
	}
	.ti_info_int p{
		    max-width: 90%;
	}
	.ti_info_int p2{
		    max-width: 90%;
	}
	.desc_title img{
	    max-width: 470px;
	}
	.desc_title{
		max-width: 470px;
		width: auto;
	}
	.itemresenas{
    text-align: center;
    width: calc(55% - 6vw);
    margin: 0 3vw;
}
}
@media screen and (max-width: 880px){
	.top_info.top_info_int .ti_info_int p{
		    max-width: 100%;
	}
	.top_info.top_info_int .ti_info_int p2{
		    max-width: 100%;
	}
	.top_info.top_info_int .ti_info_int h2{
		max-width: 100%;
	}
	.back_top{
		    min-height: 60vw;
	}

}
@media screen and (max-width: 840px){
	.digital_info h2{
		    width: 60vw;
		        margin: 0 0 10vw;
	}
	.digital_info p{
		    max-width: 40vw;
	}
	.barra {
		height: 310px;
		top: 30px;
	}
	.barra2 {
		height: 310px;
		top: 30px;
	}
	.footer_info li{
		font-size: 1rem;
	}
	.digital_info h2{
    color: #fff;
	}
}
@media screen and (max-width: 820px){
	.ti_info_int{
		padding-top: 80px;
		padding-bottom: 40px;
	}
	.wrapperhome .ti_info_int{
    	padding-top: 0;
	}
	.back_top{
		    min-height: 60vw;
    height: 100%;
	}
	.back_top_int{
		    background-size: cover;
		        background-position: center right;
		            opacity: 0.6;
	}
	.top_info.top_info_int .ti_info_int{
		width: 70vw;
	}
	.ti_info_int h2 {
	    font-size: 2.2rem;
	}
}

/* Ajustes adaptables para móviles */
		@media (max-width: 768px) {

			.gg-modal-card {
				max-width: 100%;
			}
			.btn-flotante_content,
			.btn-flotante-captacion {
				right: 15px !important;      /* En móviles se pegan más al borde lateral */
			}

			.btn-flotante_content {
				bottom: 25px !important;     /* WhatsApp un poco más abajo en móviles */
			}

			.btn-flotante-captacion {
				bottom: 75px !important;     /* El de captación se sitúa justo arriba del de WhatsApp móvil */
				padding: 10px 18px !important;
			}
			
			.btn-flotante-captacion span {
				font-size: 13px !important;
			}
		}


@media screen and (max-width: 700px){
	.item img{
		width: 40px;
	}
	.gn-hor .item img{
		height: 40px;
		margin: 0 10px 0 0;
	}
	.scroll_down span img{
		max-width: 40px;
	}
	.gn-hor .item{
		    align-items: flex-start;
	}
	.item{
		width: calc(100%/3 - 20px);
		margin: 0 10px;
	}
	.cf_info p{
		max-width: 70vw;
	}

	
	.c_contacto p{
		max-width: 400px;
	}
	.contacto{
		    margin-bottom: 120px;
	}
	.page .txt{
		    padding-bottom: 120px;
	}
	.page.page_ml .btn {
	    margin: 0 auto 120px;
	}
	.top_info{
		    margin-bottom: 12.3vw;
	}
	.beneficios_info_int{
		width: calc(80% - 80px);
    padding-left: 80px;
	}
	.administra{
		    padding-left: 20px;
    width: calc(100% - 20px);
    display: block;
	}
	.column:first-child{
		max-width: 340px;
		width: calc(100% - 40px);
	}
	.faqs {
	width: calc(100% - 90px);
	}
	.faq{
		    margin: 0 0 40px;
	}
	.column svg{
		    max-width: 220px;
	}
	.faq_int ul.puntos > li::before{
    width: 10px;
    height: 10px;
    left: -20.5px;
    top: 3.7px;
	}
	.faq_int ul.puntos > li::after{

    top: 10px;
    left: -17px;

	}
	.faq_int ul{
		    padding: 20px 0;
    padding-left: 30px;
	}
	.faqs2 {
	width: calc(100% - 90px);
	}
	.faq2{
		    margin: 0 0 40px;
	}
	.faq2_int2 ul.puntos2 > li::before{
    width: 10px;
    height: 10px;
    left: -20.5px;
    top: 3.7px;
	}
	.faq2_int2 ul.puntos2 > li::after{

    top: 10px;
    left: -17px;

	}
	.faq2_int2 ul{
		    padding: 20px 0;
    padding-left: 30px;
	}

}/*700px*/
@media screen and (max-width: 640px){
	.item{
		    margin: 0px 10px 40px;
    width: 100%;
    max-width: 280px;
	}
	.desc_title{
		max-width: 100%;
	}
	.desc_title img {
	    max-width: 100%;
	}
	.beneficios_background img.beneficios_n {
		width: 40px;
	}
	.beneficios_info_int {
	    width: 100%;
	    padding-left: 40px;
	}
	.beneficios{
		border-bottom: 24.6vw solid #e7ebea;
	}
	.digital_info h2{
	    width: 100%;
    	margin: 0 0 40px;
	}
	.digital_info p {
	    max-width: 100%;
	}
	
	.imagenes {
	    margin-top: 270px;
	}
	.digital{
		margin-bottom: calc(80vw + 60px);
	}
	.img_p{
		    width: 25.37vw;
	}
	.img_c{
		    width: 77.35vw;
	}

	.footer_grid{
		    grid-template-columns: 1fr;
    grid-gap: 20px;
	}
	.direccion{
		    grid-column: initial;
    grid-row: 1;
    align-items: flex-start;
	}
	.direccion_1,
	.direccion_2{
		text-align: left;
	}
	.footer_info{
		    grid-column: initial;
    grid-row: initial;
	}
	.bb_background::after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
	}
	.bb_background::after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgb(231 235 234 / 80%);
	}
	.desc_title h2{
		font-size: 1.5rem;
	}
	.btn > * {
	    line-height: 30px;
	}

	@keyframes scrollDown {
	  0%   {transform: translateY(0px) rotate(90deg);}
	  25%  {transform: translateY(-10px) rotate(90deg);}
	  50%  {transform: translateY(0px) rotate(90deg);}
	  100%  {transform: translateY(0px) rotate(90deg);}
	}

	.footer_info li{
		    padding: 10px 10px 10px 0;
    margin-right: 10px;
	}
	.footer_info li:nth-child(1){
    position: absolute;
    bottom: 15px;
    left: 0;
	}

	.footer_info li:nth-child(1)::after{
		display: none;
	}
	.description.content{
		    padding-bottom: 100px;
	}

	.des_01{
		    right: 12vw;
    width: 80vw;
	}
	.des_02{
		width: 82.58vw;
    margin: 19.9vw 0 5vw 0;
	}
	.des_03{
		width: 26.69vw;
    right: 60vw;
	}
	.administra .column:nth-child(2){
		margin-top: 20px;
	}
	.column {
	    width: 100%;
	    display: block;
	  }
	
}
@media screen and (max-width: 620px){
	.page .txt {
	    width: calc(100% - 80px);
	}
	.grid_ml{
		width: calc(100% - 40px);
		grid-gap: 10px;
	}
	.gml_flecha img{
		    max-width: 30px;
	}

}
@media screen and (max-width: 500px){
	.back_ti img,
	.back_ti picture {
	    max-width: 64.26vw;
	}
	.ti_info_int{
		padding-top: 48vw;
		width: 100%;
	}
	.wrapperhome .ti_info_int{
    	padding-top: 61vw;
	}
	.top_info {
		width: 100%;
		margin-bottom: 10vw;
	}
	.ti_info_int p{
		width: 100%;
	}
	.ti_info_int p2{
		width: 100%;
	}
	.beneficios_background img.beneficios_n{
		display: none;
	}
	.beneficios_info_int{
		width: 100%;
		padding: 0;
	}
	.bb_background{
		    height: calc(100% + 2px);    position: relative;
	}
	.beneficios_background{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

	}
	.beneficios_info.content{
		position: relative;
	}
	.contact_grid{
		    grid-template-columns: 1fr;
    grid-gap: 20px;
	}
	.contact_grid label.txtarea{
		    grid-column: initial;
    grid-row: initial;
	}
	.btn_faq h2{
		    font-size: 1.2rem;
	}
	.btn2_faq2 h2{
		    font-size: 1.2rem;
	}
	.top_info.top_info_int .ti_info_int{
		padding-top: 80px;
	}
	.digital_info h2{
		font-size: 1.5rem;
	}
	.c_contacto h2{
		font-size: 1.5rem;
	}
	.top_info.top_info_int.top_info_pymes .ti_info_int{
		    padding-top: 48vw;
    width: 100%;
	}
	.top_info.top_info_int .ti_info_int h2,
	.top_info.top_info_int .ti_info_int p{
		text-shadow: 1px 1px 11px #ffffffd1;
	}
	.top_info.top_info_int .ti_info_int p2{
		text-shadow: 1px 1px 11px #ffffffd1;
	}
	.page .txt blockquote{
		    font-size: 1.2rem;
		    width: 100%;
	}
	.page .txt {
	    width: calc(100% - 40px);
	}
	.grid_ml{
		    grid-gap: 2px;
	}
	.gml_cube{
		padding: 4px;
	}
	.gml_cube_i ul{
		padding: 0;
	}
	.gml_cube ul li{
		list-style-position: inside;
	}
	.iframe{
		display: none;
	}
	.digital_info h2{
    font-weight: 700;
    font-size: 1.4rem;
    position: relative;
    width: 75vw;
    margin: 0 0 13vw;
    color: #fff;
	}
	.digital_info p{
    font-weight: 700;
    font-size: 0.9rem;
    color: #fff;
	}
	.digital_info ul{
    list-style: disc;
    color: #fff;
    font-weight: 700;
    padding-left: 0.9em;
    margin: 1vw 0 3vw;
	}
	.cf_info img.imgresponsive{
		display: block;
		max-width: 80%;
	}
}
@media screen and (max-width: 360px){
	.top_info.top_info_int .ti_info_int{
		width: 100%;
	}
	.ti_info_int h2 {
	    font-size: 1.9rem;
	}
	.top_info.top_info_int .ti_info_int p{
		font-size: 1.2rem;
	}
	.top_info.top_info_int .ti_info_int p2{
		font-size: 1.2rem;
	}
	.iframe{
		display: none;
	}
	
}