/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.titulo-servicio p {
	text-align: center;
	font: normal normal 500 40px/45px Rubik!important;
	letter-spacing: 0.8px;
	color: #686868;
	text-transform: uppercase;
	opacity: 1;
}
.subtitulo-rojo p {
	text-align: left;
	font: normal normal 500 40px/55px Rubik!important;
	letter-spacing: 0.8px;
	color: #D72A31;
	opacity: 1;
}
.titulo-nuestra-historia h1 {
    text-align: left;
    font: normal normal bold 50px/55px Rubik!important;
    letter-spacing: 2.5px;
    color: #FFFFFF;
    opacity: 1;
}
.titulo-suma-diferencial {
    text-align: left;
    font: normal normal 600 40px/50px Rubi!importantk;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}
.texto-suma-diferencial {
    text-align: left;
    font: normal normal 500 20px/27px Rubik!important;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.subtitulo-suma-diferencial h3 {
    text-align: left;
    font: normal normal normal 30px/36px Rubik!important;
    letter-spacing: 0.9px;
    color: #D02A30;
    opacity: 1;
}
.boton-rojo {
    background: #D02A30 0% 0% no-repeat padding-box!important;
    text-align: center;
    font: normal normal normal 20px/20px Rubik!important;
    letter-spacing: 0px;
    color: #FFFFFF!important;
    opacity: 1;
    border-radius: 32px;
    border: none!important;
    padding: 20px 31px;
}
.boton-rojo span {
	padding: 0px!important;
}
.boton-rojo:hover {
    background: #DEBF3F!important;
    box-shadow: none;
    transform: none;
}
.titulo-la-experiencia-cuenta {
    text-align: right;
    font: normal normal 600 40px/50px Rubik!important;
	letter-spacing: 0px;
}
.titulo-nuestros-inicios {
    text-align: right;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.texto-nuestros-inicios {
    text-align: left;
    font: normal normal normal 20px/30px Rubik;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    opacity: 1;
}
.titulo-nuestros-trabajos {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}
.titulo-nuestros-trabajos h3 {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}

.texto-la-experiencia-cuenta {
    text-align: right;
    font: normal normal 500 20px/27px Rubik;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.texto-de-servicio-1 {
    text-align: center;
    font: normal normal normal 20px/26px Rubik;
    letter-spacing: 0px;
    color: #686868;
    opacity: 1;
}
.texto-de-servicio-2 {
    text-align: center;
    font: normal normal normal 20px/26px Rubik;
    letter-spacing: 0px;
    color: #686868;
    opacity: 1;
}
.titulo-contador {
    text-align: left;
    font: normal normal 500 40px/55px Rubik;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    opacity: 1;
}
.subtitulo-contador {
    text-align: center;
    font: normal normal normal 24px/30px Rubik;
    letter-spacing: 1.2px;
    color: #FFFFFF;
    opacity: 1;
}
#ld_counter_67aa9cd6a726e > div > span,#ld_counter_67aa9cd6a744c > div > span,#ld_counter_67aa9cd6a75e5 > div > span{
	text-align: left;
	font: normal normal medium 71px/98px Rubik;
	letter-spacing: 1.42px;
	color: #FFFFFF;
	text-transform: capitalize;
	opacity: 1;
}
span.lqd-counter-text.lqd-text-bottom {
    text-align: center;
    font: normal normal 300 30px/35px Rubik;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    opacity: 1;
}
.titulo-historia {
    text-align: center;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.texto-historia {
    text-align: center;
    font: normal normal normal 20px/27px Rubik;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.segundo-titulo {
    text-align: center;
    font: normal normal 500 30px/32px Rubik;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.titulo-debajo-imagen-historia {
    text-align: center;
    font: normal normal 600 25px/20px Rubik;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.texto-nuestra-historia {
    text-align: center;
    font: normal normal normal 20px/26px Rubik;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.titulo-nuestros-trabajos {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}
.titulo-buscas-una-agencia {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.texto-buscas-una-agencia {
    text-align: left;
    font: normal normal normal 20px/27px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.subtitulo-buscas-una-agencia {
    text-align: center;
    font: normal normal 500 30px/32px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.titulo-perfil-en-crecimiento {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}
.titulo-perfil-en-crecimiento h1 {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}
.texto-perfil-en-crecimiento {
    text-align: center;
    font: normal normal normal 20px/26px Rubik;
    letter-spacing: 0px;
    color: #686868;
    opacity: 1;
}
.titulo-servicio-desarrollo h1 {
    text-align: left;
    font: normal normal bold 50px/55px Rubik;
    letter-spacing: 2.5px;
    color: #FFFFFF;
    opacity: 1;
}
.subtitulo-desarrollo-web h2 {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 2px;
    color: #FFFFFF;
    opacity: 1;
    padding-bottom: 23px;
    padding-top: 0px;
    width: 629px;
}
.titulo-cautivar-clientes h2 {
    text-align: left;
    font: normal normal 600 24px/30px Rubik!important;
    letter-spacing: 0.72px;
    color: #FFFFFF;
    opacity: 1;
}
.texto-cautivar-clientes {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.subtitulo-cautivar-clientes p {
    text-align: left;
    font: normal normal 600 24px/30px Rubik!important;
    letter-spacing: 0.72px;
    color: #FFFFFF;
    opacity: 1;
}
.titulo-diseño-web h3, .titulo-programacion h3 {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 23px!important;
}
.titulo-diseño-web.diseño h3 {
	font: normal normal 600 33px/40px Rubik;
}
.imagen-listo {
    width: 50%;
}
.caja-diseno-programacion {
    margin-top: 26px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 267px;
}
.texto-diseño-web, .texto-programacion {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.titulo-expande-tu-crecimiento h2 {
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #0968BE;
    opacity: 1;
}
.div-info-expande {
    width: 637px;
    margin-left: -70px;
}
.texto-expande-tu-crecimiento p {
    font: normal normal 300 20px/27px Rubik;
    letter-spacing: 0px;
    color: #282828;
}
.texto-expande-tu-crecimiento {
    margin: 67px 0!important;
    width: 494px;
}
.div-expande > div > div {
	align-items: center;
}
.div-expande {
    margin-bottom: 111px;
}
.subtitulo-expande-tu-crecimiento {
    font: normal normal 500 20px/27px Rubik;
    letter-spacing: 0px;
    color: #0968BE;
    opacity: 1;
}
.texto-expande-tu-crecimiento strong {
	font: normal normal 500 20px/27px Rubik;
}
.titulo-marketing h2 {
    text-align: left;
    font: normal normal 600 33px/43px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 524px;
}
.texto-marketing p {
    text-align: left;
    font: normal normal normal 16px/23px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 437px;
}
.subtitulo-marketing {
    text-align: center;
    font: normal normal 500 30px/32px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding: 50px 0 25px;
    width: -webkit-fill-available;
}
.caja-marqueting > div > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.titulo-nuestros-trabajos h2 {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}
.titulo-contacto h1 {
    text-align: left;
    font: normal normal 600 50px/45px Rubik;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    opacity: 1;
}
.subtitulo-tu-vision {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 2px;
    color: #282828;
    opacity: 1;
}
.texto-nuestros-trabajos {
    text-align: left;
    font: normal normal normal 20px/28px Rubik;
    letter-spacing: 0px;
    color: #282828;
}
.segundo-titulo-nuestros-trabajos {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}
span.iconbox-title.h3.my-0 {
    text-align: left;
    font: normal normal 600 20px/44px Rubik;
    letter-spacing: 0px;
    color: #686868;
    opacity: 1;
    padding-top: 10px;
}
.titulo-tab {
    text-align: right;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.texto-tab {
    text-align: right;
    font: normal normal normal 20px/26px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    min-height: 342px;
}
a.boton-flecha {
    text-align: right;
    font: normal normal normal 20px/20px Rubik;
    letter-spacing: 0px;
    color: #686868;
    opacity: 1; 
}	
.tab-servicios li:nth-child(1) .iconbox-icon-wrap {
   content:url(/wp-content/uploads/2025/02/icono-desarrollo-web.png);		
}
.tab-servicios li:nth-child(2) .iconbox-icon-wrap {
   content:url(/wp-content/uploads/2025/02/icono-organizacion-de-eventos.png);		
}
.tab-servicios li:nth-child(3) .iconbox-icon-wrap {
   content:url(/wp-content/uploads/2025/02/icono-diseno-grafico.png);		
}
.tab-servicios li:nth-child(4) .iconbox-icon-wrap {
   content:url(/wp-content/uploads/2025/02/icono-marketing.png);		
}
.tab-servicios li:nth-child(1).active .iconbox-icon-wrap {
   content:url(/wp-content/uploads/2025/02/icono-desarrollo-web-hover.png);		
}
.tab-servicios li:nth-child(2).active .iconbox-icon-wrap {
   content:url(/wp-content/uploads/2025/02/icono-organizacion-de-eventos-hover.png);		
}
.tab-servicios li:nth-child(3).active .iconbox-icon-wrap {
   content:url(/wp-content/uploads/2025/02/icono-diseno-grafico-hover.png);		
}
.tab-servicios li:nth-child(4).active .iconbox-icon-wrap {
   content:url(/wp-content/uploads/2025/02/icono-marketing-hover.png);		
}
a.boton-amarillo {
    border-radius: 32px;
    text-align: center;
    font: normal normal normal 20px / 20px Rubik !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background: #DEBF3F 0% 0% no-repeat padding-box;
    padding: 20px 31px;
}
a.boton-amarillo > span {
	padding: 0px!important;
}
.tab-servicios li:nth-child(1).active .iconbox-title  {
   color: #0968BE;		
}
.tab-servicios li:nth-child(2).active .iconbox-title {
   color: #A51794;		
}
.tab-servicios li:nth-child(3).active .iconbox-title {
   color: #EE590E;		
}
.tab-servicios li:nth-child(4).active .iconbox-title {
   color: #2F8B18;	
}
.iconbox-title::after{
   display:none!important;
}
.caja-titulo-servicio div.wpb_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 48px;
    margin-top: -6px;
    justify-content: flex-start;
    margin-left: 0px;
}
.titulo-servicio-desarrollo {
    margin-top: 108px;
}
.caja-listo-boton {
    background: #2679c48f;
    padding: 21px 30px 49px;
    border-radius: 25px;
    margin-left: 19px;
    width: 521px;
}
.texto-cautivar-clientes {
    padding: 31px 0px 36px;
}
.subtitulo-cautivar-clientes {
    padding: 5px 0px 26px;
}
.caja-diseño-web {
    background: #2679c48f;
    padding: 26px;
    border-radius: 25px;
    width: 521px;
    margin-left: 18px;
}
.caja-programación {
    background: #2679c48f;
    padding: 26px;
    border-radius: 25px;
    width: 521px;
    margin-left: 30px;
}
.caja-programación.festivales {
    width: 508px;
}
.texto-programacion p, .texto-diseño-web p  {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.caja-diseno-programacion > div > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.subtitulo-expande-tu-crecimiento p {
    font: normal normal 500 25px/30px Rubik;
    letter-spacing: 0px;
    color: #0968BE;
}
.subtitulo-expande-tu-crecimiento {
	width: 472px!important;
    margin-bottom: 67px!important;
}
.div-info-expande > div > div {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.img-expande {
    width: 51%;
}
.botones-trabajos.boton-todos {
    font: normal normal 300 22px/27px Rubik;
    letter-spacing: 1.1px;
    color: #686868;
    border: none;
    padding: 0px;
    margin-inline-start: 0px!important;
}
.botones-trabajos.boton-todos:hover, .botones-trabajos.boton-todos.active {
    color: #686868;
    font: normal normal 500 22px/27px Rubik;
    transform: none;
    box-shadow: none;
    background: transparent!important;
}
.botones-div-trabajos {
    padding: 36px 0;
}
.sec-trabajos {
    padding-top: 72px;
}
.botones-trabajos.boton-todos > span {
	padding: 0px!important;
}
.botones-div-trabajos > div > div > div > div > div {
	display: flex;
    gap: 47px;
}
.trabajo-div {
	display: none;
}
.trabajo-div.active {
	display: block;
}
.trabajo-div .img-trabajo {
    position: initial!important;
}
.trabajo-div > div > div > div {
	height: -webkit-fill-available!important;
}
.boton-trabajo {
    margin-top: 25px;
    margin-bottom: 50px;
}
.titlebar-default ~ #lqd-site-content #lqd-contents-wrap, .lqd-main-header-default ~ #lqd-site-content #lqd-contents-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}
#banner-servicio {
    background-size: cover !important;
    background-position: center 92% !important;
}
.caja-marqueting {
    background: #3f678ea3;
    padding: 60px 97px 35px;
    border-radius: 76px;
    backdrop-filter: blur(8px);
    width: 71% !important;
    margin: auto!important;
    margin: 90px auto!important;
}
.titulo-nuestros-inicios {
    width: 96%;
    margin: auto;
    margin-right: 0px;
}

/* Código para Desktop */
@media only screen and (max-width: 2600px){
	.caja-marqueting {
		width: 52% !important;
	}
}
@media only screen and (max-width: 2000px){
	.caja-marqueting {
		width: 64% !important;
	}
	.caja-marqueting.diseño {
		width: 60% !important;
	}
}
@media only screen and (max-width: 1600px) {
	.caja-marqueting {
		width: 77% !important;
	}
}
@media only screen and (max-width: 1500px) {
	.caja-marqueting {
		width: 83% !important;
	}
}
@media only screen and (max-width: 1400px) {
	.caja-marqueting {
		width: 87%!important;
	}
	div#botones-banner-home {
		left: -29px;
		bottom: -301px;
	}
}
@media only screen and (max-width: 1200px) {
	.caja-listo-boton {
		width: 463px;
	}
	.caja-diseño-web {
		width: 464px;
	}
	.caja-programación {
		width: 452px;
	}
	.caja-marqueting {
		width: 90%!important;
	}
	#banner-home {
		height: 481px;
	}
	div#botones-banner-home {
		left: -29px;
		bottom: -250px;
	}
}
/* Código para Tablets y mobile*/
@media only screen and (max-width: 900px) {
	.caja-titulo-servicio div.wpb_wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		gap: 22px;
		margin-top: 0px;
		margin-left: 0px;
	}
	.titulo-servicio-desarrollo {
		margin-top: 12px;
	}
	.caja-listo-boton {
		width: -webkit-fill-available;
		margin-left: 0px;
		margin-bottom: 40px;
	}
	.div-info-expande {
		width: -webkit-fill-available;
		margin-left: 0px;
	}
	.img-expande {
		width: 100%;
		margin-bottom: 30px;
	}
	.texto-expande-tu-crecimiento {
		margin: 35px 0!important;
		width: -webkit-fill-available;
	}
	.caja-diseño-web, .caja-programación  {
        width: -webkit-fill-available;
		margin-left: 0px;
		margin-bottom: 30px;
    }
	.titulo-marketing h2 {
		width: -webkit-fill-available;
	}
	.texto-marketing p {
		text-align: left;
		font: normal normal normal 25px/normal Rubik;
		width: -webkit-fill-available;
	}
	.subtitulo-marketing {
		text-align: left;
		padding: 30px 0 25px;
	}
	.titulo-expande-tu-crecimiento h2 {
		text-align: left;
	}
	.texto-expande-tu-crecimiento p {
		font: normal normal 300 23px/27px Rubik;
		letter-spacing: 0px;
		color: #282828;
		text-align: left;
	}
	.texto-expande-tu-crecimiento strong {
		font: normal normal 500 27px/normal Rubik;
	}
	.subtitulo-expande-tu-crecimiento {
		width: -webkit-fill-available!important;
		margin-bottom: 67px!important;
		text-align: left;
	}
	.div-info-expande > div > div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.caja-marqueting {
		width: 90%!important;
		padding: 54px;
	}
	.trabajo-div > div > div > div > div {
		height: auto!important;
	}
	.botones-div-trabajos > div > div > div > div > div {
		display: flex;
		gap: 14px 47px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.div-expande {
		margin-bottom: 77px;
	}
	.texto-cautivar-clientes {
		text-align: left;
		letter-spacing: 0px;
		color: #FFFFFF;
		opacity: 1;
		line-height: 30px!important;
		font-size: 22px!important;
	}
	.botones-trabajos.boton-todos p, .texto-diseño-web p, .texto-programacion p {
		font: normal normal 300 23px/29px Rubik;
		letter-spacing: 1.1px;
	}
	.titulo-servicio-desarrollo h1 {
		text-align: left;
		font: normal normal bold 44px/56px Rubik;
		letter-spacing: 2.5px;
		color: #FFFFFF;
		opacity: 1;
		margin-bottom: 25px!important;
	}
	.subtitulo-desarrollo-web h2 {
		text-align: left;
		font: normal normal 600 32px/36px Rubik;
		letter-spacing: 2px;
		color: #FFFFFF;
		opacity: 1;
		padding-bottom: 36px;
		padding-top: 0px;
		width: -webkit-fill-available;
	}
	.titulo-servicio-desarrollo h1 {
		text-align: left;
		font: normal normal bold 46px/55px Rubik;
		letter-spacing: 2.5px;
		color: #FFFFFF;
		opacity: 1;
		margin-bottom: 40px!important;
	}
	.caja-programación.festivales {
		width: 100%;
	}
	.caja-marqueting.diseño {
		width: 90% !important;
	}
}
/* Código para Mobile */
@media only screen and (max-width: 800px) {
	.trabajo-div > div > div > div > div {
		height: auto!important;
		width: 230px!important;
	}
	.botones-trabajos.boton-todos:hover, .botones-trabajos.boton-todos.active {
		color: #686868;
		font: normal normal 500 27px/27px Rubik;
		background: #ffffff !important;
		transform: none;
		box-shadow: none;
	}
	.caja-listo-boton, .caja-diseño-web, .caja-programación {
		width: 95%;
		margin: auto!important;
		margin-bottom: 40px!important;
	}
	.caja-marqueting {
		width: 95%!important;
		padding: 52px 39px;
		margin: 60px auto !important;
	}
	.titulo-servicio-desarrollo {
		margin-top: 0px;
	}
	.caja-programación.festivales {
		width: 95%;
		margin: auto !important;
		margin-bottom: 48px!important;
	}
}
@media only screen and (max-width: 500px) {
	.caja-listo-boton, .caja-diseño-web, .caja-programación {
		width: 95%;
		margin: auto!important;
		margin-bottom: 62px!important;
	}
	.caja-diseno-programacion {
		margin-top: 26px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#banner-servicio {
		background: none!important;
		padding-bottom: 34px;
		margin-bottom: 0px;
	}
	#banner-servicio > div.ld-container {
		background: none!important;
		padding-bottom: 29px;
		margin-bottom: 0px;
	}
	#banner-servicio > div.ld-container > div {
		background: url(/wp-content/uploads/2025/04/fondo-mobile-desarrollo-web.png) !important;
		background-position: 0% 0% !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}
	.div-expande {
		margin-bottom: 77px;
		z-index: 4;
		background: #fff;
		padding-top: 53px;
	}
	.trabajo-div > div > div > div > div {
		height: auto!important;
		width: 50%!important;
	}
	.botones-div-trabajos > div > div > div > div > div {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 14px 47px;
	}
	.botones-trabajos.boton-todos {
		font: normal normal 300 25px/30px Rubik;
		letter-spacing: 1.1px;
		color: #686868;
		border: none;
		padding: 0px;
		margin-inline-start: 0px!important;
		width: -webkit-fill-available;
	}
	.botones-trabajos.boton-todos:hover, .botones-trabajos.boton-todos.active {
		color: #686868;
		font: normal normal 500 25px/30px Rubik;
	}
	.titulo-nuestros-trabajos h2 {
		text-align: left;
		font: normal normal 600 30px/40px Rubik;
	}
	.titulo-marketing h2 {
		width: -webkit-fill-available;
		font: normal normal 600 25px / 36px Rubik;
		margin-bottom: 20px!important;
	}
	.subtitulo-marketing {
		text-align: center;
		font: normal normal 500 24px/30px Rubik;
	}
	.texto-marketing p {
		text-align: left;
		font: normal normal normal 22px/33px Rubik;
		width: -webkit-fill-available;
	}
	.titulo-diseño-web h3, .titulo-programacion h3 {
		text-align: left;
		font: normal normal 600 30px/35px Rubik;
		letter-spacing: 0px;
		color: #FFFFFF;
		opacity: 1;
		margin-bottom: 23px!important;
	}
	.titulo-servicio-desarrollo h1 {
		font: normal normal bold 30px/40px Rubik;
	}
	.titulo-servicio-desarrollo h1 {
		text-align: left;
		letter-spacing: 2.5px;
		color: #FFFFFF;
		opacity: 1;
		margin-bottom: 26px!important;
	}
	.subtitulo-desarrollo-web h2 {
		text-align: left;
		font: normal normal 600 26px/30px Rubik;
		letter-spacing: 2px;
		color: #FFFFFF;
		opacity: 1;
		padding-bottom: 36px;
		padding-top: 0px;
		width: -webkit-fill-available;
	}
	.titulo-expande-tu-crecimiento h2 {
		font: normal normal 600 30px/35px Rubik;
		letter-spacing: 0px;
		color: #0968BE;
	}
	.boton-rojo {
		background: #D02A30 0% 0% no-repeat padding-box!important;
		text-align: center;
		font: normal normal normal 20px/30px Rubik!important;
		letter-spacing: 0px;
		color: #FFFFFF!important;
		opacity: 1;
		border-radius: 32px;
		border: none!important;
		padding: 20px 30px;
		width: -webkit-fill-available;
		justify-content: center;
		margin: auto;
	}
	.imagen-listo {
		width: 95%;
	}
}

/* NAV */
#header > div.lqd-head-sec-wrap > div {
	width: -webkit-fill-available;
    display: flex !important;
    flex-direction: row;
    max-width: min-content;
}
#header > div.lqd-head-sec-wrap.pos-rel > div > div:nth-child(2) {
    display: flex;
    justify-content: center;
    background: #fff;
    border-radius: 52%;
    margin-bottom: -58px;
    max-width: 100% !important;
    padding: 0px 119px!important;
    box-shadow: 0px 19px 3px -14px #00000029;
}


.caja-listo-boton.festivales {
    background: #cb3dba;

}
.caja-diseño-web.festivales {
    background: #a7399b;

}
.caja-programación.festivales {
    background: #a14396;

}
.caja-marqueting.festivales {
    background: #933d8ba8;

}
.texto-marketing.confia p {
    text-align: center;
    font: normal normal normal 30px/40px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 100%;
}
.titulo-expande-tu-crecimiento.festivales h2 {
    color: #8e3c84;

}
.subtitulo-expande-tu-crecimiento.festivales p {
    color: #8e3c84;
}
.caja-listo-boton.diseño {
    background: #e6652c;

}
.caja-diseño-web.diseño {
    background: #d5612f7a;
}
.caja-programación.diseño {
    background: #d5612f82;

}
.titulo-expande-tu-crecimiento.diseño h2 {
    color: #fb6928;
}
.subtitulo-expande-tu-crecimiento.diseño p {
    color: #fb6928;
}
.caja-marqueting,diseño {
    background: #cd6a3e;

}
.caja-listo-boton.marqueting {
    background: #55b13e;
}
.caja-programación.marqueting {
    background: #4c8e3c;
}
.caja-diseño-web.marqueting {
    background: #4c8e3c;
}
.titulo-expande-tu-crecimiento.marqueting h2 {
    color: #297217;
}
.subtitulo-expande-tu-crecimiento.marqueting p {
    color: #297217;
}
.caja-marqueting, diseño.marqueting {
    background: #0056a38c;
}

@media only screen and (max-width: 500px) {
	.texto-marketing.confia p {
		font: normal normal normal 24px/35px Rubik;
		width: 100%;
	}
}

.titulo-servicio-desarrollo.nuestros-trabajos h1 {
    text-align: left;
    font: normal normal bold 50px/55px Rubik;
    letter-spacing: 2.5px;
    color: #282828;
    opacity: 1;
}


/* CONTACTO */
#wpcf7-f242-o1 > form > div.contenedor-form input {
	background: #FFFFFF;
    padding: 19px;
    font: normal normal 300 16px / 19px Rubik;
    letter-spacing: 0px;
    color: #373435;
}
#wpcf7-f242-o1 > form > div.contenedor-form textarea {
    background: #FFFFFF;
    padding: 19px;
    font: normal normal 300 16px / 19px Rubik;
    letter-spacing: 0px;
    color: #373435;
    height: 155px!important;
}
#wpcf7-f242-o1 {
    width: auto;
}
#wpcf7-f242-o1 > form > div.contenedor-form > p > label {
	width: -webkit-fill-available;
}
#footer > section > section > div > div:first-child {
    display: flex;
    flex-direction: row;
    background: #1a191985 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
    backdrop-filter: blur(3px);
    padding: 40px 30px;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto;
}
#footer .div-pie > div > div {
    width: -webkit-fill-available!important;
}
#footer > section > section > div > div:first-child > div {
	width: 445px;
}
#footer .div-pie > div > div > div {
	width: 250px;
}
.titulo-contacto-footer p {
    font: normal normal 500 40px/55px Rubik;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    margin-bottom: 25px!important;
}
.texto-contacto-footer p {
    font: normal normal 500 20px/28px Noto Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
#btn-send-cont {
    font: normal normal 500 18px/26px Rubik!important;
    letter-spacing: 0.54px!important;
    color: #FFFFFF!important;
    padding: 15px!important;
    height: fit-content;
    width: -webkit-fill-available;
    background: #D02A30!important;
    border-radius: 6px;
}
.wpcf7-spinner {
	position: absolute;
    top: 16px;
    right: 10px;
}
#footer > section > section > div > div > div.wpb_column > div > div > div {
	margin-bottom: 0;
}
.div-pie {
    margin-top: 70px;
    border-radius: 0;
}
.div-pie > div > div {
	border-radius: 0px!important;
}
.caja-marqueting.diseño{
    background: #cf6d42d1;
}
.caja-marqueting, diseño.marqueting {
    background: #206aaca8;
}
.caja-marqueting.marqueting {
    background: #20ac36a8;
}
.subtitulo-nuestros-trabajos h2 {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 2px;
    color: #282828;
    opacity: 1;
}
.titulo-servicio-desarrollo.nuestros-trabajos h1 {
    text-align: left;
    font: normal normal bold 50px/55px Rubik;
    letter-spacing: 2.5px;
    color: #282828;
    opacity: 1;
}
.subtitulo-nuestros-trabajos.nuestros-trabajos {
    text-align: left;
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 2px;
    color: #282828;
    opacity: 1;
}
.subtitulo-desarrollo-web.nuestros-trabajos-texto h2 {
    text-align: left;
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
}
.logo-footer {
    width: fit-content!important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 18px 18px;
    opacity: 1;
    backdrop-filter: blur(45px);
    padding: 30px 20px 11px!important;
}
.titulos-botones-footer p {
    font: normal normal 600 20px/27px Rubik;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    margin-bottom: 0px!important;
}
.div-pie > div > div {
    padding: 0px!important;
}
#footer .div-pie > div > div > div {
    width: fit-content!important;
}
#footer .div-contactanos-footer > div > div, #footer .div-servicio-footer > div > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 21px;
    margin-top: 28px;
    margin-bottom: 28px;
}
a.botones-contacto-footer, a.botones-servicios-footer {
    font: normal normal normal 20px/normal Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-inline-start: 0!important;
}
a.botones-contacto-footer:hover, a.botones-servicios-footer:hover {
	font-weight: 600;
	font: normal normal normal 20px/normal Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
}
#footer .div-pie > div > div {
    align-items: flex-start!important;
    gap: 50px;
}
a.boton-acceso-footer > span > span {
    font: normal normal normal 20px/20px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
}
a.boton-acceso-footer {
    margin-bottom: 20px;
}
.dvi-redes > div > div {
    display: flex;
    flex-direction: row;
    gap: 13px;
    margin-top: 12px;
}
.dvi-redes > div > div > div {
	width: fit-content;
}
.div-seguinos-footer {
    margin-top: 28px;
}
#footer > section {
    padding-top: 363px;
}
.div-copy > div {
    margin: 0px!important;
    padding: 0px!important;
    width: -webkit-fill-available!important;
}
.div-copy > div > div {
    width: -webkit-fill-available!important;
    padding: 0px!important;
    border-radius: 0px!important;
    background: #4A0F0B!important;
}
#footer .div-copy > div > div > div {
    width: -webkit-fill-available!important;
    padding: 20px 0px;
}
.text-copy p {
    font: normal normal normal 16px/20px Rubik;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.div-contacto {
    padding: 143px 0;
    margin-bottom: -263px;
}
#primary-nav > li.menu-item > ul > li.menu-item {
    width: 46%!important;
}
#primary-nav > li.menu-item > ul > li.menu-item > a > span {
    margin-top: 11px;
    width: 55px;
    margin-bottom: 17px;
    margin-right: 10px;
}
#primary-nav > li.menu-item > ul > li.menu-item > a {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 0px;
    padding: 0px;
}
#primary-nav > li.menu-item > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 0px;
    width: 354px;
    padding: 19px;
}

@media only screen and (max-width: 2600px){
	.div-contacto {
		padding: 106px 0 302px;
		margin-bottom: -348px;
	}
}
@media only screen and (max-width: 1200px) {
	#footer > section > .div-form-footer > div > div > div {
		width: -webkit-fill-available!important;
	}
	.texto-contacto-footer {
		margin-bottom: 30px!important;
	}
}
@media only screen and (max-width: 900px) {  
}
@media only screen and (max-width: 500px) {
	.titulo-contacto-footer p {
		font: normal normal 500 26px/35px Rubik!important;
		letter-spacing: 0.8px;
		color: #FFFFFF;
	}
	.titulo-contacto {
		text-align: left;
		font: normal normal 600 35px/30px Rubik;
		letter-spacing: 1.5px;
		color: #FFFFFF;
		opacity: 1;
	}
	#footer .div-pie > div > div > div {
		width: -webkit-fill-available!important;
		padding-inline: 20px;
	}
	#footer .div-pie > div > div {
		align-items: flex-start!important;
		gap: 0px;
	}
	.text-copy p {
		font: normal normal normal 16px/20px Rubik;
		letter-spacing: 0px;
		color: #FFFFFF;
		padding: 0 15px;
	}
	#footer .logo-footer > div > div > div > figure {
		justify-content: center;
	}
	
}

.boton-es a > span:nth-child(2), .boton-en a > span:nth-child(2) {
	margin-left: 10px; 
}
header#header {
    box-shadow: 0px 3px 6px #00000029;
}
#primary-nav > li.menu-item > a {
	font: normal normal normal 20px/26px Rubik;
	letter-spacing: 0px;
	color: #282828;
}
.boton-es, .boton-en {
    width: max-content;
}
.boton-es a > span:nth-child(2) > img, .boton-en a > span:nth-child(2) > img {
	display: none;
}
#trp-floater-ls {
	display: none;
}
.tu-visión > div > div {
    display: flex;
    flex-direction: column!important;
}
.subtitulo-desarrollo-web.nuestros-trabajos-texto {
    margin-bottom: 70px;
}
#banner-servicio.nuestros-trabajos  a.boton-rojo {
	margin-bottom: 290px;
}
#banner-servicio > div.carousel-nav.carousel-nav-center > button.flickity-button.flickity-prev-next-button.previous {
	left: 8% !important;
}
#banner-servicio > div.carousel-nav.carousel-nav-center > button.flickity-button.flickity-prev-next-button.next {
    right: 8% !important;
}
#banner-servicio > div.carousel-nav.carousel-nav-center > button.flickity-button > svg {
	width: 28px;
}
#div-trabajos-completos {
    margin-bottom: 53px;
}
/*#banner-servicio.nuestros-trabajos {
	background: #fff!important;
}
#banner-servicio.márquetin {
	background: #2f8b18!important;
}*/
/*#banner-servicio.diseño {
	background: #e74700!important;
}*/
#banner-servicio {
    background-size: cover!important;
	background: transparent;
}
/*#banner-servicio.festivales {
	background: #a51794!important;
}*/
.titulo-nuestra-historia {
    padding-top: 186px;
    padding-bottom: 251px;
}
.titulo-suma-diferencial h2 {
    font: normal normal 600 40px/50px Rubik;
    letter-spacing: 0px;
    color: #D02A30;
    opacity: 1;
}
.texto-suma-diferencial {
    margin-block: 30px!important;
}
.subtitulo-suma-diferencial h3 {
    font: normal normal 600 30px/36px Rubik!important;
    margin-bottom: 26px!important;
}
.la-experiencia-cuenta {
    margin-block: 60px;
}
.nuestro-equipo {
    margin-top: 70px;
}
.div-logo-inicios {
    position: absolute;
    width: fit-content;
    top: 0;
    left: 16px;
}
.nuestros-inicios {
    width: 1234px;
    margin: auto;
    padding: 102px 75px;
    border-radius: 20px 100px 0px 0px;
}
.nuestros-inicios > div {
	display: flex;
    justify-content: center;
    flex-direction: row;
}
.div-titulo-inicios {
    width: 42%;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 4px solid #FFFFFF;
    z-index: 2;
}
.nuestros-inicios > div.ld-container.container > div {
	display: flex;
    justify-content: flex-end;
}
#menu-item-195 > ul > li.menu-item {
	border-bottom: 1px solid #707070;
}
#primary-nav > li.menu-item > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 19px;
    width: 338px;
}
#primary-nav > li.menu-item > ul > li.menu-item > a > span {
	margin-top: 20px;
}

@media only screen and (max-width: 900px) {
	#banner-servicio > div.carousel-nav.carousel-nav-floated {
		display: none!important;
	}
	#banner-servicio.nuestros-trabajos  a.boton-rojo {
		margin-bottom: 180px;
	}
}
@media only screen and (max-width: 700px) {
	#trp-floater-ls {
		display: block;
		border: none;
		box-shadow: none!important;
		left: 0%!important;
		height: max-content;
		line-height: normal;
		font-size: 30px;
		top: 47px!important;
	}
	#trp-floater-ls-current-language {
		display: none!important;
	}
	#trp-floater-ls-language-list {
		display: block!important;
	}
}
@media only screen and (max-width: 500px) {
	.titulo-servicio-desarrollo.nuestros-trabajos h1 {
		text-align: left;
		font: normal normal bold 35px/46px Rubik;
		letter-spacing: 2.5px;
		color: #282828;
		opacity: 1;
	}
	.subtitulo-nuestros-trabajos h2 {
		text-align: left;
		font: normal normal 600 24px/normal Rubik;
		letter-spacing: 2px;
		color: #282828;
		opacity: 1;
		margin-bottom: 20px!important;
	}
	.botones-div-trabajos {
		padding: 36px 0;
		background: #fff;
	}
	#banner-servicio.nuestros-trabajos a.boton-rojo {
		margin-bottom: 216px;
	}
	div.carousel-dots-mobile.carousel-dots-style4 {
		display: none;
	}
	#trp-floater-ls {
		display: block;
		border: none;
		box-shadow: none!important;
		left: 0%!important;
		height: max-content;
		line-height: normal;
		font-size: 30px;
		top: 19px!important;
	}
	#trp-floater-ls.trp-floater-ls-codes  #trp-floater-ls-current-language a, #trp-floater-ls.trp-floater-ls-codes #trp-floater-ls-language-list {
		margin-top: -11px;
	}
	.lqd-mobile-sec .main-nav {
		width: 100%;
		font-size: 18px;
	}
	#header > div > div.navbar-header > a > span > img {
		width: 66%;
	}
	.div-suma-imagen {
		order: 1;
	}
	.div-suma-texto {
		order: 2;
	}
	.titulo-nuestra-historia {
		padding-top: 83px;
		padding-bottom: 232px;
		font: normal normal bold 32px / normal Rubik !important;
	}
	.titulo-suma-diferencial h2 {
		font: normal normal 600 26px/normal Rubik;
		letter-spacing: 0px;
		color: #D02A30;
		opacity: 1;
	}
	.subtitulo-suma-diferencial h3 {
		font: normal normal 600 22px/normal Rubik!important;
		margin-bottom: 26px!important;
	}
	.nuestros-inicios {
		width: 90%;
		margin: auto;
		padding: 93px 16px;
		border-radius: 20px;
	}
	.div-titulo-inicios {
		width: 100%;
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 4px solid #FFFFFF;
		z-index: 2;
		text-align: left;
	}
	.titulo-nuestros-inicios {
		text-align: left;
		font: normal normal 600 23px/normal Rubik;
		letter-spacing: 0px;
		color: #FFFFFF;
		opacity: 1;
		margin-top: 151px;
	}
	.nuestro-equipo {
		margin-top: 52px;
		margin-bottom: -47px;
	}
	.titulo-la-experiencia-cuenta {
		font: normal normal 600 40px/50px Rubik!important;
		letter-spacing: 0px;
		text-align: left;
	}
	.texto-la-experiencia-cuenta {
		text-align: left;
	}
	#footer > section {
		padding-top: 310px;
	}
	.titulo-nuestros-trabajos h3 {
		text-align: left;
		font: normal normal 600 30px/normal Rubik;
		letter-spacing: 0px;
		color: #D02A30;
		opacity: 1;
	}
	.trp-language-wrap a {
		font-size: 66%;
	}
}
#banner-home {
    height: 760px;
}
#banner-home > div.ld-container.container > div > div {
	margin-left: -93px;
}



/* home */
.titulo-servicio h1 {
    visibility: hidden;
}
.titulo-servicio.home h2 {
    margin-bottom: 25px!important;
    font: normal normal 500 40px/45px Rubik;
    letter-spacing: 0.8px;
    color: #686868;
    text-transform: uppercase;
}
.subtitulo-rojo.home p {
    margin-bottom: 20px!important;
}
.servicios-tab > div > div > div > div > div > div > nav > ul {
	width: 55%;
    margin: auto;
    margin-top: 56px!important;
}
.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container.container-fluid > div {
	width: 74%;
    margin: auto;
    display: flex;
    gap: 95px;
    flex-direction: row;
    margin-top: 32px;
}
.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:last-child {
	width: 43%;
}
.titulo-tab {
    margin-block: 20px!important;
}
.texto-tab {
    margin-bottom: 67px!important;
}
.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container.container-fluid > div > div:last-child > div > div {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	
}
a.boton-flecha span {
    padding: 0px!important;
    border: none;
}
a.boton-flecha {
    text-align: right;
    font: normal normal normal 20px/20px Rubik;
    letter-spacing: 0px;
    color: #686868;
    opacity: 1;
    margin-bottom: 30px;
	border: none;
}

a.boton-flecha:hover {
    background: transparent;
    transform: none;
    box-shadow: none;
    color: #686868;
}
a.boton-flecha i {
	color: #DEBF3F;
    border: 2px solid #DEBF3F;
    border-radius: 74%;
    padding: 5px 13px;
	margin: 2px;
}
a.boton-flecha:hover i {
    color: #fff;
    border: 2px solid #DEBF3F;
    border-radius: 74%;
    padding: 5px 13px;
    background: #DEBF3F;
}
a.boton-flecha i:before {
	font-size: 33px;
}
.sec-contador > div > div > div {
    background: #0968be5e 0% 0% no-repeat padding-box;
    border-radius: 35px;
    backdrop-filter: blur(30px);
    padding: 44px;
}
.titulo-contador {
    margin-bottom: 22px!important;
}
.subtitulo-contador {
    width: 81%;
    margin: auto;
    margin-bottom: 54px!important;
}
.sec-contador {
	width: 90%;
    margin: auto;
    margin-top: 32px;
}
.lqd-counter-element {
    font: normal normal 500 71px/98px Rubik;
    letter-spacing: 1.42px;
    color: #FFFFFF!important;
    text-transform: capitalize;
    margin-bottom: 0px;
}
#banner-home > div.ld-container.container > div > div {
    margin-left: -545px;
    margin-top: 48px;
}
a.boton-amarillo:hover {
    transform: none;
    box-shadow: none;
    background: #d02a30;
}
.titulo-perfil-en-crecimiento {
    margin-top: 74px!important;
    margin-bottom: 20px!important;
}
.texto-perfil-en-crecimiento {
    margin-bottom: 58px!important;
}
article div.lqd-lp-author {
	display: none!important;
}
article time.lqd-lp-date {
    font: normal normal 600 16px/26px Rubik;
    letter-spacing: 0px;
    color: #282828;
}
article h2.entry-title.lqd-lp-title {
    font: normal normal 600 22px/26px Rubik;
    letter-spacing: 0px;
    color: #282828;
    text-align: left;
}
.sec-blog {
    padding-bottom: 265px;
    margin-bottom: -187px;
	z-index: 2;
}
#footer {
    z-index: 3;
    position: relative;
}
.buscas-home .caja-marqueting {
    background: #811a1280;
}
.boton-trabajo-home {
    padding-bottom: 81px;
    padding-top: 25px;
} 
.titulo-historia {
    padding-top: 81px;
    padding-bottom: 37px;
}
.texto-historia {
    padding-bottom: 47px;
}
.cajas-innovacion > div > div > div {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 6px 9px #0000006E;
    border-radius: 35px;
    opacity: 1;
    backdrop-filter: blur(24px);
    padding: 23px 17px;
    width: 30%;
}
.segundo-titulo {
    padding-bottom: 42px;
}
.cajas-innovacion > div > div {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 54px;
}
.sec-historia {
    width: 64%;
    margin: auto;
}
.imagen-historia > figure > div {
	margin-bottom: 16px!important;
}
.titulo-debajo-imagen-historia {
    margin-bottom: 11px!important;
}
.cajas-innovacion {
    margin-bottom: 57px;
}
.titulo-opinion-clientes {
    font: normal normal 500 40px/55px Rubik;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 221px;
    margin-bottom: 77px!important;
}
.carrusel-testi {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 140px 0px;
    padding: 38px 118px 23px 81px;
    height: 385px;
    margin-bottom: 273px;
}
.carrusel-testi > div.carousel-items > div > div > div.carousel-item > div > div {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 44px;
}
.texto-testi {
    width: 600px;
}
.texto-testi p {
    font: normal normal normal 20px/26px Rubik;
    letter-spacing: 0px;
    color: #282828;
}
.firma-testi {
    padding-top: 95px;
    width: 336px;
    margin: 0;
}
.firma-testi p {
	font: normal normal normal 16px/20px Rubik;
	letter-spacing: 0px;
	color: #282828;
}
.firma-testi strong {
	color: #D72A31;
}
.sec-testi > div > div > div {
	width: 89%;
    margin: auto;
}
.img-testi-megafono {
    position: absolute;
    top: 342px;
    left: -416px;
}
.carousel-nav.carousel-nav-right.carousel-nav-floated {
    left: auto;
    right: 149px;
    top: 341px;
}
.carrusel-testi div.carousel-nav > button > svg {
    fill: #ff000a;
    border: 1px solid #f6000a;
    padding: 7px 13px;
    border-radius: 69%;
}
@media only screen and (max-width: 800px) {
	.blog {
		width: -webkit-fill-available;
	}
}
#servicios > div > div > div > div > div > div > div > div.lqd-tabs-pane > div {
	background-size: 100% 65%;
}
#banner-home-mobile,#botones-home-mobile {
	display: none;
}
.lqd-blog-post-style-6 .cat-links a, article > div > div > header > div.entry-meta > div.byline, .blog-post-footer.entry-footer, #commentform, #reply-title {
	display: none;
}
h1.entry-title {
    font: normal normal 600 40px / 50px Rubik!important;
    letter-spacing: 0px;
    color: #D02A30;
}
div#botones-banner-home {
    position: absolute;
    left: 0px;
    bottom: -602px;
}
@media only screen and (max-width: 2000px) {  
	#banner-home > div.ld-container.container > div > div {
    	margin-left: -295px;
    	margin-top: 48px;
	}
	#servicios > div > div > div > div > div > div > div > div.lqd-tabs-pane > div {
    	background-size: contain;
	}
	div#botones-banner-home {
		left: 30px;
		bottom: -564px;
	}
}
@media only screen and (max-width: 1600px) {
	#banner-home {
		height: 578px;
	}
	div#botones-banner-home {
		left: 0px;
		bottom: -413px;
	}
	#banner-home > div.ld-container.container > div > div {
    	margin-left: -97px;
    	margin-top: 78px;
	}
	.servicios-tab > div > div > div > div > div > div > nav > ul {
    	width: 66%;
    	margin: auto;
    	margin-top: 56px!important;
	}
	.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:first-child {
		width: 33%;
	}
	.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:last-child {
		width: 58%;
	}
	#servicios > div > div > div > div > div > div > div > div.lqd-tabs-pane > div {
    	background-size: 123%;
	}
	.cajas-innovacion > div > div > div {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 3px 6px 9px #0000006E;
		border-radius: 35px;
		opacity: 1;
		backdrop-filter: blur(24px);
		padding: 23px 17px;
		width: 29%;
	}
}
@media only screen and (max-width: 1500px) {
	div#botones-banner-home {
        left: 0px;
        bottom: -301px;
    }
	#banner-home > div.ld-container.container > div > div {
    	margin-left: -64px;
    	margin-top: 185px;
	}
	.servicios-tab > div > div > div > div > div > div > nav > ul {
    	width: 68%;
    	margin: auto;
   	 	margin-top: 56px!important;
	}
	.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:first-child {
		width: 37%;
	}
	.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:last-child {
    	width: 53%;
	}
	#servicios > div > div > div > div > div > div > div > div.lqd-tabs-pane > div {
    	background-size: 136%;
	}
	.titulo-opinion-clientes {
		margin-top: 112px;
		margin-bottom: 77px!important;
	}
	.carrusel-testi {
		margin-bottom: 384px;
	}
}
@media only screen and (max-width: 1400px) {
	#banner-home > div.ld-container.container > div > div {
		margin-left: -28px;
		margin-top: 185px;
	}
	#servicios > div > div > div > div > div > div > div > div.lqd-tabs-pane > div {
		background-size: 145%;
	}
	.sec-historia {
		width: 82%;
		margin: auto;
	}
} 
@media only screen and (max-width: 1200px) {
	.servicios-tab > div > div > div > div > div > div > nav > ul {
		width: 89%;
		margin: auto;
		margin-top: 56px!important;
	}
	#servicios > div > div > div > div > div > div > div > div.lqd-tabs-pane > div {
		background-size: cover;
	}
.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:first-child {
		width: 50%;
		margin: auto;
	}
.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:last-child {
		width: 90%;
	}
	.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container.container-fluid > div > div:last-child > div > div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.texto-tab {
		margin-bottom: 20px!important;
	}
	.texto-tab {
		text-align: left;
		font: normal normal normal 20px/26px Rubik;
		letter-spacing: 0px;
		color: #FFFFFF;
		opacity: 1;
		min-height: auto;
	}
	.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container.container-fluid > div {
		width: 90%;
		margin: auto;
		display: flex;
		gap: 0px;
		flex-direction: row;
		margin-top: 32px;
		margin-bottom: 55px;
	}
	a.boton-flecha {
		text-align: right;
		font: normal normal normal 20px/20px Rubik;
		letter-spacing: 0px;
		color: #fff;
		opacity: 1;
		margin-bottom: 30px;
		border: none;
		margin-top: 21px;
		margin-inline: 17px;
	}
	.sec-contador > div > div > div > div > div > div > div > div > div {width: 80%;
    	margin: auto;
	}
	.sec-contador > div > div > div > div > div > div > div > div {    display: flex;
    	flex-direction: column;
	}
	.titulo-opinion-clientes {
		font: normal normal 500 40px/55px Rubik;
		letter-spacing: 0.8px;
		color: #FFFFFF;
		opacity: 1;
		margin-top: 89px;
		margin-bottom: 77px!important;
	}
	.carrusel-testi {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 0px 0px 140px 0px;
		padding: 38px 118px 23px 81px;
		height: auto;
		margin-bottom: 378px;
	}
	.firma-testi {
		padding-top: 87px;
		width: 476px;
		margin: 0;
	}
	.trabajo-home {
		margin-top: -89px;
	}
	#banner-home {
        height: 482px;
    }
	div#botones-banner-home {
		left: -39px;
		bottom: -226px;
	}
	.titulo-marketing h2 {
		width: 100%;
	}
	.texto-marketing p {
		width: 100%;
		font: normal normal normal 20px / 30px Rubik;
		margin-bottom: -20px;
		margin-top: 20px;
	}
}
@media only screen and (max-width: 900px) {
	#banner-home > div.lqd-vbg-wrap > div > video {
			width: 0;
	}
	#banner-home-mobile,#botones-home-mobile {
		display: block;
	}
	#banner-home {
		display: none;
	}
	section#banner-home-mobile {
		text-align: center;
		padding-bottom: 4%;
		padding-top: 117%;
	}
	.titulo-servicio.home {
		margin-top: -47px;
	}
	.caja-servicio > div > div > div > div > div > div > div > div > div.vc_col-sm-6 {
		width: 90%;
		margin: auto;
	}
	.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:last-child {
    	width: 100%;
		margin: auto;
	}
	.cajas-innovacion > div > div > div {
		width: 100%;
		margin: auto;
	}
	.img-testi-megafono {
		display: none;
	}
	.texto-testi {
		width: 100%;
		margin: auto;
	}
.carrusel-testi {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 0px 0px 140px 0px;
		padding: 38px 68px;
		height: -webkit-fill-available;
		margin-bottom: 337px;
	}
	.firma-testi {
		padding-top: 31px;
		width: 100%;
		margin: 0;
	}
	.carrusel-testi > div.carousel-items > div > div > div.carousel-item > div > div {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
	}
	.sec-trabajos {
		padding-top: 0px;
	}
	section#banner-home-mobile {
		text-align: center;
		padding-bottom: 4%;
		padding-top: 113%;
	}
	section#botones-home-mobile {
		padding: 37px;
		text-align: center;
		margin-bottom: -34px;
	}
}
@media only screen and (max-width: 500px) {
	.titulo-perfil-en-crecimiento {
		font: normal normal 600 26px/normal Rubik;
	}
	a.boton-amarillo {
		width: 96%;
		justify-content: center;
		margin-bottom: 20px;
	}
	.titulo-servicio.home {
		margin-top: -123px;
	}
	.titulo-servicio.home h2 {
		margin-bottom: 25px!important;
		font: normal normal 500 26px/normal Rubik;
		letter-spacing: 0.8px;
		color: #686868;
		text-transform: uppercase;
	}
	.subtitulo-rojo p {
		text-align: left;
		font: normal normal 500 30px/normal Rubik!important;
		letter-spacing: 0.8px;
		color: #D72A31;
		opacity: 1;
	}
	.servicios-tab > div > div > div > div > div > div > nav > ul {
		width: 100%;
		margin: auto;
		margin-top: 56px!important;
		display: flex;
		flex-direction: column;
	}
	.titulo-contador {
		text-align: left;
		font: normal normal 500 27px/normal Rubik;
		letter-spacing: 0.8px;
		color: #FFFFFF;
		opacity: 1;
	}
	.subtitulo-contador {
		width: 100%;
		margin: auto;
		margin-bottom: 54px!important;
		text-align: center;
		font: normal normal normal 22px / normal Rubik;
	}
	.lqd-counter-element {
		font: normal normal 500 40px/normal Rubik;
		letter-spacing: 1.42px;
		color: #FFFFFF!important;
		text-transform: capitalize;
		margin-bottom: 19px;
	}
	.lqd-counter-text {
		position: relative;
		z-index: 2;
		line-height: 1.5em;
	}
	.titulo-historia {
		text-align: center;
		font: normal normal 600 30px/normal Rubik;
		letter-spacing: 0px;
		color: #282828;
		opacity: 1;
	}
	.segundo-titulo {
		text-align: center;
		font: normal normal 500 26px/normal Rubik;
		letter-spacing: 0px;
		color: #282828;
		opacity: 1;
	}
	.titulo-opinion-clientes {
		font: normal normal 500 26px/normal Rubik;
		letter-spacing: 0.8px;
		color: #FFFFFF;
		opacity: 1;
		margin-top: 89px;
		margin-bottom: 60px!important;
	}
	.carrusel-testi {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 59px;
		padding: 38px 39px;
		height: -webkit-fill-available;
		margin-bottom: 10px;
	}
	.trabajo-home {
		margin-top: 0px;
		padding-top: 41px;
	}
	.botones-div-trabajos {
		padding: 36px 0;
		background: transparent;
	}
	.botones-trabajos.boton-todos:hover, .botones-trabajos.boton-todos.active {
		background: transparent !important;
	}
	.carrusel-testi {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 59px;
		padding: 38px 39px;
		height: -webkit-fill-available;
		margin-bottom: 10px;
		max-height: 752px;
	}
	.boton-rojo {
		margin-inline-start: 0px!important;
	}
	a.boton-amarillo {
		justify-content: center;
		margin: auto;
		margin-bottom: 21px;
		margin-top: 20px;
		width: -webkit-fill-available;
	}
	section#banner-home-mobile {   
		padding-bottom: 13%;
    	padding-top: 123%;
	}
	span.lqd-counter-text.lqd-text-bottom {
		text-align: center;
		font: normal normal 300 23px/normal Rubik;
		letter-spacing: 0.6px;
		color: #FFFFFF;
		opacity: 1;
	}
	.titulo-tab {
		text-align: left;
		font: normal normal 600 30px/normal Rubik;
		letter-spacing: 0px;
		color: #FFFFFF;
		opacity: 1;
	}
	.titulo-contacto h1 {
		text-align: left;
		font: normal normal 600 30px/normal Rubik;
		letter-spacing: 1.5px;
		color: #FFFFFF;
		opacity: 1;
	}
	.titulo-nuestra-historia h1 {
		text-align: left;
		font: normal normal bold 30px/normal Rubik!important;
		letter-spacing: 2.5px;
		color: #FFFFFF;
		opacity: 1;
	}
	.titulo-nuestros-trabajos {
		margin-top: 65px;
	}
	.titulo-nuestra-historia h1 {
		font: bold 30px / normal Rubik !important;
	}
	.sec-trabajos {
		background: #fff;
	}
	.sec-trabajos.home {
		background: transparent;
	}
	h1.entry-title {
		font: normal normal 600 25px / 30px Rubik!important;
		letter-spacing: 0px;
		color: #D02A30;
	}
	.servicios-tab > div > div > div > div > div > div > div > div.lqd-tabs-pane > div > div.ld-container > div > div:first-child {
		width: 100%;
		margin: auto;
	}
}
.lqd-tabs-style-4 .lqd-tabs-nav:before {
    background-color: transparent!important;
}

.icono-titulo-servicio {
    width: 35%;
}