/*
Theme Name: yoSeo2022V2
Theme URI: #
Author: yoSeo 
Author URI: #
Description: Tema personalizado de yoseo
Tags: try
Version: 1.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yoSeo
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.home-h1 {
  display: flex;
  align-items: center;
  column-gap: 5px;
  flex-wrap: wrap;
}



.container .listing{
  max-width: 100%;

}

/**************************************************************
BANNERS
**************************************************************/

.imagenGeneralBanner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 425px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

.imagenGeneralBannerSinPadding {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 866px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

/*============LANDING==============*/
.imagenGeneralBannerLanding {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 425px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

.imagenSuperiorLanding {
  background-image: url("assets/img/fondo-cabecera-home.png");
}

/*============LANDING==============*/

.imagenSuperior {
  background-image: url("assets/img/fondo-cabecera-home.png");
}

.imagenSuperiorSeoProactivo {
  background-image: url("assets/img/waves.jpg");
  justify-content: flex-start;
}

.imagenSuperiorHola {
  background-image: url("assets/img/fondoGenericoPostAzul.png");
  justify-content: flex-start;
}

.imagenSuperiorListingBolg {
  background-image: url("assets/img/cabecera-listing-blog.png");
  justify-content: flex-start;
  background-position: top center;
}

.imagenPreBannerHeros {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 500px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

.subTitutloBannerHeros {
  text-align: center;
}

.imagenSuperiorHeros {
  /* background-image: url("assets/img/fondo-cabecera-home.png"); */
  background-color: var(--amarillo2);
}

.BannerHeros2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 850px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  /* background-image: url("assets/img/fondoNegro.jpg"); */
  background-color: var(--primario2);
  color: var(--blanco);
  text-align: center;
}

.BannerHeros2>div>div>div>p {
  font-family: var(--tipoNeueMachinaLight);
  font-size: calc(var(--tamanio-base) * 1.3rem);
}

.BannerHeros2 .frase {
  font-size: calc(var(--tamanio-base) * 5rem);
  line-height: initial;
  color: var(--blanco);
  font-family: var(--tipoNeueMachina-bold);
}

.BannerHeros2 .iconoMas {
  font-size: calc(var(--tamanio-base) * 6rem);
  font-weight: 100;
  color: var(--blancoOpacidad);
  padding: 2rem 0;
}

.imagenPreBannerHeros .frase {
  font-size: calc(var(--tamanio-base) * 5rem);
  line-height: initial;
  color: var(--primario2);
  font-family: var(--tipoNeueMachina-bold);
  text-align: center;
}

.imagenSuperiorHola .frase {
  font-size: calc(var(--tamanio-base) * 1.72rem);
  line-height: calc(var(--tamanio-base) * 2.25rem);
  color: var(--blanco);
  font-family: var(--tipoNeueMachinaRegular);
  margin: 5rem 2rem;
}

.imagenGeneralBanner .frase {
  font-size: calc(var(--tamanio-base) * 1.72rem);
  line-height: calc(var(--tamanio-base) * 2.25rem);
  color: var(--blanco);
  font-family: var(--tipoNeueMachinaRegular);
  margin: 5rem 2rem;
}

.imagenSuperior .frase {
  font-size: calc(var(--tamanio-base) * 7.5rem);
  line-height: calc(var(--tamanio-base) * 7.5rem);
  color: var(--blanco);
  font-family: var(--tipoNeueMachinaRegular);
  width: 100rem;
  margin-left: 16rem;
}

.imagenSuperior .idea {
  font-size: calc(var(--tamanio-base) * 10.4rem);
  line-height: calc(var(--tamanio-base) * 6.25rem);
  color: var(--blanco);
  font-family: var(--tipo2UltraBold);
  width: 50%;
  margin-left: 16rem;
}

.imagenSuperior .idea:after {
  content: "+";
  font-size: calc(var(--tamanio-base) * 4.5rem);
  line-height: calc(var(--tamanio-base) * 4.5rem);
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--tipoMontserratLight);
  padding-left: 20px;
}

/*============LANDING==============*/

.imagenSuperiorLanding .frase {
  font-size: calc(var(--tamanio-base) * 7.5rem);
  line-height: calc(var(--tamanio-base) * 7.5rem);
  color: var(--blanco);
  font-family: var(--tipoNeueMachinamedium);
  width: 100rem;
  margin-left: 16rem;
}

.imagenSuperiorLanding .idea {
  font-size: calc(var(--tamanio-base) * 10.4rem);
  line-height: calc(var(--tamanio-base) * 4.25rem);
  color: var(--blanco);
  font-family: var(--tipo2UltraBold);
  width: 50%;
  margin-left: 16rem;
}

.imagenSuperiorLanding .idea:after {
  content: "+";
  font-size: calc(var(--tamanio-base) * 4.5rem);
  line-height: calc(var(--tamanio-base) * 4.5rem);
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--tipoMontserratLight);
  padding-left: 20px;
}

/*============FIN LANDING==============*/
.telefonoHome,
.telefonoHeros {
  position: sticky;
  top: 90px;
  float: right;
  right: 10rem;
  display: flex;
  font-family: var(--tipo2Normal);
}

.telefonoHome p,
.telefonoHeros p {
  background-color: var(--primario1);
  font-size: calc(var(--tamanio-base) * 0.95rem);
  color: #fff;
  margin: 0 0.15rem;
  padding: 0.2rem 0.75rem;
  font-family: var(--tipoNeueMachinaRegular);
}

.telefonoHome p:first-child,
.telefonoHeros p:first-child {
  color: rgba(255, 255, 255, 0.884);
  font-size: calc(var(--tamanio-base) * 0.7rem);
}

.telefonoHome a,
.telefonoHeros a {
  color: var(--blanco);
  text-decoration: none;
}

#emailFixed {
  background-color: var(--primario1);
}

.cabeceraseo {
  background-image: url(assets/img/cabeceraseo2.png);
  justify-content: flex-start;
}

.cabecerasem {
  background-image: url(assets/img/cabecerasem.png);
  justify-content: flex-start;
}

.cabeceraanalitica {
  background-image: url(assets/img/cabeceraanalitica.png);
  justify-content: flex-start;
}

.cabeceradesarrollo {
  background-image: url(assets/img/cabeceradesarrollo.png);
  justify-content: flex-start;
}

.cabeceradiseno {
  background-image: url(assets/img/cabeceradiseno.png);
  justify-content: flex-start;
}

.cabeceraotras {
  background-image: url(assets/img/cabeceraotras.png);
  justify-content: flex-start;
}

.cabeceraComoTrabajamos {
  background-image: url(assets/img/comotrabamos.jpg);
}

.cabeceraComoTrabajamos {
  text-align: center;
}

.fraseComoTrabajamos>p {
  font-family: var(--tipoMontserratLight);
  font-size: calc(var(--tamanio-base) * 1.72rem);
  line-height: calc(var(--tamanio-base) * 2rem);
}

.fraseComoTrabajamos>p>span {
  font-size: calc(var(--tamanio-base) * 5rem);
}

/*404*/
.Banner404>div>div>div>h2,
.Banner404>div>div>div>p {
  color: var(--blanco);
}

.Banner404 .frase404 {
  font-size: calc(var(--tamanio-base) * 7rem);
  line-height: initial;
  color: var(--blanco);
  font-family: var(--tipoNeueMachinamedium);
}

.cabecera404 {
  background-image: url(assets/img/cabecera404.png);
  /* justify-content: flex-start; */
  text-align: center;
}

.blanco {
  color: white;
}

/*404*/

/**************************************************************
TITULO
**************************************************************/

.TituloEncimaBanner {
  font-size: calc(var(--tamanio-base) * 5rem);
  font-family: var(--tipoNeueMachina-bold);
  margin-bottom: -0.67rem;
  z-index: 2;
}

.tituloVideo {
  font-size: calc(var(--tamanio-base) * 4.5rem);
  /* padding: 3rem; */
  font-family: var(--tipoNeueMachina-bold);
  line-height: 100%;
  color: var(--primario2);
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}

.tituloSinNegrita {
  font-weight: 500;
  font-family: var(--tipoMontserratRegulart);
}

.tituloCajaNewsletter {
  font-family: var(--tipoNeueMachinamedium);
  /* font-weight: 700; */
  font-size: calc(var(--tamanio-base) * 1.09rem);
}

.tituloMonserat {
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 3rem);
}

.tituloPost {
  font-family: var(--tipoNeueMachina-bold);
}

.tituloPost a {
  color: var(--primario2);
  text-decoration: none;
  font-size: calc(var(--tamanio-base) * 1.25rem);
}

.tituloProcesos {
  font-family: var(--tipoMontserratBold);
}

.BordeCajaProcesosTitulo {
  font-family: var(--tipoMontserratBold);
}

.titulodivFlotante {
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 1.5rem);
  margin-bottom: 0.1rem;
  margin-top: 0.75rem;
}

.subtitulodivFlotante {
  font-family: var(--tipoNeueMachina-bold);
  margin-bottom: 0.1rem;
}

/*CSS PARA LA PARTE NEGRA DE UNA PAG INTERNA*/
.caraBTitulo {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("assets/img/fondoNegro.jpg");
}

.caraBTitulo h1 {
  font-family: var(--tipoMontserratBold);
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 3.5rem);
  opacity: 0.65;
}

.caraBTitulo p {
  font-family: var(--tipoMontserratMedium);
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 1rem);
  opacity: 0.65;
}

.spacioCaraBTitulo {
  padding: 8.8rem;
}

/*FIN CSS PARTE NEGRA*/

.hrTitulo {
  width: 85%;
  margin: auto;
  background-color: var(--primario2);
  opacity: 1;
  border-radius: 0.5rem;
  height: 0.15rem !important;
}

.tituloIzquierdoZonaAmarilla {
  font-family: var(--tipoMontserratBold);
  font-size: calc(var(--tamanio-base) * 2rem);
}

.alineacionTitulo {
  display: flex;
  align-items: center;
}

.bordeTitulo {
  border-bottom: 3px solid var(--primario2);
}

.ajustarNumeroTitulo {
  padding-top: 1.77rem;
}

.activo>p.tituloNegroAccordion {
  color: var(--yelow);
}

/**POST*/
.tituloPostGeneral>a {
  text-decoration: none;
  color: var(--primario2);
  font-size: calc(var(--tamanio-base) * 1.2rem);
  font-family: var(--tipoNeueMachinamedium);
}

.tituloSabemosComoHacerlo {
  font-family: var(--tipoNeueMachinaRegular);
  font-size: calc(var(--tamanio-base) * 1.25rem);
  margin-bottom: 0;
}

.tituloFAQ {
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 5.5rem);
  line-height: inherit;
  margin-top: -2rem;
}

.tituloPreguntasFrecuentesFAQ {
  font-family: var(--tipoNeueMachinamedium);
  font-size: calc(var(--tamanio-base) * 2.4rem);
}

.tituloSeccionSabemosComoHacerlo {
  font-family: var(--tipoMontserratBold);
  font-size: calc(var(--tamanio-base) * 0.75rem);
  margin-bottom: 0.2rem;
}

.titulodivFlotantePost {
  font-family: var(--tipoNeueMachinamedium);
  font-size: calc(var(--tamanio-base) * 1.25rem);
  margin-bottom: 0.1rem;
  margin-top: 0.75rem;
}

.elTituloPost {
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 3.5rem);
  margin-bottom: 1rem;
}

/**FIN POST*/

/**************************************************************
custom spacios
**************************************************************/
.espacio50 {
  padding: 3.13rem 0;
}

.spacio10 {
  height: 1.75rem;
  padding: 0;
  margin: 0;
}

.spacio20 {
  height: 3.56rem;
  padding: 0;
  margin: 0;
}

.spacio30 {
  height: 5.31rem;
  padding: 0;
  margin: 0;
}

.spacio40 {
  height: 7.06rem;
  padding: 0;
  margin: 0;
}

.spacio50 {
  height: 8.87rem;
  padding: 0;
  margin: 0;
}

.caraBtextoIzqSpacio {
  padding: 0 4rem;
}

/**POST*/
.spacioCajasPostRelacionados {
  padding: 0 1rem;
}

/*POST*/
/**************************************************************
BOTONES
**************************************************************/

.btnNegrodivFlotante {
  border: none;
  font-size: calc(var(--tamanio-base) * 0.8rem);
  font-family: var(--tipoNeueMachina-bold);
  background-color: var(--primario2);
  color: #fff;
  padding: 0.2rem 1.5rem;
}

.btnNegrodivFlotante i {
  margin-left: 0.75rem;
}

.botonNegro {
  border: none;
  font-size: calc(var(--tamanio-base) * 0.71rem);
  font-family: var(--tipoNeueMachina-bold);
  background-color: var(--primario2);
  color: #fff;
  margin-right: 0.75rem;
  padding: 0.5rem 0.95rem;
  /*JORGE*/
  text-decoration: none;
  /*JORGE*/
}

.botonNegro i.fas.fa-arrow-right {
  padding-left: 0.5rem;
}

.botonActivo {
  background-color: var(--primario1);
  color: #fff;
  padding: 0.5rem 0 0.5rem 0.95rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.71rem);
  font-family: var(--tipoNeueMachina-bold);
  text-decoration: unset;
}

.botonActivo:hover {
  color: #fff;
}

.botonActivo i.fas.fa-arrow-right {
  padding-left: 0.5rem;
}

.botonReposo {
  border: none;
  font-size: calc(var(--tamanio-base) * 0.71rem);
  padding: 0.5rem 0.95rem;
  background-color: var(--primario3);
  font-family: var(--tipoNeueMachina-bold);
  text-decoration: unset;
  /*jorge*/
  color: var(--primario2);
}

.botonReposo:hover {
  cursor: pointer;
}

.botonReposo i.fas.fa-arrow-right {
  padding-left: 0.5rem;
}

.botonBlanco {
  background-color: var(--blanco);
  color: var(--primario2);
  padding: 0.5rem 0.95rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.71rem);
}

p.fakeBotonBlanco {
  background-color: var(--blanco);
  color: var(--primario2);
  padding: 0.5rem 0.95rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.71rem);
  width: fit-content;
  font-family: "NeueMachina-bold";
  display: inline-block;
}

.botonBlanco i.fas.fa-arrow-right {
  padding-left: 0.5rem;
}

.finCaraB .botones {
  display: flex;
  gap: 0.75rem;
}

.botonSabemosComoHacerloVerMas {
  text-decoration: none;
  color: var(--primario2);
  background-color: var(--primario3);
  border-radius: 3rem;
  font-size: calc(var(--tamanio-base) * 0.7rem);
  padding: 0.25rem 1rem;
  font-family: var(--tipoMontserratMedium);
}

.botonSabemosComoHacerloVerMas2 {
  text-decoration: none;
  color: var(--primario2);
  background-color: var(--primario3);
  border-radius: 3rem;
  font-size: calc(var(--tamanio-base) * 0.65rem);
  padding: 0.25rem 1rem;
  font-family: var(--tipoMontserratMedium);
}

.botonSabemosComoHacerloVerMas:hover {
  color: var(--primario2);
}

.botonSabemosComoHacerloDescarga {
  text-decoration: none;
  color: var(--primario2);
  background-color: var(--verde1);
  border-radius: 3rem;
  font-size: calc(var(--tamanio-base) * 0.7rem);
  padding: 0.25rem 1rem;
  font-family: var(--tipoMontserratMedium);
}

.cajaInternaTxtBotonSabemosComoHacerlo {
  display: flex;
  border-bottom: 1px solid var(--primario2);
  align-items: center;
  gap: 1.12rem;
}

.cajaInternaTxtBotonSabemosComoHacerlo .botonDivSabemosComoHacerlo {
  flex: 0 0 5em;
  flex-basis: auto;
}

/**************************************************************
FONDOS
**************************************************************/
.fondoGris {
  background-color: var(--primario3);
}

.fondoGrisVideo {
  background-color: #f5f5f5;
}

.fondoAmarillo {
  background-color: var(--amarillo2);
}

.fondoNegro {
  background-color: var(--primario2);
  color: var(--blanco);
  font-family: var(--tipoNeueMachinaRegular);
}

.fondoBlanco {
  background-color: var(--blanco);
  font-family: var(--tipoNeueMachinaRegular);
  padding: 0.5rem 0.75rem;
}

.fondoAzul {
  background-color: var(--primario1);
}

.Fondospecial1 {
  background-color: var(--special1);
}

.fondoAzul h1 {
  color: var(--blanco);
}

.fondoAzul h6 {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 2.1rem);
}

.fondoNegro {
  background-color: var(--primario2);
}

.soloFondoNegroCaraB h2 {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 3rem);
}

.soloFondoNegroCaraB h3 {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 2.5rem);
  font-family: var(--tipoMontserratBold);
}

.soloFondoNegroCaraB p {
  color: #ffffffc2;
  margin-bottom: 0;
}

.soloFondoNegroCaraB p>strong {
  color: var(--blanco);
}

.soloFondoNegroCaraB ul {
  color: #ffffffc2;
  font-size: calc(var(--tamanio-base) * 1.03rem);
}

.soloFondoNegroCaraB ol {
  color: #ffffffc2;
  font-size: calc(var(--tamanio-base) * 1.03rem);
}

.soloFondoAmarilloCaraB {
  background-color: #e2cf46;
  padding: 5.3rem;
}

.logosFondoNegro {
  display: flex;
  align-items: center;
}

.soloFondoNegroCaraB {
  background-color: var(--primario2);
  color: var(--blanco);
  padding: 0 3rem;
}

/**************************************************************
ACCORDIONS
**************************************************************/

span.destacado {
  color: var(--primario1);
}

span.destacadoAmarillo {
  color: var(--amarillo2);
}

.cajaAbierta {
  border: 1px solid var(--primario1);
  padding: 0.4rem 0.25rem 0.4rem 0.75rem;
  border-right: 0;
}

.specialhr {
  background-color: var(--primario2);
  opacity: 0.65;
  margin: 2rem 0;
}

.hrslider {
  margin: auto;
  width: 92%;
}

.numerosNegrita {
  font-family: var(--tipo1);
  font-weight: 900;
  font-size: calc(var(--tamanio-base) * 2rem);
}

.anchospecial {
  width: 35rem;
}

.textoGrande {
  font-size: calc(var(--tamanio-base) * 1.3rem);
  font-family: var(--tipoNeueMachinaRegular);
  margin: 0;
}

.sl1 {
  background-image: url("assets/img//home/sl1.jpg");
}

.sl2 {
  background-image: url("assets/img//home/sl2.jpg");
}

.sl3 {
  background-image: url("assets/img//home/sl3.jpg");
}

.sl4 {
  background-image: url("assets/img//home/sl4.jpg");
}

.sl1,
.sl2,
.sl3,
.sl4 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-shadow: 3px 3px 6px 2px #97979796;
  margin: 0.55rem;
  height: 12.5rem;
  width: 22rem;
}

.lg1 {
  background-image: url("assets/img//home/bosch.svg");
}

.lg2 {
  background-image: url("assets/img//home/burger.svg");
}

.lg3 {
  background-image: url("assets/img//home/nestle.svg");
}

.lg4 {
  background-image: url("assets/img//home/repsol.svg");
}

.lg5 {
  background-image: url("assets/img//home/Banco_Santander_Logotipo.svg");
}

.lg6 {
  background-image: url("assets/img//home/HP.svg");
}

.lg1,
.lg2,
.lg3,
.lg4,
.lg5,
.lg6 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 12.5rem;
  width: 22rem;
}

.lg21 {
  background-image: url("assets/img//home/Google.svg");
}

.lg22 {
  background-image: url("assets/img//home/Fast_Company_logo.svg");
}

.lg23 {
  background-image: url("assets/img//home/medium.svg");
}

.lg24 {
  background-image: url("assets/img//home/Facebook-Logo.svg");
}

.lg25 {
  background-image: url("assets/img//home/Apple_logo_black.svg");
}

.lg21,
.lg22,
.lg23,
.lg24,
.lg25 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 2rem;
  width: 4rem;
}

.cE1 {
  background-image: url("assets/img//home/casoExito1.jpg");
}

.cE2 {
  background-image: url("assets/img//home/casoExito2.jpg");
}

.cE3 {
  background-image: url("assets/img//home/casoExito3.jpg");
}

.cE4 {
  background-image: url("assets/img//home/casoExito4.jpg");
}

.cabeceraesenzzia {
  background-image: url(assets/img/casos-de-exito/esenzziacabecera.png);
  justify-content: flex-start;
}

.cabecerawible {
  background-image: url(assets/img/casos-de-exito/wiblecabecera.png);
  justify-content: flex-start;
}

.cabeceranorthgate {
  background-image: url(assets/img/casos-de-exito/northgatecabecera.png);
  justify-content: flex-start;
}

.cE1,
.cE2,
.cE3,
.cE4 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 12.5rem;
  width: 22rem;
  box-shadow: 3px 3px 6px 2px #97979796;
}

.frase1spotify,
.frase2spotify {
  font-family: var(--tipoMontserratRegulart);
  font-size: calc(var(--tamanio-base) * 0.7rem);
  text-align: right;
  width: max-content;
  margin: 0;
}

.cajaSpotify {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
}

.frase1spotify {
  background-color: var(--primario3);
  padding: 0 0.5rem;
}

.frase2spotify {
  background-color: #1db9541f;
  padding: 0 0.5rem;
}

.frase2spotify i {
  color: var(--primario2);
}

.fa-chevron-right {
  color: red;
  padding: 0 0.5rem;
}

.alignCenter {
  align-items: center;
}

.azulContenido {
  padding: 2rem;
}

.azulContenido h2 {
  color: #fff;
}

.azulContenido p {
  color: #fff;
}

.logosMarcas {
  filter: grayscale(1) invert(1);
}

.sinpadding {
  padding: 0;
}

.textoGrandeCaption {
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 4.5rem);
}

.textoEmpiezaAqui {
  font-size: calc(var(--tamanio-base) * 1.09rem);
}

.flecha {
  padding: 0.5rem;
}

.cajasYoseo {
  margin: auto;
  padding: 0.5rem;
}

.hrAzul {
  background-color: var(--primario1);
  height: 0.1rem !important;
  opacity: 1;
}

.boletinNoticias {
  background-color: var(--primario2);
  color: var(--blanco);
}

.contenidoNews {
  font-size: calc(var(--tamanio-base) * 0.8rem);
  color: #ffffffb3;
}

.owl-stage {
  display: flex;
  align-items: center;
}

.centrarVerticalHorizontal {
  display: flex;
  align-items: center;
}

.cajaHablemos {
  padding: 3rem;
}

.titMonserat {
  font-family: var(--tipoMontserratBold);
  font-size: calc(var(--tamanio-base) * 3rem);
  margin-bottom: 1.5rem;
}

.suscribeteAhora {
  font-family: var(--tipoNeueMachinamedium);
  font-size: calc(var(--tamanio-base) * 1.5rem);
}

.suscibeteTexto {
  font-family: var(--tipoMontserratRegulart);
}

#newsletterForm input#email,
button#newsletterEnviar {
  border: 0;
  border-radius: 0;
}

button#newsletterEnviar {
  padding: 0.5rem 2rem;
}

#formFlotantePost input::placeholder {
  padding: 0.5rem;
  opacity: 0.9;
}

#formFlotantePost .wpcf7-not-valid-tip {
  font-size: 0.75rem;
}

.cajaLogosNegro i {
  background-color: var(--primario2);
  color: var(--blanco);
  margin: 0.3rem;
  padding: 0.5em;
  border-radius: 2rem;
  font-size: calc(var(--tamanio-base) * 0.9rem);
  cursor: pointer;
}

.cajaLogosNegro i.fab.fa-facebook-f {
  padding: 0.6rem 0.8rem;
  margin-left: 0.95rem;
}

.cajaCorazon {
  border: 1px solid #a3a3a3;
  padding: 0.15rem 0.8rem;
  border-radius: 2rem;
  font-size: calc(var(--tamanio-base) * 0.87rem);
}

i.fas.fa-heart {
  color: red;
  font-size: calc(var(--tamanio-base) * 0.65rem);
  padding: 0.3rem;
}

.ocultar {
  display: none;
}

.txtUnPocoGrande {
  font-size: calc(var(--tamanio-base) * 1.5rem);
  font-family: var(--tipoNeueMachinaRegular);
}

.lineaDePuntos {
  text-decoration: underline dotted var(--blanco);
  font-size: calc(var(--tamanio-base) * 1.5rem);
  font-family: var(--tipoNeueMachinaRegular);
}

img.custom-logo {
  margin: 0.5rem;
  height: auto;
}

.paddingCaja {
  padding: 5.31rem;
}

.txtRojo {
  color: var(--rojo);
}

.pieDeImagenSlider {
  font-family: var(--tipoMontserratMedium);
  font-size: calc(var(--tamanio-base) * 0.7rem);
  margin-left: 1.5rem;
}

.textoDebajoNumeros {
  font-size: calc(var(--tamanio-base) * 0.9rem);
}

.cajaLogosNegro {
  margin: 0;
}

.cajaCorazon {
  margin: 0;
}

.fa-beat {
  animation: fa-beat 4s ease infinite;
}

@keyframes fa-beat {
  0% {
    transform: scale(1);
  }

  5% {
    transform: scale(1.25);
  }

  20% {
    transform: scale(1);
  }

  30% {
    transform: scale(1);
  }

  35% {
    transform: scale(1.25);
  }

  50% {
    transform: scale(1);
  }

  55% {
    transform: scale(1.25);
  }

  70% {
    transform: scale(1);
  }
}

#formHome {
  margin-left: -0.5rem;
}

#formHome input {
  padding: 0.4rem 0.95rem;
  width: 100%;
}

#formHome input[type="submit"] {
  background-color: var(--primario1);
  color: #fff;
  padding: 0.5rem 0.95rem;
  /* padding: 0.19rem 0.95rem; */
  border: none;
  font-size: calc(var(--tamanio-base) * 0.71rem);
  font-family: var(--tipoNeueMachina-bold);
}

#formHome .wpcf7-list-item {
  margin: 0 0.5rem 0 0;
}

/* css para el input del email de la home */
.your-email>input {
  width: 100%;
}

.your-email>input::placeholder {
  opacity: 0.45;
  padding: 0.375rem 0.75rem;
}

.formPoliticas {
  font-size: calc(var(--tamanio-base) * 0.69rem);
}

.wpcf7-spinner {
  display: none;
}

.customFormularioHome {
  display: flex;
}

.customFormularioHome span {
  width: 65%;
}

.customFormularioHome input[type="submit"] {
  padding: 0.2rem 0.95rem;
}

.centrarTexto {
  text-align: center;
}

/*css para los graficos*/
.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #e0cbf7;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 3.8;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: var(--primario1);
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

/*fin css graficos*/

.alinearElementosABotton {
  align-items: flex-end;
}

/*JAVI*/
.containercontacto {
  background-color: #f5f5f5;
  margin-left: 0;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
}

.containercontacto2 {
  background-color: #c2fffe;
  margin-left: 0;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
}

.sinborde {
  border: 0;
  background-color: #c2fffe;
  margin-left: 20px;
}

form.wpcf7-form label {
  width: 100%;
}

.sinbordeContacto {
  border: 0;
  background-color: #c2fffe;
  margin-left: unset;
  width: 100%;
}

/* .privacidadcookies {
  padding-left: 120px;
} */

.accordionexito {
  background-color: rgb(255, 255, 255);
  color: #444;
  cursor: pointer;
  padding: 4px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.panelexito {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordionexito .activoexito {
  color: var(--primario1);
}

.activo,
.accordionexito:hover>p {
  color: var(--primario1);
}

.reto {
  background-color: #e4e4e4;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 2px solid gray;
  /* margin-left: -4%;
  margin-right: 4%; */
  font-family: var(--tipoMontserratRegulart);
  line-height: 100%;
  font-size: 25px;
  padding-right: 45px;
  padding-left: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.w3-container,
.w3-container2 {
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

.reto:hover {
  background-color: var(--primario2);
  color: var(--blanco);
}

.retoexito {
  background-color: var(--primario2);
  color: var(--blanco);
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.solucion {
  background-color: #e4e4e4;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 2px solid gray;
  margin-left: -1%;
  font-family: var(--tipoMontserratRegulart);
  line-height: 100%;
  font-size: 25px;
  padding-right: 45px;
  padding-left: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.solucion:hover {
  background-color: var(--primario2);
  color: var(--blanco);
}

.solucionexito {
  background-color: var(--primario2);
  color: var(--blanco);
}

.accordionservicios {
  background-color: var(--blanco);
  color: var(--primario2);
  cursor: pointer;
  padding: 0.5rem 0.2rem;
  width: 100%;
  border-bottom: 1px solid var(--blanco);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
}

/*para aplicar a sus hijos*/
.accordionservicios>* {
  margin-bottom: 0;
}

.accordionservicios p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.52rem);
  transition: 0.35s;
  display: inline-block;
}

.activo,
.accordionservicios:hover {
  background-color: gainsboro;
  color: #fff22f;
}

.activo,
.accordionservicios:hover>p {
  color: var(--primario2);
}

.activo>p {
  color: #fff22f;
}

.accordionservicios:after:hover {
  color: #fff22f;
}

.accordionservicios:after {
  content: "\002B";
  color: rgb(88, 88, 88);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: 5px;
}

.activoServicios:after {
  content: "\2212";
  color: var(--primario2);
}

.panelservicios {
  background-color: var(--blanco);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanelservicios {
  padding: 1rem 2rem;
}

.containerexito {
  background-color: var(--primario2);
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 120px;
  margin-right: 100px;
  margin-left: 100px;
}

.textoexito {
  color: var(--blanco);
  margin-right: 100px;
}

.numerosexito {
  margin-top: 85px;
}

.numerosderecha {
  line-height: 100%;
  padding-top: 7%;
  margin-bottom: 35%;
}

.numerosderecha strong {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 5rem);
}

.letrasabajo {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 1.5rem);
  margin-left: -20px;
}

.exitoImg {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.contenedorexito {
  background-color: #f5f5f5;
  margin-left: 29px;
  margin-right: 10px;
  padding-top: 50px;
  padding-bottom: 100px;
  padding-left: 70px;
  border-bottom: 4px solid #00f7f1;
}

/*JAVI*/

.losPost {
  display: flex;
}

.post {
  padding: 1.5rem;
}

.post:hover {
  box-shadow: 3px 2px 7px 1px;
}

.postCategoria {
  font-family: var(--tipoNeueMachinaRegular);
}

.postCategoria a {
  color: var(--primario2);
  text-decoration: none;
}

.CajaRadiosBordes {
  border: 0.35rem solid var(--primario2);
  padding: 0rem 3rem 2rem 3rem;
}

.CajaRadiosBordes .radios::-webkit-scrollbar {
  height: 8px;
}

.CajaRadiosBordes .radios::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.CajaRadiosBordes .radios::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

.CajaRadiosBordes .radios::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}

.CajaBordeBottomLineaGrande {
  border-bottom: 0.35rem solid var(--primario2);
}

.CajaRadiosBordesBottom {
  border-bottom: 0.35rem solid var(--primario2);
  padding: 2rem 3rem;
  background-color: #f5f5f5;
}

.CajaRadiosBordesBottom p:first-child {
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 1.25rem);
}

.radios label {
  width: calc(15% - 1em);
  text-align: center;
}

input[type="radio"] {
  display: block;
  margin: 0 auto;
  width: 1.95em;
  height: 1.95em;
  border: 0.1rem solid var(--primario1);
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--primario2);
  background-color: CanvasText;
}

input[type="radio"]:checked::before {
  transform: scale(0.71);
}

.radios::before {
  content: "";
  border: 1px dashed var(--primario2);
  position: absolute;
  width: calc(100% * (3 / 4));
  left: 12%;
  margin-top: 0.96rem;
  z-index: -1;
}

.cajaProcesos {
  background-color: #eafaee;
  width: 30%;
  padding: 3rem 3.5rem;
  margin-bottom: 7em;
  margin-left: 2.75em;
  position: relative;
}

.cajaProcesosComoTrabajamos {
  background-color: var(--special1);
}

.BordeCajaProcesos {
  border-left: 1rem solid var(--primario2);
  padding-left: 0.75rem;
}

.BordeCajaProcesosInvertido {
  padding-right: 0.75rem;
  border-right: 1rem solid var(--primario2);
  text-align: right;
}

#CajaTexto2,
#CajaTexto3,
#CajaTexto4,
#CajaTexto5,
#CajaTexto6,
#CajaTexto7 {
  display: none;
}

div#CajaTexto2 {
  margin-left: calc(23% * (3 / 4));
}

div#CajaTexto3 {
  margin-left: calc(42% * (3 / 4));
}

div#CajaTexto4 {
  margin-left: calc(61% * (3 / 4));
}

div#CajaTexto5 {
  margin-left: calc(80% * (3 / 4));
}

div#CajaTexto6 {
  margin-left: calc(98.5% * (3 / 4));
  width: 29%;
}

div#CajaTexto7 {
  margin-left: calc(89% * (3 / 4));
}

.BordeCajaProcesosTexto {
  font-size: calc(var(--tamanio-base) * 1rem);
}

.divFlotante {
  max-width: 65%;
  position: sticky;
  top: calc(18%);
  z-index: 10;
}

.imgdivFlotante {
  box-shadow: 3px 3px 6px 2px #97979796;
  width: 80%;
}

.textodivFlotante {
  font-size: calc(var(--tamanio-base) * 1rem);
}

.textocrecimineto {
  font-family: var(--tipoNeueMachinaRegular);
  font-size: calc(var(--tamanio-base) * 1.6rem);
}

.cajaLogosNegrosdivFlotante a {
  text-decoration: none;
}

.cajaLogosNegrosdivFlotante i {
  background-color: var(--primario2);
  color: var(--blanco);
  margin: 0;
  border-radius: 50%;
  font-size: calc(var(--tamanio-base) * 0.9rem);
  cursor: pointer;
  width: 37px;
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

/* css para la cara b negra */

.finCaraB {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 8.8rem 8.8rem 0;
  background-image: url("assets/img/fondoNegro.jpg");
}

.finCaraB .h2 {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 2.75rem);
  text-align: center;
  font-family: var(--tipoMontserratBold);
}

.finCaraB p {
  color: var(--blanco);
}

.specialPosition {
  position: relative;
}

.numeroParteNegra {
  position: absolute;
  top: -27.85%;
  left: 40%;
}

.puntoVerde {
  color: #007c79;
}

.spanAmarrillo {
  color: #fff22f;
}

#listaCaraB li::marker {
  font-family: var(--tipoMontserratBold);
}

.CaraBColorAzul {
  color: #00f7f1;
}

.accordion {
  background-color: var(--primario2);
  color: var(--blanco);
  cursor: pointer;
  padding: 0.5rem 0.12rem;
  width: 100%;
  border-bottom: 1px solid var(--blanco);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
}

.accordion p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.52rem);
  transition: 0.35s;
  display: inline-block;
}

.activo,
.accordion:hover {
  background-color: var(--primario2);
  color: #fff22f;
}

.activo,
.accordion:hover>p {
  color: #fff22f;
}

.activo>p {
  color: #fff22f;
}

.accordion:after:hover {
  color: #fff22f;
}

.accordion:after {
  content: "\002B";
  color: rgb(88, 88, 88);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: 5px;
}

.activo:after {
  content: "\2212";
  color: #fff22f;
}

.panel {
  background-color: var(--blanco);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanel {
  padding: 1rem 2rem;
}

.accordionComoTrabajamosZonaNegra {
  background-color: var(--primario2);
  color: var(--blanco);
  cursor: pointer;
  padding: 0.25rem 0.12rem;
  width: 100%;
  border-bottom: 1px solid var(--blanco);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.82rem);
  transition: 0.35s;
}

.accordionComoTrabajamosZonaNegra p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.4rem);
  transition: 0.35s;
  display: inline-block;
  font-family: var(--tipoNeueMachinaLight);
}

.activoComoTrabajamosZonaNegra,
.accordionComoTrabajamosZonaNegra:hover {
  background-color: var(--primario2);
  color: #fff22f;
}

.activoComoTrabajamosZonaNegra,
.accordionComoTrabajamosZonaNegra:hover>p {
  color: #fff22f;
}

.activoComoTrabajamosZonaNegra>p {
  color: #fff22f;
}

.accordionComoTrabajamosZonaNegra:after:hover {
  color: #fff22f;
}

.accordionComoTrabajamosZonaNegra:after {
  content: "\002B";
  color: rgb(88, 88, 88);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: 5px;
}

.activoComoTrabajamosZonaNegra:after {
  content: "\2212";
  color: #fff22f;
}

.panelComoTrabajamosZonaNegra {
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanelComoTrabajamosZonaNegra {
  padding: 1rem 2rem;
}

.accordionComoTrabajamos {
  background-color: transparent;
  color: var(--primario2);
  cursor: pointer;
  padding: 0.25rem 0.12rem;
  width: 100%;
  border-bottom: 1px solid var(--primario2);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
}

.accordionComoTrabajamos p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.52rem);
  transition: 0.35s;
  display: inline-block;
  font-family: var(--tipoNeueMachinaLight);
  margin-bottom: 0;
}

.activoComoTrabajamos,
.accordionComoTrabajamos:hover {
  background-color: transparent;
  color: var(--primario2);
}

.activoComoTrabajamos,
.accordionComoTrabajamos:hover>p {
  color: var(--primario2);
}

.activoComoTrabajamos>p {
  color: var(--primario2);
}

.accordionComoTrabajamos:after:hover {
  color: var(--primario2);
}

.accordionComoTrabajamos:after {
  content: "\002B";
  color: rgb(88, 88, 88);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: 5px;
}

.activoComoTrabajamos:after {
  content: "\2212";
  color: var(--primario2);
}

.panelComoTrabajamos {
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanelComoTrabajamos {
  padding: 1rem 2rem;
}

.accordionCajaAmarilla {
  background-color: transparent;
  color: var(--primario2);
  cursor: pointer;
  padding: 0.2rem 0.12rem;
  width: 100%;
  border-bottom: 1px solid var(--primario2);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
}

.accordionCajaAmarilla p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.52rem);
  transition: 0.35s;
  display: inline-block;
}

.activo,
.accordionCajaAmarilla:hover {
  background-color: transparent;
  color: var(--primario2);
}

.activo,
.accoraccordionCajaAmarilladion:hover>p {
  color: #fff22f;
}

.activo>p {
  color: var(--primario2);
}

.accordionCajaAmarilla:after:hover {
  color: #fff22f;
}

.accordionCajaAmarilla:after {
  content: "\002B";
  color: var(--primario2);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: 5px;
  display: none;
}

.activo.accordionCajaAmarilla:after {
  content: "\2212";
  color: var(--primario2);
}

/*accordion heros*/
.accordionHerosNegro {
  background-color: transparent;
  color: var(--blanco);
  cursor: pointer;
  padding: 0.5rem 0.12rem;
  width: 100%;
  border-bottom: 1px solid var(--blanco);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordionHerosNegro>div {
  display: contents;
}

.accordionHerosNegro p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.15rem);
  transition: 0.35s;
  display: inline-block;
}

.activoHerosNegro,
.accordionHerosNegro:hover {
  background-color: var(--primario2);
  color: #fff22f;
}

.activoHerosNegro,
.accordionHerosNegro:hover>p {
  color: #fff22f;
}

.activoHerosNegro>p {
  color: #fff22f;
}

.accordionHerosNegro:after:hover {
  color: #fff22f;
}

.accordionHerosNegro:after {
  content: "\002B";
  color: rgb(88, 88, 88);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: -1.5rem;
}

.activoHerosNegro:after {
  content: "\2212";
  color: #fff22f;
}

.panelHeros {
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanelHeros {
  padding: 1.5rem 2rem;
}

.titInternoAccordion {
  font-family: var(--tipoMontserratBold);
  margin: 0;
}

.linkAccordionHeros {
  font-family: var(--tipoNeueMachinaLight);
  color: var(--amarillo2);
}

.linkAccordionHeros>i {
  color: var(--blanco);
}

/*accordion heros*/

/*accordion heros azul*/

.accordionHerosAzul {
  background-color: transparent;
  color: var(--blanco);
  cursor: pointer;
  padding: 0.5rem 0.12rem;
  width: 100%;
  border-bottom: 1px solid var(--blanco);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordionHerosAzul p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.15rem);
  transition: 0.35s;
  display: inline-block;
}

.activoHerosAzul,
.accordionHerosAzul:hover {
  background-color: transparent;
  color: var(--blanco);
}

.activoHerosAzul,
.accordionHerosAzul:hover>p {
  color: var(--blanco);
}

.activoHerosAzul>p {
  color: #fff22f;
}

.accordionHerosAzul:after:hover {
  color: #fff22f;
}

.accordionHerosAzul:after {
  content: "\002B";
  color: var(--blanco);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: 5px;
}

.activoHerosAzul:after {
  content: "\2212";
  color: var(--blanco);
}

.panelHerosAzul {
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanelHerosAzul {
  padding: 1rem 2rem;
}

.accordionHerosAzul>div {
  display: contents;
}

/*accordion heros azul*/

/* accordion heros faq */

.accordionHerosFaq {
  background-color: transparent;
  color: var(--primario2);
  cursor: pointer;
  padding: 0.1rem 0.12rem;
  width: 100%;
  border-bottom: 1px solid var(--primario2);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
}

.accordionHerosFaq p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.52rem);
  transition: 0.35s;
  display: inline-block;
}

.activoHerosFaq,
.accordionHerosFaq:hover {
  background-color: transparent;
  color: var(--primario2);
}

.activoHerosFaq,
.accordionHerosFaq:hover>p {
  color: var(--primario2);
}

.activoHerosFaq>p {
  color: var(--primario2);
}

.accordionHerosFaq:after:hover {
  color: var(--primario2);
}

.accordionHerosFaq:after {
  content: "\002B";
  color: rgb(88, 88, 88);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: 5px;
}

.activoHerosFaq:after {
  content: "\2212";
  color: var(--primario2);
}

.panelHerosFaq {
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanelHerosFaq {
  padding: 1rem 2rem;
}

.bodypanelHerosFaq>p>a {
  text-decoration: none;
  color: var(--primario1);
  font-family: var(--tipoMontserratMedium);
}

.accordionHerosFaq>p {
  font-size: calc(var(--tamanio-base) * 1.1rem);
  font-weight: 500;
  font-family: var(--tipoNeueMachinaLight);
  margin-bottom: 0;
}

/*accordion heros faq*/

/*accordion landing*/
.accordionLanding {
  background-color: transparent;
  color: var(--primario2);
  cursor: pointer;
  padding: 0.1rem 0.12rem;
  width: 100%;
  border-bottom: 1px solid var(--primario2);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
}

.accordionLanding p {
  cursor: pointer;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.52rem);
  transition: 0.35s;
  display: inline-block;
}

.activoLanding,
.accordionLanding:hover {
  background-color: transparent;
  color: var(--primario2);
}

.activoLanding,
.accordionLanding:hover>p {
  color: var(--primario2);
}

.activoLanding>p {
  color: var(--primario2);
}

.accordionLanding:after:hover {
  color: var(--primario2);
}

.accordionLanding:after {
  content: "\002B";
  color: rgb(88, 88, 88);
  font-weight: bold;
  float: right;
  font-size: 2rem;
  margin-left: 5px;
}

.activoLanding:after {
  content: "\2212";
  color: var(--primario2);
}

.panelLanding {
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanelLanding {
  padding: 1rem 2rem;
}

.bodypanelLanding>p>a {
  text-decoration: none;
  color: var(--primario1);
  font-family: var(--tipoMontserratMedium);
}

.accordionLanding>p {
  font-size: calc(var(--tamanio-base) * 1.1rem);
  font-weight: 500;
  font-family: var(--tipoNeueMachinaLight);
  margin-bottom: 0;
}

/*accordion landing*/

.verMasCaraNegra {
  color: var(--primario1);
  text-decoration: none;
}

.parentesisNegro {
  color: var(--primario2);
}

.finCaraB .numerotel {
  background-color: var(--blanco);
  color: var(--primario2);
  padding: 0.2rem 0.65rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.85rem);
  text-decoration: none;
  font-family: var(--tipoNeueMachinaRegular);
}

.finCaraB .codnum {
  background-color: var(--blanco);
  color: var(--primario2);
  padding: 0.2rem 0.5rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.85rem);
  text-decoration: none;
  font-family: var(--tipoNeueMachinaRegular);
}

.textoDerecha {
  text-align: right;
}

.imgEcommerce {
  max-width: 25%;
}

/* fin css cara b negra */

/* Estilo para ul parte blanca */
.page ul li {
  font-size: calc(var(--tamanio-base) * 1.03rem);
  line-height: calc(var(--tamanio-base) * 1.75rem);
  font-weight: 300;
  font-family: var(--tipoMontserratRegulart);
}

.page ol li {
  font-size: calc(var(--tamanio-base) * 1.03rem);
  line-height: calc(var(--tamanio-base) * 1.75rem);
  font-weight: 300;
  font-family: var(--tipoMontserratRegulart);
}

/*********POST***********/
.sombraCaja {
  padding: 1.5rem;
}

.sombraCaja:hover {
  box-shadow: 3px 3px 6px 2px #97979796;
}

.postCategoriaGeneral>a {
  color: var(--primario2);
  text-decoration: none;
  font-size: calc(var(--tamanio-base) * 0.8rem);
  font-weight: 500;
}

/*accordionFAQ*/
.accordionFAQ {
  background-color: var(--primario3);
  color: var(--primario2);
  cursor: pointer;
  padding: 0.4rem 0.2rem;
  width: 100%;
  border-bottom: 1px solid var(--primario2);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
  font-size: calc(var(--tamanio-base) * 1.4rem);
  transition: 0.35s;
}

.activoFAQ,
.accordionFAQ:hover {
  border-bottom: 1px solid var(--primario1);
  color: var(--primario1);
}

.accordionFAQ:after {
  content: "\002B";
  color: var(--primario2);
  font-weight: bold;
  font-size: 2rem;
  margin-left: 5px;
}

.accordionFAQ:hover:after {
  color: var(--primario1);
}

.activoFAQ:after {
  content: "\2212";
  color: var(--primario1);
}

.panelFAQ {
  background-color: var(--fondoGris);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.bodypanelFAQ {
  padding: 1rem 2.5rem;
}

.txtNegritaAccordion {
  font-weight: 300;
}

.accordionFAQ>p {
  font-size: calc(var(--tamanio-base) * 1.1rem);
  font-weight: 500;
  font-family: var(--tipoNeueMachinaLight);
  margin-bottom: 0;
}

/*accordionFAQ*/

.paddingCajaFAQ {
  padding: 5.1rem;
}

#FAQEfectoEspejo::after {
  content: "FAQ.";
  display: flex;
  transform: rotateX(180deg);
  -webkit-background-clip: text;
  color: var(--primario2);
  opacity: 0.2;
  margin-top: calc(2% - 36px);
}

.lineaArribayAbajo {
  border-top: 1px solid var(--primario2);
  border-bottom: 1px solid var(--primario2);
  padding: 0.9rem;
}

.txtSeccionSabemosComoHacerlo {
  font-size: calc(var(--tamanio-base) * 0.7rem);
  line-height: inherit;
}

.filaBorderBottom {
  border-bottom: 1px solid var(--primario2);
}

.cajasSabemosComoHacerlo {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}

.cajaInternaSabemosComoHacerlo {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin: 0.75rem 0;
}

.rrssNegroPost {
  display: flex;
  gap: 0.5rem;
}

.rrssNegroPost>p>a>i {
  background-color: var(--primario2);
  padding: 7px;
  width: 2rem;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.rrssNegroPost>p>a {
  text-decoration: none;
  color: var(--blanco);
}

.rrssNegroPost>p>a>.fas {
  font-size: calc(var(--tamanio-base) * 0.8rem);
}

.rrssNegroPost>p>a>.fab {
  font-size: calc(var(--tamanio-base) * 0.8rem);
}

#formFlotantePost input[type="submit"] {
  background-color: var(--primario1);
  color: var(--blanco);
  padding: 0.19rem 0.95rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.71rem);
  font-family: var(--tipoNeueMachinamedium);
}

#formFlotantePost input[type="submit"]::after {
  content: "\f061";
  /* font-family: "Font Awesome 5 Pro"; */
  color: var(--primario2);
  font-weight: bold;
  font-size: 2rem;
  margin-left: 5px;
}

#formFlotantePost input[type="email"] {
  border: 0;
  outline: 0;
  border-bottom: 1px solid black;
  width: 100%;
}

#formFlotantePost input[type="email"]:focus {
  border-bottom: 1px solid var(--primario2);
}

#formFlotantePost input[type="email"]::placeholder {
  font-size: calc(var(--tamanio-base) * 0.8rem);
}

#formNewsDentroDePost input[type="email"] {
  border: 0;
  outline: 0;
  border-bottom: 1px solid black;
}

#formNewsDentroDePost input[type="submit"] {
  background-color: var(--primario1);
  color: var(--blanco);
  padding: 0.19rem 0.95rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.91rem);
  font-family: var(--tipoNeueMachinamedium);
}

#formNewsDentroDePost>.container>.row {
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
}

.cajaFlotanteImgPost {
  background-image: url(assets/img/waves.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 150px;
  align-items: flex-end;
  padding: 0 2rem;
}

.txtCajaFlotanteImg {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 1.2rem);
  font-family: var(--tipoNeueMachinaRegular);
}

.flechaCajaFlotante {
  text-align: right;
}

.flechaCajaFlotante>a>img {
  max-width: 22%;
}

.textodivFlotantePost {
  font-size: calc(var(--tamanio-base) * 0.7rem);
  line-height: inherit;
}

.categoriaPostCabecera {
  font-family: var(--tipoNeueMachinaRegular);
  text-decoration: underline;
  text-decoration-color: var(--primario1);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3rem;
  font-size: calc(var(--tamanio-base) * 1.3rem);
}

.logosCabeceraPost {
  text-align: right;
}

.rrssCabeceraPost {
  gap: 1.5rem;
  display: flex;
  justify-content: flex-end;
}

.infoCabeceraPost {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3rem;
}

.rrssCabeceraPostLogos {
  display: flex;
  gap: 1.1rem;
  align-items: center;
}

.rrssCabeceraPostLogos>p {
  margin-bottom: 0;
}

.rrssCabeceraPostLogos>p>a {
  margin-bottom: 0;
  border-radius: 50%;
  padding: 0.2rem 0.55rem;
  border: 1px solid var(--primario2);
  color: var(--primario2);
  text-decoration: none;
}

.rrssCabeceraPostLogos>p>.specialLogoFacebook {
  padding: 0.2rem 0.7rem;
}

.rrssCabeceraPostLogos>p>a:hover {
  background-color: var(--primario2);
  color: var(--blanco);
}

.articlePost h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 1.5rem;
}

.elContenido>h1 {
  font-size: calc(var(--tamanio-base) * 2.5rem);
}

.elContenido>h3 {
  font-size: calc(var(--tamanio-base) * 1.5rem);
}

.elContenido>ul,
.elContenido>ol {
  font-family: var(--tipoMontserratRegulart);
  margin-left: 2rem;
}

.elContenido ul>li,
.elContenido ol>li {
  font-size: calc(var(--tamanio-base) * 1rem);
  line-height: calc(var(--tamanio-base) * 1.5rem);
  margin-bottom: calc(var(--tamanio-base) * 1.5rem);
}

#indiceContenidos {
  list-style-type: none;
  padding-left: 0;
}

#indiceContenidos.cerradoMobil {
  display: none;
  max-height: 75vh;
  overflow-y: scroll;
}

#indiceContenidos>li {
  padding: 0.25rem 0;
}

#indiceContenidos>li a {
  font-family: var(--tipoNeueMachinamedium);
  color: var(--primario2);
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 1.25px;
  font-size: calc(var(--tamanio-base) * 0.93rem);
}

#indiceContenidos li[class^="H3"] {
  font-size: calc(var(--tamanio-base) * 0.85rem);
  padding-left: 10px;
}

#indiceContenidos li[class^="H3"]>a {
  font-size: calc(var(--tamanio-base) * 0.8rem);
  text-decoration: none;
  text-underline-offset: none;
}

#indiceContenidos li[class^="H2"]>a::after {
  content: "+";
}

#indiceContenidos li>a:hover {
  color: var(--primario1);
}

#indiceContenidos>li.H2.active>a {
  color: var(--primario1);
  font-weight: 600;
}

#indiceContenidos>li.H2.active>li.H3.active>a {
  font-weight: 400;
  color: var(--primario1);
}

.imgPostRelacionado {
  max-height: 226px;
  overflow: hidden;
}

.imgPostRelacionado>img {
  width: 100%;
  object-fit: contain;
}

.clainAmarilloDivFlorantePost {
  margin-top: -7%;
  margin-left: 5%;
}

.clainAmarilloDivFlorantePost>p {
  background-color: var(--amarillo);
  padding: 0.5rem;
  width: max-content;
  padding: 0.25rem 0.7rem;
  font-size: calc(var(--tamanio-base) * 1rem);
  font-family: var(--tipoNeueMachinaRegular);
}

/*********POST***********/

/****test****/
#button {
  width: 150px;
  background-color: green;
  color: white;
  padding: 0.5rem;
  text-align: center;
}

#button:hover path:nth-child(1) {
  stroke-dasharray: 20px;
  stroke-dashoffset: 50px;
  animation: animate-icon 3.8s ease forwards;
}

#button:hover path:nth-child(2) {
  stroke-dasharray: 25px;
  stroke-dashoffset: 25px;
  animation: animate-icon 0.8s ease forwards 0.3s;
}

#button:hover path:nth-child(3),
#button:hover path:nth-child(4) {
  stroke-dasharray: 7px;
  stroke-dashoffset: 7px;
  animation: animate-icon 0.5s ease forwards 0.5s;
}

.animateButton path:nth-child(1) {
  stroke-dasharray: 25px;
  stroke-dashoffset: 25px;
  animation: animate-icon 0.8s ease forwards;
}

.animateButton path:nth-child(2) {
  stroke-dasharray: 25px;
  stroke-dashoffset: 25px;
  animation: animate-icon 0.8s ease forwards 0.3s;
}

.animateButton path:nth-child(3),
.animateButton path:nth-child(4) {
  stroke-dasharray: 7px;
  stroke-dashoffset: 7px;
  animation: animate-icon 0.5s ease forwards 0.5s;
}

@keyframes animate-icon {
  to {
    stroke-dashoffset: 0px;
  }
}

/***test**/
.fab.fas {
  padding: 20px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

/**jorge**/
.titNoNegrita {
  font-family: var(--tipoNeueMachinaRegular);
}

.divFlotantelinksHola {
  font-family: var(--tipoNeueMachinaRegular);
  margin-bottom: 0.1rem;
}

.divFlotantelinksHola>a {
  color: var(--primario2);
  text-underline-offset: 0.25rem;
  text-decoration-thickness: 1.25px;
}

.divFlotantelinksHola>a:hover {
  color: var(--primario1);
}

.textoDestacadoCarne {
  background-color: #ffe6cc7a;
  width: fit-content;
  padding: 0.25rem 1rem;
  margin-bottom: -0.1rem;
}

.cajasImagenes {
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  grid-gap: 3rem 5rem;
}

.nombreEquipo {
  font-family: var(--tipoNeueMachinamedium);
  margin-bottom: 0;
  line-height: initial;
  margin-top: 0.75rem;
}

.posicionEquipo {
  font-size: calc(var(--tamanio-base) * 0.8rem);
  line-height: initial;
}

.fondoAzulBuscamosTalentoHola {
  background-color: var();
}

.buscamosTalentoHola {
  background-color: var(--primario1);
  color: var(--blanco);
  padding: 4.85rem 1.25rem;
}

.buscamosTalentoHola>p {
  font-family: var(--tipoNeueMachinaRegular);
}

.txtBuscamosTalento {
  font-size: calc(var(--tamanio-base) * 1.65rem);
}

.txtBuscamosTalento>span {
  font-family: var(--tipoNeueMachina-bold);
}

.seccionCajasHola {
  display: grid;
  grid-template-columns: 1fr 1fr 0.25fr;
  grid-template-rows: 0.5fr 0.5fr;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "zona1 ."
    ". zona2";
}

.zona1 {
  grid-area: zona1;
  /* padding-left: calc(100% - 700px); */
  background-color: #d8d8d6;
}

.zona2 {
  grid-area: zona2;
  /* position: absolute; */
  top: calc(-11% - 220px);
  background-color: var(--primario2);
  color: var(--blanco);
}

.zona1>p,
.zona2>p {
  font-family: var(--tipoNeueMachinaLight);
  text-align: center;
  margin-bottom: 0;
  padding: 0.5rem;
}

.bordesTopBottom {
  border-top: 1px solid var(--primario2);
  border-bottom: 1px solid var(--primario2);
}

.seccionNegraHola {
  background-color: var(--primario2);
  color: var(--blanco);
  padding: 3rem 4rem;
}

.seccionNegraHeros {
  background-color: var(--primario2);
  color: var(--blanco);
  padding: 3rem 0rem;
}

.seccionAzulHeros {
  background-color: var(--primario1);
  color: var(--blanco);
  padding: 3rem 0rem;
}

.seccionNegraHeros>div>div>div>h2,
.seccionAzulHeros>div>div>div>h2 {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 2rem);
  font-family: var(--tipoNeueMachinamedium);
  line-height: initial;
  margin-bottom: 0.25rem;
}

.seccionNegraHeros>div>div>div>p,
.seccionAzulHeros>div>div>div>p {
  font-family: var(--tipoNeueMachinaLight);
}

.seccionNegraHola>div>p {
  font-family: var(--tipoMontserratLight);
}

.seccionNegraHola>div>h2 {
  color: var(--blanco);
  font-size: calc(var(--tamanio-base) * 1.6rem);
  font-family: var(--tipoNeueMachinaLight);
  line-height: initial;
}

.seccionNegraHola>div>h2>span {
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 2.65rem);
}

.holaSeccionNegra {
  color: #f7f7f780;
  font-size: calc(var(--tamanio-base) * 1.75rem);
}

.txt1franjaNegra {
  font-family: var(--tipoNeueMachinaLight);
  font-size: calc(var(--tamanio-base) * 1.5rem);
}

.txtTrabajoConNosotros {
  font-family: var(--tipoNeueMachinamedium);
  font-size: calc(var(--tamanio-base) * 1.5rem);
}

.cajaPracticasHola {
  background-color: var(--primario3);
  padding: 3.5rem 1.25rem;
  max-height: 327px;
}

.cajaPracticasHola>p {
  font-family: var(--tipoNeueMachinamedium);
}

.txtPronombresHola {
  font-size: calc(var(--tamanio-base) * 1.25rem);
}

.txtPracticasHolaEquipo>span {
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 1.5rem);
}

.txtPreguntaClubHeros {
  font-family: var(--tipoNeueMachinaLight);
  font-size: calc(var(--tamanio-base) * 1.5rem);
}

.txtHeros {
  font-family: var(--tipoNeueMachinaLight);
  font-size: calc(var(--tamanio-base) * 3.75rem);
  margin-bottom: 0;
  line-height: initial;
}

.seccionGrisHeros {
  background-color: var(--primario3);
  padding: 2rem 0;
}

.seccionGrisHeros>div>div>div>h2 {
  margin-bottom: 0.25rem;
}

.subTituloSeccionGris {
  font-family: var(--tipoNeueMachinaLight);
}

.seccionGrisHeros2 {
  background-color: var(--primario3);
}

.seccionGrisHeros2>div {
  padding: 0rem 0.75rem;
}

.seccionGrisHeros2>div>div {
  padding: 3rem 5rem;
}

.seccionGrisHeros2>div>div>h2 {
  font-size: calc(var(--tamanio-base) * 3rem);
  font-family: var(--tipoNeueMachinaLight);
}

.seccionGrisHeros2>div>div>p {
  line-height: inherit;
  margin: 0;
}

.seccionGrisHerosCajaAmarilla {
  background-color: var(--amarillo2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.seccionGrisHerosCajaAmarilla>p {
  font-size: calc(var(--tamanio-base) * 2.5rem);
  font-family: var(--tipoNeueMachina-bold);
}

.seccionCircularHeros {
  border: 5px solid black;
  border-radius: 60px;
  display: flex;
  padding: 2.5rem;
  justify-content: center;
  align-items: center;
}

.seccionCircularHeros>p {
  margin-bottom: 0;
  font-family: var(--tipoNeueMachinaLight);
  font-size: calc(var(--tamanio-base) * 2rem);
}

.seccionCircularHeros>p>span {
  font-family: var(--tipoNeueMachina-bold);
}

.tituloFAQHeros {
  font-size: calc(var(--tamanio-base) * 2rem);
  font-family: var(--tipoMontserratBold);
}

.txtFondoAmarilloHeros {
  background-color: var(--amarillo2);
  color: var(--primario2);
  font-family: var(--tipoNeueMachina-bold);
  font-size: calc(var(--tamanio-base) * 2.5rem);
  padding: 0 0.5rem;
}

.listaPlataformaAccordionHeros {
  list-style: none;
  padding-left: 0;
}

.imagenFondoxDefectoPostBlog {
  background-image: url(assets/img/Logo-yoSEO1.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
}

.cajaAzulyoSEO {
  /* background-image: url(assets/img/home/cajaAzulyoSEO.jpg); */
  background-image: url(assets/img/home/caja-home.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 15rem;
  text-align: center;
  transition: transform 0.25s ease-in-out;
  -webkit-transition: transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out;
  border: 2px solid var(--primario1);
  background-color: var(--blanco);
  width: calc(100% / 4.2);
}

.cajaAzulyoSEO:hover {
  transform: scale(1.15);
}

.tituloCajaAzulyoSEO {
  font-family: var(--tipoNeueMachinaRegular);
  font-size: calc(var(--tamanio-base) * 1.5rem);
}

.cajaAzulyoSEO>div {
  position: relative;
  top: calc(50% - 50px);
}

.cajaAzulyoSEO>div>p {
  line-height: normal;
  margin-bottom: 0.25rem;
}

.cajaAzulyoSEO>div>p>a {
  text-decoration: none;
  color: #7c7c7c;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: font-size 0.45s ease-in-out;
  -webkit-transition: font-size 0.45s ease-in-out;
  -moz-transition: font-size 0.45s ease-in-out;
  animation-iteration-count: infinite;
}

.cajaAzulyoSEO>div>p>a:hover {
  color: var(--primario1);
  font-size: calc(var(--tamanio-base) * 2.35rem);
}

.alinearAbajo {
  display: flex;
  align-items: flex-end;
}

/*jorge*/

/*LISTING BLOG*/
.postGeneral {
  margin-bottom: calc(var(--tamanio-base) * 2.1rem);
}

.postGeneral .tituloPostGeneral a {
  font-size: calc(var(--tamanio-base) * 2.1rem);
  margin: 0;
}

.spacioCajasPostRelacionados .postGeneral .tituloPostGeneral a {
  font-size: calc(var(--tamanio-base) * 1.25rem);
  margin: 0;
}

.postGeneral p {
  font-size: calc(var(--tamanio-base) * 0.85rem);
}

.postGeneral .postCategoria {
  font-size: calc(var(--tamanio-base) * 0.85rem);
  margin: 0;
}

.postGeneral .autorcito {
  font-size: calc(var(--tamanio-base) * 0.85rem);
  margin: 0;
}

.postGeneral .blogHr {
  margin: 0 0 1rem 0;
}

ul#indiceContenidos li.activo a {
  color: var(--primario1);
}

/*LISTING BLOG*/

/*PAGINACIÓN*/
.paginacion {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: calc(var(--tamanio-base) * 1rem);
  line-height: calc(var(--tamanio-base) * 1.25rem);
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-content: center;
}

.paginacion>span,
.paginacion>a {
  display: block;
  margin: 0px 0 2px 0;
  padding: 7px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: black;
  background: transparent;
  min-width: 45px;
  height: 40px;
  text-align: center;
  border: 1px solid #cfcecf;
  line-height: 100%;
}

.paginacion a:hover {
  color: black;
  background: #f5f5f5;
}

.paginacion span {
  text-decoration: none;
  border: 1px solid #cfcecf;
}

.paginacion span.xs-hidden {
  border: unset;
  display: none;
}

.paginacion .current {
  background-color: #f5f5f5;
  color: black;
}

.paginacion .paginar {
  width: auto;
  min-width: 90px;
  color: black;
  font-weight: 400;
}

.paginacion .masPaginado {
  background-color: transparent;
}

/*PAGINACIÓN*/

/*como trabajamos*/

.spacioCajaSpecial {
  padding: 5rem 0;
}

.spacioCajaSpecial2 {
  padding: 3rem 0;
}

.tituloNegroComoTrabajamos,
.subTituloNegroComoTrabajamos {
  color: var(--blanco);
}

.tituloMasProcesos {
  font-family: var(--tipoNeueMachinamedium);
  font-size: calc(var(--tamanio-base) * 1.4rem);
}

.textoMarqueComoTrabajamos {
  background-color: var(--primario2);
  color: var(--blanco);
  font-family: var(--tipoNeueMachinaLight);
  font-size: calc(var(--tamanio-base) * 4rem);
}

.interlineadoSpecial {
  line-height: calc(var(--tamanio-base) * 2rem);
}

.secccionHablemosDeNumeros {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.secccionHablemosDeNumeros>p {
  font-family: var(--tipoNeueMachinamedium);
  font-size: calc(var(--tamanio-base) * 1.5rem);
}

.secccionHablemosDeNumeros>p>a {
  font-family: var(--tipoNeueMachinamedium);
  padding: 0.5rem 1rem;
}

.seccionTituloCasoDeExito {
  display: flex;
  gap: 3rem;
  align-items: center;
}

.margenSpecialPersonaCartel {
  padding: 0 3rem;
}

/*fin como trabajamos*/

/*imagenes post relacionados*/
.imgPostRelacionados {
  min-height: 14rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-wrapper .section-content.blog-post-container .post-item .post-inner > a > img {
  height: 160px;
width: 100%;
object-fit: cover;
}

.section-wrapper .section-content.blog-post-container .post-item .post-inner p {
color: black;
}

/*imagenes post relacionados*/

.quitarDecoration {
  text-decoration: none;
}

.try {
  display: flex;
  align-items: center;
}

.imgPComoTrabajamos {
  background-image: url("assets/img/personaCartel.png");
  background-size: cover;
  background-position: center;
}

.tabContacto1 {
  background-color: var(--primario3);
  color: var(--primario2);
  padding: 0.5rem 1rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.8rem);
  font-family: var(--tipoNeueMachina-bold);
  text-decoration: unset;
}

.tabContacto2 {
  background-color: #dadada;
  color: var(--primario2);
  padding: 0.5rem 1rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.8rem);
  font-family: var(--tipoNeueMachina-bold);
  text-decoration: unset;
}

.tabContactoActivo {
  background-color: var(--primario1);
  color: #fff;
  padding: 0.5rem 1rem;
  border: none;
  font-size: calc(var(--tamanio-base) * 0.8rem);
  font-family: var(--tipoNeueMachina-bold);
  text-decoration: unset;
}

.tabsContacto {
  display: flex;
  align-items: center;
  align-content: center;
}

.tabcontentContacto {
  display: none;
  background-color: var(--primario3);
}

.marginCajasContacto {
  padding: 4.3rem 0 4.3rem 7.5rem;
}

.teamleader-container input.form-control,
.teamleader-container textarea.form-control {
  border: 0;
  outline: 0;
  border-bottom: 1px solid black;
  /* background-color: transparent; */
}

.tituloCajaTabContacto {
  font-size: calc(var(--tamanio-base) * 2.1rem);
  line-height: normal;
  font-family: var(--tipoNeueMachinaLight);
}

.col-50 {
  width: 50%;
}

.cajasCartel {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  background-color: var(--special1);
  margin: 5rem 0;
  align-items: center;
}

.cajaImgPersonaCartel {
  margin: -15% 0 -15% 20%;
}

.cajaImgPersonaCartel>img {
  width: 80%;
}

/* Nuevo popup form sidebar - edu (y ajustes) */

.sidebar-contacto img {
  object-fit: cover;
  height: 50%;
  width: 100%;
}

.sidebar-contacto {
  display: flex;
  height: auto;
  top: 119px;
  flex-direction: column;
}

.sidebar-contacto.divFlotante {
  max-width: 95%;
}

.sidebar-contacto .textodivFlotante {
  font-size: calc(var(--tamanio-base) * 0.75rem);
  line-height: calc(var(--tamanio-base) * 1.25rem);
}

.sidebar-contacto p.subtitulodivFlotante {
  color: blue;
  line-height: normal;
}

.sidebar-popup-container {
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
}

.sidebar-popup-content {
  display: none;
  position: relative;
  background-color: white;
  width: 100%;
  border-radius: 20px;
  border: #e4e4e4 1px solid;
  padding: 30px;
  box-shadow: 0px 0px 22px 0px #0000002b;
  right: initial;
  top: initial;
  margin: 20px auto 0;
}

.sidebar-contacto .cajaLogosNegrosdivFlotante {
  display: flex;
  justify-content: space-around;
}

.sidebar-contacto .btnNegrodivFlotante {
  font-size: calc(var(--tamanio-base) * 0.7rem);
  line-height: normal;
  padding: 0.4rem 1.5rem;
  width: 100%;
}

.sidebar-popup-content form span>input {
  width: 100%;
  margin-bottom: 3px;
  padding: 0px 6px;
  font-size: 14px;
  border: 1px solid #c9c9c9;
}

.sidebar-popup-content form span>input:placeholder {
  font-size: 13px;
}

.sidebar-popup-content form div>p {
  margin-bottom: 5px;
}

.sidebar-popup-content form .wpcf7-list-item {
  margin: 0 !important;
}

.sidebar-popup-content form .acept-text {
  font-size: 12px;
  line-height: 12px;
}

.sidebar-popup-content form .acept-text a {
  color: blue;
  text-decoration: none;
  font-weight: 600;
}

.sidebar-popup-content form input[type="submit"] {
  background-color: blue;
  color: white;
  border: none;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
}

.sidebar-popup-content form>p:last-of-type {
  margin-bottom: 0;
}

.sidebar-popup-content .wpcf7 form.sent .wpcf7-response-output {
  background-color: #e6ebfa;
  border: none;
  padding: 20px;
  border-radius: 10px;
  color: blue;
}

p.preform {
  font-size: 16px;
  line-height: 19px;
}

p.preform b {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 5px;
}

/* Nueva pestana  form */

.pestana-content form span>input {
  width: 100%;
  margin-bottom: 12px;
  padding: 6px;
  font-size: 15px;
  border: 1px solid #c9c9c9;
}

.pestana-content form span>input:placeholder {
  font-size: 13px;
}

.pestana-content form .wpcf7-list-item {
  margin: 0 !important;
}

.pestana-content form .acept-text {
  font-size: 12px;
}

.pestana-content {
  background-color: var(--azul-claro);
  padding: 28px 36px;
  margin-top: 30px;
  font-family: "Montserrat-Regular";
}

.pestana-content .alturaSpeacialTextoAnimado3 {
  padding-left: 0;
}

.pestana-content form .acept-text a {
  color: blue;
  text-decoration: none;
  font-weight: 600;
}

.pestana-content form .pgroup {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pestana-content form .pgroup>p {
  width: 100%;
  margin-bottom: 5px;
}

.pestana-content form input[type="submit"] {
  background-color: black;
  color: white;
  border: none;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
}

.pestana-content input:-internal-autofill-selected {
  background-color: -internal-light-dark(rgb(232, 240, 254),
      rgba(241, 16, 91, 0.4)) !important;
}

.pestana-content form>p:last-of-type {
  margin-bottom: 0;
}

.pestana-content .wpcf7 form.sent .wpcf7-response-output {
  background-color: transparent;
  border: none;
  padding: 0;
  border-radius: 10px;
  color: blue;
  display: none;
}

/* Barra iconos inferior fixed mobile */

.bloque-cta-iconos {
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 88888888;
}

.row-icons-toggle {
  background-color: blue;
  padding: 8px 6px 6px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 0px 7px 0px #a8a0f1a8;
}

.row-icons-toggle img {
  width: 50px;
  height: 50px;
}

.row-icons-content {
  display: none;
}

.row-icons-content>div {
  display: flex;
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 80px;
  overflow: visible;
  width: 250px;
  height: 93px;
  border-radius: 40px;
  justify-content: space-around;
  padding: 12px 12px;
  box-shadow: 0px 0px 10px 0px #00000036;
}

.row-icons-content .icon-mobile {
  display: flex;
  align-items: center;
}

.row-icons-content .icon-mobile img {
  width: 45px;
  height: 45px;
}

.row-icons-content .icon-mobile.phone img,
.row-icons-content .icon-mobile.form img {
  width: 40px;
  height: 40px;
}

.mobile-popup-toggle {
  cursor: pointer;
}

.mobile-popup-content {
  position: fixed;
  display: none;
  left: 5%;
  background-color: white;
  width: 90%;
  padding: 20px;
  margin: auto;
  bottom: 118px;
  box-shadow: 0px 0px 10px 0px #00000036;
  border-radius: 20px;
}

.mobile-popup-content input {
  width: 100%;
  padding-left: 10px;
  font-size: 12px;
}

.mobile-popup-content .acept-text {
  font-size: 12px;
}

.mobile-popup-content .wpcf7-list-item {
  margin-left: 0;
}

.mobile-popup-content form input[type="submit"] {
  background-color: blue;
  border: none;
  color: white;
  font-size: 14px;
}

.mobile-popup-content .pgroup+p {
  margin-bottom: 0;
  line-height: 10px;
}

.info-legal-basic {
  position: relative;
}

.mobile-popup-content .accordionLegalToggle,
.info-legal-basic .accordionLegalToggle {
  background: none;
  border: none;
  font-size: 13px;
  display: inline-block;
  font-family: var(--tipoMontserratRegulart);
  color: var(--gris-medio);
  cursor: pointer;
  padding: 0;
}

.mobile-popup-content .accordionLegalToggle:after,
.info-legal-basic .accordionLegalToggle:after {
  content: "+";
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  margin-left: 6px;
}

.accordionLegalContent {
  display: none;
  background-color: black;
  position: absolute;
  z-index: 100;
  padding: 20px;
  color: white;
  width: 88%;
  top: 35px;
}
.accordionLegalContent.active {display:block;}

.accordionLegalContent.page-contacto {
  bottom: auto;
  top: 36px;
}

.accordionLegalContent p {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0;
}

/* HOME BLOQUE NUMEROS */

.home-bloque-numeros {
  justify-content: space-between;
  row-gap: 20px;
}

.home-bloque-numeros>div {
  width: 100%;
}

/* 2 modelos, cero tonterias block */

.bloque-dosmodelos {
  min-height: 690px;
}

.bg-dosmodelos {
  background-image: url("assets/img/home/home-img-mano.jpg");
  background-repeat: no-repeat;
  background-color: #f2f2f2;
  background-position: bottom;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 100px 60px;
}

.bg-dosmodelos .dosmodelos-btn {
  background-color: black;
  color: white;
  text-transform: uppercase;
  font-family: var(--tipoNeueMachinaRegular);
  border: white 1px solid;
  text-decoration: none;
  width: fit-content;
  font-size: 1.3rem;
  letter-spacing: 1px;
  padding: 9px 20px;
}

.bg-dosmodelos .dosmodelos-btn i {
  font-weight: 200;
  margin-left: 10px;
  font-size: 0.8rem;
}

.bg-dosmodelos p {
  font-family: var(--tipoNeueMachina-bold);
  font-size: 3.5rem;
  margin-bottom: 18px;
}

.bg-yoseocard {
  background-image: url("assets/img/home/imagen-mano-tarjeta-composicion.jpg");
  background-color: black;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  flex-direction: column;
  row-gap: 20px;
  padding: 0 40px;
}

.bg-yoseocard p {
  color: white;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.bg-yoseocard p.titulo-sec {
  font-size: 1.7rem;
  font-family: var(--tipoNeueMachinaRegular);
}

.bg-yoseocard p.titulo-sec>span {
  border-bottom: var(--primario1) 1px solid;
}

/* AJUSTE BOTON AZUL */

.botonesCuentanos a {
  text-decoration: none;
}

button.botonActivo,
a.botonActivo>i {
  padding-right: 13px;
}

/* IMAGEN NEWSLETTER */
.imgnewsletter-col {
  display: flex;
}

.imgnewsletter {
  max-width: 100%;
  margin-top: auto;
  display: block;
  padding-right: 10px;
}

/* SEO PROACTICO IMAGEN ROTADA */

.seo-proactivo-rotate {
  transform: rotate(-13deg);
  max-width: 100%;
  height: 100%;
}

.seo-proactivo-home-sec .block-texto {
  width: 100%;
}

.seo-proactivo-home-sec .block-img {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.seo-proactivo-home-sec {
  justify-content: space-between;
  row-gap: 86px;
}

/* flecha btn heros */

.BtnHeros i {
  font-size: 1rem;
  font-weight: 500;
  margin-left: 10px;
}

/* Sjuste fondo gris */

.fondoGrisVideo img {
  height: 100%;
}

/* Ajuste bloque azul home */

.bloqueAzulHome h3 {
  font-size: 60px;
  text-transform: uppercase;
  color: blue;
  margin-bottom: -9px;
  margin-left: 120px;
  font-weight: 800;
}

.bloqueAzulHome .bloqueAzulHome-caja {
  padding: 50px 50px;
  color: white;
  justify-content: space-between;
}

.bloqueAzulHome .bloqueAzulHome-caja>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bloqueAzulHome .owl-carousel.owl-drag .owl-item {
  margin-right: 30px !important;
}

.bloqueAzulHome .owl-stage-outer {
  /* padding: 10px 20px; */
  border-radius: 20px;
}

.bloqueAzulHome .titulo-big {
  font-family: var(--tipoNeueMachina-bold);
  font-size: 2rem;
  color: #ffbd45;
  margin-bottom: 22px;
}

.bloqueAzulHome .titulo-big .titulo-big-destacado {
  /* border-bottom: 2px dashed #ffbd45; */
  color: #ffdbba;
  filter: drop-shadow(0px 0px 4px #01011291);
}

.bloqueAzulHome .titulo-big .titulo-small {
  font-family: var(--tipoNeueMachinamedium);
  font-size: 1.6rem;
  color: white;
  display: block;
  margin-top: 5px;
}

.bloqueAzulHome .logos {
  height: 4rem;
  width: 8.5rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.bloqueAzulHome .logos:hover {
  filter: opacity(0.5) invert(1);
}

.bloqueAzulHome .logos.lg24 {
  transform: scale(1.5);
  filter: brightness(15);
}

.bloqueAzulHome .logos.lg24:hover {
  filter: opacity(0.5) brightness(15);
}

.bloqueAzulHome .logos.lg25 {
  height: 2rem;
  width: 100px;
}

.bloqueAzulHome #five .owl-item.apple {
  width: 100px !important;
}

.bloqueAzulHome .separador {
  border-bottom: 2px white dashed;
  margin-top: 30px;
  margin-bottom: 43px;
}

.bloqueAzulHome .botonNegro {
  font-size: 1.2rem;
  font-family: var(--tipoNeueMachinaRegular);
  padding: 10px 26px;
}

/* Telefono flotante */

.telefono-flotante-col {
  position: relative;
  display: flex;
  align-items: center;
}

.telefono-flotante-img {
  position: absolute;
  font-size: 2rem;
  /* right: 57px;  */
  right: 73px;
  top: 17%;
  display: flex;
  column-gap: 20px;
}

.telefono-flotante-img i {
  /* font-family: "Font Awesome 5 Pro"; */
  color: black;
  font-size: 1.5rem;
  border: 3px solid black;
  border-radius: 50%;
  padding: 10px;
  font-weight: 900;
}

.telefono-flotante-img span {
  font-family: var(--tipoNeueMachinamedium);
  color: white;
}

/*bounce animation*/

.bounce-1 {
  animation: bounce-1 2s linear infinite;
}

@keyframes bounce-1 {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0);
  }
}

/*bounce animation*/

/*==nuevos cambios ==*/
/**casos de exito no carrousel */

.casosDeExitoNoCarrousel {
  display: flex;
  justify-content: center;
}

.zoomInOut {
  transition: transform 0.4s;
}

.zoomInOut:hover {
  transform: scale(1.1);
}

/**fin casos de exito no carrousel */
.cajaTextoVideoHome {
  padding: 5.31rem;
}

.cajaServicio {
  text-decoration: none;
  color: inherit;
}

.cajaServicio:hover {
  color: inherit;
}

.cajaServicio p {
  line-height: calc(var(--tamanio-base) * 0.9rem);
  margin-bottom: 0.6rem;
  padding: 0 0.5rem;
}

.cajaServicio p:first-child {
  margin-bottom: 1.15rem;
}

.flechaServicios {
  transition: font-size 0.45s ease-in-out;
  font-size: calc(var(--tamanio-base) * 1rem);
}

.flechaServicios:hover {
  color: var(--primario1);
  font-size: calc(var(--tamanio-base) * 2.1rem);
}

.tituloBlogIdeas {
  font-size: calc(var(--tamanio-base) * 1.4rem);
  font-family: var(--tipoNeueMachinamedium);
}

.tituloDatosSeccionNegra,
.titulosMillonSeccionNegra {
  color: var(--blanco) !important;
  font-size: calc(var(--tamanio-base) * 2.5rem);
  font-family: var(--tipoMontserratBold);
  margin-bottom: 1.5rem !important;
  margin-top: 0.5rem;
}

#parteNegraAccordionPanel {
  background: transparent;
}

/*============LANDING==============*/
.titulosLanding {
  font-family: var(--tipoMontserratBold);
  font-size: calc(var(--tamanio-base) * 2rem);
  line-height: calc(var(--tamanio-base) * 2.5rem);
  margin-bottom: 0;
}

.sticky-topLanding {
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
  z-index: 1020;
  margin-top: -45rem;
}

.cajaStickyLanding {
  background: var(--primario3);
  border: 1px solid var(--primario2);
  margin-top: 12rem;
  padding: 3rem 2rem;
}

.opinionClientesLanding {
  background: var(--primario1);
  padding: 2rem;
}

.opinionClientesLanding>p {
  color: var(--blanco);
  margin-bottom: 0;
}

.carrouselOpinionesLanding {
  display: flex;
  flex: 1 0 auto;
}

.five-owl .owl-carousel .owl-stage {
  display: flex;
}

.five-owl .owl-carousel .owl-item .opinionClientesLanding {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cajasSeccion4Landing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0.05em;
  grid-row-gap: 0.05em;
}

.cajasSeccion4LandingInterna1 {
  padding: 2rem 2.5rem;
  background: var(--primario1);
  color: var(--blanco);
}

.cajasSeccion4LandingInterna2 {
  padding: 2rem 2.5rem;
  background: var(--primario2);
  color: var(--blanco);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-evenly;
}

.titutloInternoCajas4 {
  font-family: var(--tipoMontserratSemiBold);
  font-size: calc(var(--tamanio-base) * 1.65rem);
}

.cunstomPaddingCajas4 {
  padding: 0.01rem;
}

.titutloInternoCajas42 {
  font-size: calc(var(--tamanio-base) * 1.8rem);
  text-align: center;
  font-family: var(--tipoMontserratBold);
}

.textoInternoCajas42 {
  font-size: calc(var(--tamanio-base) * 3.5rem);
  text-align: center;
  font-family: var(--tipoMontserratBold);
}

/*============FIN LANDING==============*/

/*===Nombre autor post ==*/

.tooltipAutor {
  display: none;
  position: absolute;
  max-width: fit-content;
  padding: 8px 10px;
  background-color: var(--primario1);
  z-index: 20;
  font-size: 15px;
  /* top: 13px; */
  top: 40px;
  cursor: pointer;
  min-width: 6.2rem;
}

.tooltipAutor:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--primario1);
  position: absolute;
  top: -10px;
}

.tooltipRevisor {
  display: none;
  position: absolute;
  max-width: fit-content;
  padding: 8px 10px;
  background-color: var(--primario1);
  z-index: 20;
  font-size: 15px;
  /* top: 13px; */
  top: 10px;
  cursor: pointer;
  /* left: 35px; */
}

.tooltipRevisor:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--primario1);
  position: absolute;
  top: -10px;
  right: 40%;
}

.tooltipAutor li a {
  color: black;
}

.escritoPor .elAutor {
  position: relative;
}

.tooltipAutor li a:hover {
  color: var(--azul-sherpa);
}

.escritoPor #autor {
  cursor: pointer;
}

#autor:hover>div .tooltipAutor {
  display: block;
  position: relative;
}

.escritoPor .elAutor:hover .tooltipAutor {
  display: block;
  /* position: relative; */
}

.escritoPor {
  display: flex;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3rem;
  font-size: calc(var(--tamanio-base) * 1.1rem);
}

.tooltipAutor .rrssAutor .fa-desktop {
  font-size: 15px;
  line-height: 15px;
  color: var(--blanco);
}

.tooltipAutor .rrssAutor .fab,
.tooltipAutor .rrssAutor .fas {
  color: var(--blanco);
}

.actualizacionPost {
  padding-top: 0.6rem;
  max-width: fit-content;
}

.revisadoPor {
  cursor: pointer;
  color: var(--primario2);
  font-size: 14px;
}

.revisadoPor span.elRevisor {
  font-weight: 500;
  font-size: 16px;
}

.tooltipAutor.repaso {
  top: 94%;
}

.revisor-tog:hover .repaso {
  display: block;
  position: relative;
}

.tooltipRevisor ul li span i {
  color: var(--blanco);
}

ul.rrssAutor {
  display: flex;
  margin: 10px 0 0 0;
  list-style: none;
  padding-left: 0;
}

ul.rrssAutor li {
  margin-right: 10px;
}

.ver-perfil {
  color: var(--blanco);
  font-weight: 600;
  text-decoration: none;
}

.ver-perfil:hover {
  color: var(--blanco);
}

/*== FIN Nombre autor post==*/

/*rrss post*/
#postLogos>i {
  font-size: calc(var(--tamanio-base) * 0.9rem);
  background-color: var(--primario2);
  padding: 7px;
  width: 2rem;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  color: var(--blanco);
  cursor: pointer;
}

/*rrss compartir*/
.test2 {
  display: grid;
  list-style: none;
  padding-left: 0;
  grid-template-columns: repeat(5, 200px);
  justify-items: center;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}

.testl2 {
  display: inline-flex;
  align-items: center;
  color: var(--blanco);
  width: 100%;
  cursor: pointer;
}

.testl2>i {
  background: var(--primario1);
  padding: 0.72rem 0.5rem;

  border-radius: 4px 0 0 4px;
  flex-basis: 20%;
  text-align: center;
}

#rrssCompartir>i {
  font-size: calc(var(--tamanio-base) * 0.85rem);
}

.testl2>div {
  background: var(--azulOpacidad);
  padding: 0.5rem;
  border-radius: 0 4px 4px 0;
  flex-basis: 80%;
}

.testl2:hover i {
  background: var(--primario2);
  /* transition: ease-in-out 450ms;  */
  transition: all 1s ease;
}

.testl2:hover div {
  background: var(--primario2);
  /* transition: ease-in-out 450ms; */
  transition: all 1s ease;
}

/*rrss compartir*/

/*nuevas cajas servicios*/

.generalDiv {
  display: grid;
  grid-template-columns: repeat(4, 398px);
  gap: 1rem;
}

.cajaAzulyoSEO2 {
  width: 100%;
  margin: 0;
  background-image: url(assets/img/home/caja-home.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  transition: transform 0.25s ease-in-out;
  -webkit-transition: transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out;
  border: 2px solid var(--primario1);
  background-color: var(--blanco);
  min-height: 15rem;
}

.cajaContenedoraServicios {
  display: flex;
  min-height: 100%;
  align-items: center;
  justify-content: center;
}

.cajaAzulyoSEO2:hover {
  transform: scale(1.1);
}

.cajaServicio2 {
  padding-top: 10%;
  text-decoration: none;
  color: var(--primario2);
}

.cajaServicio2:hover {
  color: var(--primario2);
}

.contenidoCajaAzulyoSEO2 {
  line-height: calc(var(--tamanio-base) * 1.1rem);
  margin-bottom: 0.3rem;
  padding: 0 0.5rem;
  font-size: calc(var(--tamanio-base) * 0.9rem);
}


/**** NUEVA ESTRUCTURA ****/

/* BOTONES */

/* Botones cabecera */

.cabecera-ondas .btn-cabecera-container{
  display: flex;
  justify-content: center;
  column-gap: 20px;
}

.cabecera-ondas .btn-default {
  background-color: transparent;
  border: 2px solid white;
  color: white;
  font-size: 18px;
  font-family: 'Montserrat-Medium';
  text-decoration: none;
  display: flex;
}

.cabecera-ondas .btn-default a{
  color: white;
  padding: 8px 22px;
  font-size: 18px;
  font-family: 'Montserrat-Medium';
  text-decoration: none;
}

.cabecera-ondas .btn-default:hover,
.cabecera-ondas .btn-default:hover a{
  background-color: white;
  color: var(--primario1);
}

.cabecera-ondas .btn-default.blanco {
  background-color: white;
  color: var(--primario1);
}

.cabecera-ondas .btn-default.blanco a{
  color: var(--primario1);
}

.cabecera-ondas .btn-default.blanco:hover{
  background-color: var(--acento);
  border-color: var(--acento);
}

.cabecera-ondas .btn-default.blanco:hover a{
  background-color: var(--acento);
}

.cabecera-imagen .btn-default {
  background-color: white;
  padding: 8px 22px;
  width: fit-content;
  border: none;
  color: var(--primario1);
  font-size: 16px;
  font-family: var(--tipoMontserratBold);
  text-decoration: none;
}

.cabecera-imagen .btn-default a{
  color: var(--primario1);
  font-size: 16px;
  font-family: var(--tipoMontserratBold);
  text-decoration: none;
}

.cabecera-imagen .btn-default:hover {
  background-color: black;
  color: white;
}

.cabecera-imagen .btn-default:hover a {
  color: white;
}


/*Botones secciones*/

.nueva-estructura-container .section-wrapper .btn-default{
  background-color: var(--primario1);
  color: white;
  padding: 8px 11px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Montserrat-Regular';
  width: fit-content;
  display: block;
  font-size: calc(var(--tamanio-base) * .75rem);
  border: 2px solid var(--primario1);
  margin-top: 30px;
}


.nueva-estructura-container .section-wrapper .btn-default a{
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Montserrat-Regular';
  font-size: calc(var(--tamanio-base) * .75rem);
}

.nueva-estructura-container .section-wrapper .btn-default:hover,
.nueva-estructura-container .section-wrapper .btn-default:hover a{
  background-color: transparent;
  color: var(--primario1);
}


.nueva-estructura-container .section-wrapper .btn-default.negro{
background-color: black;
color: var(--acento);
border-color: black;
}

.nueva-estructura-container .section-wrapper .btn-default.negro a{
  color: var(--acento);
  }
  

.nueva-estructura-container .section-wrapper .btn-default.negro:hover,
.nueva-estructura-container .section-wrapper .btn-default.negro:hover a{
  background-color: transparent;
  color: black;
}



.nueva-estructura-container .section-wrapper .btn-default.amarillo{
  background-color: var(--acento);
  color: black;
  border-color: var(--acento);
}

.nueva-estructura-container .section-wrapper .btn-default.amarillo a{
  color: black;
}


.nueva-estructura-container .section-wrapper .btn-default.amarillo:hover,
.nueva-estructura-container .section-wrapper .btn-default.amarillo:hover a{
  background-color: transparent;
  color: var(--acento);
}



.nueva-estructura-container .section-wrapper .section-title.right .btn-default{
  margin-left: auto;
  }
  

.pre-footer.cta-final .btn-default{
  background-color: var(--acento);
  color: black;
  padding: 8px 11px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Montserrat-Regular';
  width: fit-content;
  display: block;
  font-size: calc(var(--tamanio-base) * .75rem);
  margin-top: 30px;
}

.pre-footer.cta-final .btn-default a{
  color: black;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Montserrat-Regular';
  font-size: calc(var(--tamanio-base) * .75rem);
}


.nueva-estructura-container .section-wrapper .section-title p b,
.nueva-estructura-container .section-wrapper .btn-default b,
.pre-footer.cta-final .btn-default b {
  font-family: var(--tipoMontserratBold);
}


/* Cabecera */

.cabecera-ondas,.cabecera-landing {
  height: 450px;
  position: relative;
  background: rgb(0,0,0);
  background: linear-gradient(98deg, rgb(8, 8, 37) 0%, rgba(0,0,221,1) 100%);
  overflow: hidden;
  margin-top:35px;
}

.cabecera-landing{
  height:350px;
}


#canv {
  height: 450px;
  width: 100vw !important;
  bottom: 0;
  position: absolute;
  left: 0;
  z-index: 10;
  transform: rotate(10deg);
}

#canv.canv-landing{
  bottom:-50px;
}

.cabecera-ondas>div, .cabecera-contacto > div, .cabecera-landing>div  {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 75%;
  margin: auto;
  z-index: 20;
  position: relative;
}


.cabecera-ondas h1,.cabecera-landing h1 {
  font-size: 60px;
  line-height: 60px;
  font-family: var(--tipoNeueMachina-bold);
  color: white;
  text-align: center;
  margin-bottom: 24px;
  text-shadow: 0 0 5px #0000ff;
}

.cabecera-landing h1{
  text-align:left;
}

.cabecera-ondas .texto-intro, .cabecera-landing .texto-intro {
  color: white;
  font-size: 21px;
  text-align: center;
  text-shadow: 0 0 5px #0000ff;
  margin-bottom: 34px;
}

.cabecera-landing .texto-intro{
  text-align:left;
}


/* Cabecera imagen */

.cabecera-imagen > .imagen{
  margin-right: 7%;
  display: flex;
}

.cabecera-imagen>.imagen img{
  width: auto;
  height: auto;
}

.cabecera-imagen > .imagen > div{
position: absolute;
bottom: 50px;
}

.cabecera-imagen > .imagen .nombre{
background-color: var(--acento);
color: black;
padding: 10px;
font-size: 26px;
font-family: var(--tipoMontserratBold);
margin-bottom: 0;
line-height: 26px;
width: fit-content;
}

.cabecera-imagen > .imagen .cargo{
  background-color: black;
  padding: 10px;
  color: var(--acento);
  font-family: var(--tipoMontserratBold);
font-size: 17px;
line-height: 17px;
width: fit-content;

}
  
.cabecera-imagen {
  height: 600px;
  display: flex;
  justify-content: end;
  position: relative;
  background: rgb(0,0,0);
  background: linear-gradient(98deg, rgb(8, 8, 37) 0%, rgba(0,0,221,1) 100%);
}

.cabecera-imagen > .contenido{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cabecera-imagen h1 {
  font-size: 35px;
  line-height: 35px;
  /* font-family: var(--tipoMontserratBold); */
  font-family: var(--tipoNeueMachina-bold);
  color: var(--acento);
  margin-bottom: 10px;
}

.cabecera-imagen p.big-title {
  font-size: 55px;
  width: 75%;
  line-height: 55px;
  font-family: var(--tipoMontserratBold);
  color: white;
  margin-bottom: 10px;
}



.cabecera-imagen .subtitulo {
  color: var(--acento);
  font-size: 35px;
  line-height: 35px;
  font-family: var(--tipoMontserratRegulart);
  margin-bottom: 30px;
}



.nueva-estructura-container .section-wrapper.intro-section .columns > .section-title {
  width: 45%;
}

.intro-section .imagen-intro{
  width: 55%;
}

.intro-section .imagen-intro .floating-img{
  max-width: 100%;
  height: auto;
  max-height: 450px;
  margin: auto;
  display: block;
}


/* Maquetación general de secciones */

.nueva-estructura-container{
  margin-top: 0;
}

.nueva-estructura-container .section-wrapper > .default-width{
  width:1280px;
  margin: auto;
}



.nueva-estructura-container .section-wrapper .columns{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.nueva-estructura-container .section-wrapper .columns.reverse {
  flex-direction: row-reverse;
  padding:30px 0;
}

.nueva-estructura-container .section-wrapper#inicio .columns{
padding-top: 46px;
}

.nueva-estructura-container .section-wrapper .full-width.inner-padd{
padding: 120px 0;
}

.nueva-estructura-container .section-wrapper .columns > .section-title{
width:35%;
}

.nueva-estructura-container .section-wrapper .columns > .section-content{
width: 56%;
}

.nueva-estructura-container .section-wrapper.cajas-megacontainer .columns > .section-title{
  width:33%;
  }
  
  .nueva-estructura-container .section-wrapper.cajas-megacontainer .columns > .section-content{
  width: 59%;
  }


.nueva-estructura-container .section-wrapper .section-title.right *{
  text-align: left;
}


.nueva-estructura-container .section-wrapper .section-title .titulo-seccion{
font-family: var(--tipoNeueMachina-bold);
font-size: 40px;
line-height: 46px;
margin-bottom: 30px;
}

.nueva-estructura-container .section-wrapper .section-title p{
  font-size: calc(var(--tamanio-base) * .82rem);
  line-height: calc(var(--tamanio-base) * 1.2rem);
}
/* Lista dentro de párrafo*/
.nueva-estructura-container .section-wrapper .section-title li{
  font-size: calc(var(--tamanio-base) * .82rem);
  line-height: calc(var(--tamanio-base) * 1.2rem);
}

.nueva-estructura-container .section-wrapper .section-title p.texto-resaltado{
  font-size: calc(var(--tamanio-base) * 1.1rem);
  line-height: calc(var(--tamanio-base) * 1.3rem);
  color: var(--primario1);
  font-family: var(--tipoMontserratSemiBold);
}



.nueva-estructura-container .cta-black-section{
  width:68%;
  margin:  auto;
  text-align: center;
  padding: 140px 0;
}

.nueva-estructura-container .cta-black-section .section-title .titulo-seccion{
  font-size: 70px;
line-height: 75px;
margin-bottom: 30px;
}


.nueva-estructura-container .center-content .cta-black-section .section-title p{
  margin-bottom: 20px;
}

.nueva-estructura-container .section-wrapper .prev-margin{
  margin-top: 120px;
}

@media(max-width:680px){
  .nueva-estructura-container .section-wrapper .prev-margin{
margin-top: 0px;
}
}

.nueva-estructura-container .section-wrapper .post-margin{
  margin-bottom: 120px;
}



.nueva-estructura-container .fondo-negro p,
.nueva-estructura-container .fondo-negro .titulo-seccion{
color: white;
}

.nueva-estructura-container .center-content .section-title *{
  margin: auto;
  text-align: center;
}




/* Fondos y colores */
.fondo-claro{
  background-color: var(--azul-claro);
}
.fondo-negro{
  background-color: black;
}

.blue{
  color: var(--primario1);
}

.amarillo{
  color: var(--acento);
}


/* CTA SLIDER */


.slider-cta-container{
  position: fixed;
  top:300px;
  z-index: 99999;
  display: flex;
  transform: translate(-475px);
  transition: transform ease-in-out .5s;
} 

.slider-cta-container .formulario{
  background-color: black;
  padding: 50px;
  width: 475px;
}


.slider-cta-container .formulario p{
color: white;
font-size: 15px;
line-height: 17px;
margin-bottom: 10px;
font-family: var(--tipoMontserratRegulart);
}

.slider-cta-container .formulario p b{
  font-family: var(--tipoMontserratBold);
}

.slider-cta-container .formulario .titulo{
font-family: var(--tipoNeueMachina-bold);
color: var(--acento);
font-size: 22px;
line-height: 25px;
}

.slider-cta-container .formulario input{
background-color: #171717;
color: white;
padding: 10px 20px;
border-radius: 5px;
border: none;
font-family: var(--tipoMontserratMedium);
}


.slider-cta-container .formulario input::placeholder{
  color: white;
  font-family: var(--tipoMontserratLight);
}


.slider-cta-container .formulario input[type=submit]{
  background-color: var(--acento);
  color: black;
  font-family: var(--tipoMontserratBold);
  text-transform: uppercase;
  border-radius: 0;
}

.slider-cta-container .formulario .info-legal-basic .accordionLegalToggle{
  color: lightgray;
}

.slider-cta-container .formulario .accordionLegalContent p {
  font-size: 12px;
}

.slider-cta-container .formulario .accordionLegalContent{
  height: 122px;
  background-color: grey;
  box-shadow: 0 0 10px 0 #00000038;
  overflow: scroll;
}


.slider-cta-container .formulario .accordionLegalContent::-webkit-scrollbar {
  width: 8px;
  height: 0;
  background-color: rgb(99, 98, 98);
}

.slider-cta-container .formulario .accordionLegalContent::-webkit-scrollbar-thumb  {
  width: 8px;
    background-color: rgb(207, 207, 207);
    border-radius: 6px;
  }

  .slider-cta-container .formulario input[type=checkbox]{
    width: 0;
  }

  .slider-cta-container .formulario input[type=checkbox]:before{
    border: white 1px solid;
    content: "";
    display: inline-block;
    background-color: #171717;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-left: -14px;
  }

  .slider-cta-container .formulario input[type=checkbox]:checked::before{
    background-color: white;
  }


  .slider-cta-container .formulario .acept-text{
    font-size:12px;
    margin-bottom: 10px;
  }

  .slider-cta-container .formulario .acept-text a{
    text-decoration: none;
    color: var(--acento);
  }


.slider-cta-container .activador{
  padding: 10px 20px;
  display: flex;
  color: white;
  height: fit-content;
  column-gap: 15px;
  background-color: black;
  transform: rotate(-90deg);
  align-items: center;
  margin-left: -79px;
  cursor: pointer;
}



.slider-cta-container .activador-container{
  position: relative;
  display: flex;
  align-items: center;
  z-index: 99999997;
}


.slider-cta-container .activador i{
  font-size: 22px;
  transform: rotate(90deg);
  }

.slider-cta-container .activador p {
  margin-bottom: 0;
  font-size: 18px;
  font-family: var(--tipoNeueMachinamedium);
  width: fit-content;
  }





  .slider-cta-container.open{
    transform: translate(0);
  }










/* SECCION CAJAS */

.seccion-cajas{
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
  justify-content: center;
}

.caja-item{
  height: 300px;
  position: relative;
  transform-style: preserve-3d;
	perspective: 1000px;
}

.num-cajas-6 .caja-item,
.num-cajas-5 .caja-item,
.num-cajas-3 .caja-item{
  width:calc((100% - 24px) / 3);
}

.num-cajas-4 .caja-item,
.num-cajas-2 .caja-item{
  width:calc((100% - 12px) / 2);
}




.caja-item > .card{
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 5px;
  background: #fff;
  /* border-radius: 10px; */
  transform: translateY(0deg);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  transition: transform 0.7s cubic-bezier(0.4,0.2,0.2,1);
  overflow: hidden;
}

 .seccion-cajas .caja-item > .front-face > div{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 80%;
  margin: auto;
  position: relative;
} 


.seccion-cajas .caja-item > .front-face .caja-titulo{
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  margin-bottom: 0;
  z-index: 20;
}



.seccion-cajas .caja-item > .front-face .icono-fondo{
  position: absolute;
  z-index: 10;
  opacity: .03;
  font-size: 200px;
  color: var(--primario1);
  display: flex;
  justify-content: center;
}

.seccion-cajas .caja-item > .front-face .icono-titulo{
  font-size: 45px;
  color: var(--primario1);
  margin-bottom: 10px;
}



.caja-item:hover > .front-face{
  transform: rotateY(-180deg);
}


.caja-item > .back-face{
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: black;
  padding: 30px;
  transform: rotateY(180deg);
}

.seccion-cajas .caja-item > .back-face p{
  color: white;
}

.caja-item:hover > .back-face{
  transform: rotateY(0deg);
}


.seccion-cajas .caja-item > .back-face .caja-titulo{
  text-align: center;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 13px;
}

.seccion-cajas .caja-item > .back-face hr{
  background-color: white;
  opacity: 1;
  width: 40%;
  margin: 10px auto;
}

.seccion-cajas .caja-item > .back-face .caja-texto{
font-size: 15px;
line-height: 19px;
text-align: center;
}



/* OPINIONES */
.nueva-estructura-container .section-wrapper .ti-widget.ti-goog .ti-review-item>[class$=inner]{
  border-color: var(--acento)!important;
  padding: 35px!important;
  border-radius: 30px!important;
}

.ti-widget.ti-goog .ti-review-header:before{
  border-top-color: var(--acento)!important;
  left: 25px!important;
}
.ti-widget.ti-goog .ti-controls {
  top: 38%!important;
}

.ti-widget .source-Google .ti-star.f {
  filter: brightness(1.2);
}


.section-title .titulo-clientes{
  position: relative;
  width: fit-content;
}

.section-title .titulo-clientes::after{
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background-color: var(--acento);
  position: absolute;
  bottom: -4px;
  z-index: -1;
  right: -28px;
}


.section-title .titulo-clientes::before{
  content: '"';
  display: block;
  font-size: 46px;
  position: absolute;
  top: -10px;
  z-index: -1;
  left: -28px;
  font-family: var(--tipoMontserratBold);
}


.blog-post-container a{
  text-decoration: none;
}

.blog-post-container{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.blog-post-container .post-item{
  width: 23%;
  background-color: white;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.04);
  transition: transform .4s ease-in-out;
}

.blog-post-container .post-item .post-inner{
  margin-bottom: 30px;
  height: 400px;
  overflow: hidden;
  cursor: pointer;
}

.blog-post-container .post-item:hover{
  box-shadow: 0 0 17px 0 rgb(9 42 155 / 39%);
  transform:scale(1.05);
}

.blog-post-container .post-item p{
  padding: 0 30px;
}

.blog-post-container .categoria-post{
  font-family: var(--tipoNeueMachinamedium);
  margin:0;
}


.blog-post-container .categoria-post:first-of-type{
  margin-top: 15px;
}


.blog-post-container .categoria-post a{
  color: var(--primario1);
}

.blog-post-container .titulo-post{
  font-family: var(--tipoMontserratSemiBold);
  color: black;
font-size: 20px;
line-height: 24px;
margin-bottom: 10px;
margin-top: 10px;
}

.blog-post-container .titulo-post a{
  color: black;
}


.section-title .titulo-especial{
  font-size: 60px!important;
  line-height: 60px!important;
    text-align: center;
  font-family: var(--tipoNeueMachina-bold);
  width: 60%;
  margin: 0 auto 20px;
}

.nueva-estructura-container .section-wrapper .section-title .texto-especial{
  font-size: 20px;
  text-align: center;
  width: 75%;
  margin: auto;
}



.blog-post-container .post-item p:last-of-type{
  font-size: 16px;
  line-height: 22px;
margin-bottom: 0;
}




/* Imagen paralax old */


.paralax-img-mask{ 
   width: 100%;
  height: 600px;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment:fixed;


  mask-image: url('/wp-content/themes/yoseo2022/assets/img/mascara-paralax.svg');
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;

  -webkit-mask-image: url('/wp-content/themes/yoseo2022/assets/img/mascara-paralax.svg');
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}



/* 3 imagenes en movimiento */

.img-move{
  display: flex;
  justify-content: center;
  /* align-items: flex-end; */
  column-gap: 30px;
}

.img-move img{
  object-fit: contain;
}


.img-move > .img-move-col-2{
width: 40%;
}

.img-move > .img-move-col-1{
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  align-items: flex-end;
  width: 55%;
}
.img-move{
  display: flex;
  flex-direction: row;
}


.img-move .img-1{
height: 250px;
width: 65%;
align-items: start;
}

.img-move .img-2{
height: 200px;
width: 100%;
align-items: center;
}

.img-move .img-3{
height: 330px;
width: 100%;
align-items: end;

}




/* Metodologia - steps */

.step-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.step-container .step-item{
position: relative;
margin-top: 55px;
  width: 43%;
}


.step-container .step-item.down{
margin-top: 120px;
}

.step-container .step-item:hover .step-number{
transform: scale(1.2);
}



.step-container .step-number{
font-family: var(--tipoNeueMachina-bold);
font-size: 100px;
position: absolute;
color: #F0F0FF;
z-index: -1;
left: -30px;
top: -30px;
transition: transform .2s ease-in-out;
cursor:default;

}


.step-container .step-titulo{
  font-size: 30px;
  font-family: var(--tipoNeueMachina-bold);
}

.step-container .step-texto{
font-size: 16px;
line-height: 21px;
}


/* Enfoque - Proceso */

.procesos-container input[type="radio"]::before{
  content:none;
}

.procesos-container .radios p{
overflow: visible;
}

.procesos-container .radios p{
font-family: var(--tipoMontserratRegulart);
font-size: 14px;
margin-bottom: 0;
line-height: 20px;
text-align: center;
}

.procesos-container .radios article input[type="radio"] {
  margin: 0px auto;
  height: 0;
  width: 0;
  margin-bottom: 38px;
}

.procesos-container .radios .tituloProcesos{
  font-family: var(--tipoMontserratBold);
font-size: 16px;
margin-top: 5px;
}



.procesos-container .radios input{
  cursor: pointer;
}


.procesos-container .radios input::after{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: white;
  z-index: 50000;
  border-radius: 50%;
  left:  calc(50% - 16px);
  top: 0;
  border: 1px solid grey;
}



.procesos-container .radios input:checked::after{
  background-color: var(--primario1);
  border-color: var(--primario1);
}

.procesos-container .radios::before{
  content: none;
}

.procesos-container .radios{
  position: relative;
}


.procesos-container .radios .radios-line{
position: absolute;
max-width: 100%;
}

.procesos-container .radios line {
  stroke:grey;
  stroke-width: .7;
}


.procesos-container .radios article{
  width: calc(100% / 7);
  position: relative;
}


.procesos-container{
  /* background-color: var(--azul-claro); */
  padding: 80px 80px 20px;
  margin-top: 30px;
  border: 9px solid var(--azul-claro);
}

.procesos-container .cajaProcesos{
background: none;
margin: 0;
padding: 0;
min-height: 300px;
}

.procesos-container .cajaProcesos > div{
background-color: white;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.082);
padding: 25px;
border-left: 6px solid var(--primario1);
min-height: auto;
}

.procesos-container .cajaProcesos.reverse > div{
  border-left:none;
  border-right: 6px solid var(--primario1);
  text-align: right;
}


.procesos-container .cajaProcesos::after{
  content: "";
  width: 2px;
  height: 100%;
  top: 0;
  position: absolute;
  left: -2px;
  background-color: var(--primario1);
} 

.procesos-container .cajaProcesos.reverse::after{
left: auto;
right: 0;
}


.procesos-container .cajaProcesos .BordeCajaProcesosTexto{
font-size: 15px;
line-height: 19px;
margin-bottom: 0;
}

.procesos-container .cajaProcesos .BordeCajaProcesosTitulo{
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 19px;
}

.procesos-container div#CajaTexto1{
  margin-left: calc(  ((100% / 7) / 2) );
}

.procesos-container div#CajaTexto2{
  margin-left: calc( (100%/7) + ((100% / 7) / 2) );

}

.procesos-container div#CajaTexto3{
   margin-left: calc( ((100% / 7) * 2 ) + ( (100% / 7) / 2) ); 

}

.procesos-container div#CajaTexto4{
  margin-left: calc( ((100% / 7) * 3 ) + ( (100% / 7) / 2) ); 
}

.procesos-container div#CajaTexto5{
margin-left: auto;
margin-right: calc( ((100% / 7) * 2 ) + ( (100% / 7) / 2) ); 
}

.procesos-container div#CajaTexto6{
  margin-left: auto;
  margin-right: calc( (100%/7) + ((100% / 7) / 2) );

}

.procesos-container div#CajaTexto7{
  margin-left: auto;
  margin-right: calc(  ((100% / 7) / 2) );

}

/* Bloque azul cta */


.nueva-estructura-container .pestana-content form input[type="submit"] {
  background-color: var(--acento);
  color: black;
  text-transform: uppercase;
  font-family: var(--tipoMontserratSemiBold);
  padding: 7px 15px;
}



/* Casos de exito */


.casoexito-container{
  display: flex;
  justify-content: space-between;
}


.casoexito-container .casoexito-item{
  width: 30%;
}

.casoexito-container .casoexito-item .nombre-casoexito{
  font-family: var(--tipoNeueMachina-bold);
  font-size: 25px;
  margin-bottom: 4px;
}

.casoexito-container .casoexito-item .categoria-casoexito{
  font-family: var(--tipoNeueMachinaLight);
  margin-bottom: 12px;
}

.casoexito-container .casoexito-item a{
text-decoration: none;
color: white;
font-family: var(--tipoMontserratRegulart);
padding: 10px 20px;
border:2px solid;
}


.casoexito-container .casoexito-item a:hover{
background: white!important;
}

.casoexito-container .casoexito-item a:hover{
  color: black;
}





/* Nuevas cajas servicios */


.nueva-estructura-container .bloque-servicios{
  display: flex;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 25px;
}


.nueva-estructura-container .cajaAzul-servicios{
      text-align: center;
      border: 1px solid var(--primario1);
      background-color: var(--blanco);
      width: calc((100% - 75px) / 4);
      transition: transform .3s ease-in-out;
}


.nueva-estructura-container .bloque-servicios .cajaAzul-servicios .cajas-top{
  display: flex;
  justify-content: space-between;
  padding: 4px 24px 4px 34px;
  border-bottom: 1px solid var(--primario1)
}

.nueva-estructura-container .bloque-servicios .cajaAzul-servicios .cajas-top i{
  color: var(--primario1);
}

.nueva-estructura-container .bloque-servicios .cajaAzul-servicios .cajas-top .cajas-botones i{
  font-size: 12px;

}

.nueva-estructura-container .titulocajaAzul-servicios span{
  font-family: var(--tipoNeueMachina-bold);
}

.nueva-estructura-container .bloque-servicios .caja-content{
  min-height: 144px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nueva-estructura-container .bloque-servicios .caja-content p{
  margin-bottom: 10px;
}

.nueva-estructura-container .contenidocajaAzul-servicios{
  font-size: 14px;
  line-height: 18px;
}

.nueva-estructura-container .bloque-servicios .caja-content p.no-mb{
margin-bottom: 0;
}

.nueva-estructura-container .bloque-servicios .caja-content .flecha-servicios{
color: var(--primario1);
margin-bottom: 0;
}

.nueva-estructura-container .bloque-servicios .cajaAzul-servicios:hover{
  transform: scale(1.1);
}




/* Slider logos */

.logos-slider {
  margin-top: 60px;
}

.logos-slider .item img.logo-color{
  display: none;
  }
  
  .logos-slider .item:hover img.logo-blue{
  display: none;
  }

  .logos-slider .item:hover img.logo-color{
    display: block;
    }
  

    .owl-carousel.owl-drag.logos-slider .owl-item img {
      min-height: 61px;
      width: auto;
  }

  .owl-stage{display:flex}

@media(max-width:680px){
  .owl-carousel.owl-drag.logos-slider.landing .owl-item {margin-right: 0px!important;}
  .owl-carousel.owl-drag.logos-slider.landing .owl-item img {
      min-height: 30px;
      max-height: 40px;
      width: auto;
  }
}


/* SECCION FONDO NEGRO */


.nueva-estructura-container .section-wrapper.seccion-fondo-negro .columns{
align-items: flex-start;
}

.nueva-estructura-container .seccion-fondo-negro{
  background-color: black;
  color: white;
  padding-bottom:20px;
}


.nueva-estructura-container .seccion-fondo-negro .section-title{
  position: sticky;
  top: 150px;
}

.nueva-estructura-container .seccion-fondo-negro .titulo-seccion,
.nueva-estructura-container .seccion-fondo-negro p,
.nueva-estructura-container .seccion-fondo-negro .inner-title  {
  color: white!important;
}


.nueva-estructura-container .seccion-fondo-negro .section-title .ctas-bloque{
  display: flex;
  flex-direction: column;
row-gap: 8px;
}

.nueva-estructura-container .seccion-fondo-negro .section-title .ctas-bloque p{
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nueva-estructura-container .seccion-fondo-negro .section-title .ctas-bloque .cta-tag{
background-color: #FFF1C7;
text-decoration: none;
color: black;
padding: 5px 8px 5px 19px;
font-size: 16px;
line-height: 20px;
font-family: var(--tipoMontserratSemiBold);
border-radius: 19px 0 0 19px;
}


.nueva-estructura-container .seccion-fondo-negro .section-title .ctas-bloque i{
  background-color: var(--acento);
  color: black;
  padding: 5px 13px 5px 10px;
  font-size: 21px;
  line-height: 20px;
  
  border-radius: 0 19px 19px 0;

}



.nueva-estructura-container .seccion-fondo-negro .section-content > div{
  margin-bottom: 40px;
}


.nueva-estructura-container .seccion-fondo-negro .section-content .inner-title{
font-family: var(--tipoNeueMachina-bold);
font-size: 31px;
line-height: 33px;
}

.nueva-estructura-container .seccion-fondo-negro .section-content .inner-title.titulo-amarillo{
  color: var(--acento)!important;
}


.nueva-estructura-container .seccion-fondo-negro .section-content .inner-title:before{
  content: "\f061";
  color: var(--acento);
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 800;
  font-size: 25px;
  position: absolute;
  margin-left: -30px;
}



.nueva-estructura-container .seccion-fondo-negro .section-content p,
.nueva-estructura-container .seccion-fondo-negro .section-content li{
    font-size: calc(var(--tamanio-base) * .82rem);
    line-height: calc(var(--tamanio-base) * 1.2rem);
} 

.nueva-estructura-container .seccion-fondo-negro .section-content ul{
margin-left: 20px;
}

.nueva-estructura-container .seccion-fondo-negro .section-content li::marker{
color: var(--acento);
font-size: 25px;
}


.activador-cta-lateral{
  cursor: pointer;
}



.nueva-estructura-container .seccion-fondo-negro .contadores-container{
display: flex;
justify-content: space-between;
}



.nueva-estructura-container .seccion-fondo-negro .contadores-container-item{
width: 31%;
}





.nueva-estructura-container .banner-fondo-negro{
   background-color: black; 
  color: white;
  padding-top: 120px;
  padding-bottom: 120px;
  margin-top: 120px;
}

.nueva-estructura-container .banner-fondo-negro .columns{
  padding: 0;
}

.nueva-estructura-container .banner-fondo-negro .section-title{
  margin-top: auto;
}

.nueva-estructura-container .banner-fondo-negro .columns .section-content{
  padding: 120px 0 75px 0;
}


.nueva-estructura-container .banner-fondo-negro .pc-3d{
  max-width: 100%;
  }
  
.nueva-estructura-container .banner-fondo-negro .titulos p{
  font-family: var(--tipoNeueMachina-bold);
  font-size: 60px;
  line-height: 65px;
  margin-bottom: 10px;
text-align: center;
}


.nueva-estructura-container .banner-fondo-negro .titulos > .titulo-2{
  color: var(--acento);
  /* margin-left: 215px; */
}




.nueva-estructura-container .banner-fondo-negro .flechas{
  list-style: none;
margin-top: 30px;
padding-left: 30px;
text-align: center;
margin-bottom: 0;
}

.nueva-estructura-container .banner-fondo-negro .flechas li{
  font-size: calc(var(--tamanio-base) * 1.5rem);
  line-height: calc(var(--tamanio-base) * 2.5rem);
}

.nueva-estructura-container .banner-fondo-negro .flechas li::before{
content: "\f061";
color: var(--acento);
display: inline-block;
 font-family: "Font Awesome 5 Pro"; 
font-weight: 900;
font-size: 18px;
position: absolute;
margin-left: -30px;
}







/* bloque amarillo */


.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo {
background-color: var(--acento);
}




.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .acordeon-item {
  cursor: pointer;
  background-color: transparent;
  width: 100%;
  border-bottom: 1px solid black;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: left;
  outline: none;
  font-size: calc(var(--tamanio-base) * 2rem);
  transition: 0.35s;
  position: relative;
  padding: 9px 22px;
  display: flex;
  align-items: center;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .acordeon-item p{
  font-size: 18px;
  line-height: 21px;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .acordeon-item.activo {
  background-color: black;
}


.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .acordeon-item p{
  margin:0;
  color: black;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .acordeon-item.activo p{
  color: var(--acento);
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .acordeon-item:after {
  content: "+";
  font-size: 25px;
  margin-left: 5px;
  position: absolute;
  right: 4px;
  color: black;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .acordeon-item.activo:after {
color: var(--acento);
content: "-";

}



.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .panel .bodypanel{
padding: 20px;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .panel{
  background-color: transparent;
  max-height: fit-content;
   display: none; 
  }

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .panel p,
.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .panel li{
  font-size: 16px;
  line-height: 21px;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .activo + .panel{
  display: block;
    }



    .nueva-estructura-container .section-wrapper.seccion-fondo-amarillo > div{
      width: 60%;
      margin: auto;
      padding: 60px 0 120px 0;
    }


    .nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .section-title {
    margin-bottom: 55px;
    }

        .nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .section-title *{
          margin: 0 auto 20px;
        }

        .nueva-estructura-container .section-wrapper.seccion-fondo-amarillo  .section-title .titulo-seccion{
          font-size: 70px;
          line-height: 70px;
        }

        .nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .cross{
          font-size: 70px;
          font-family: var(--tipoNeueMachina-bold);
          color: black;
          line-height: 70px;
          cursor: default;
        }


        .nueva-estructura-container .section-wrapper.formulario-embed{
background-color: var(--azul-claro);
}


.nueva-estructura-container .section-wrapper.formulario-embed .pestana-content {
  padding: 100px 0;
}


/* PROFILE SECCION */



.profile-container{
display: flex;
column-gap: 20px;
justify-content: center;
flex-wrap: wrap;
    row-gap: 40px;
}

.profile-container.profile-4 .profile-item{
  width:calc((100% - 60px) / 4);
}

.profile-container.profile-3 .profile-item{
  width:calc((100% - 40px) / 3);
}

.profile-container.profile-2 .profile-item{
  width:calc((100% - 20px) / 2);
}


.profile-item img{
max-width: 100%;
height: 300px;
object-fit: contain;
}

.profile-item .nombre-profile{
  font-size: 20px;
  font-family: var(--tipoMontserratSemiBold);
  margin-bottom: 5px;
  background-color: black;
  color: white;
  padding: 5px 16px;
  width: 80%;
  border-radius: 0 20px 20px 0;
}

.profile-item .cargo-profile{
  font-size: 16px;
  line-height: 16px;
  font-family: var(--tipoMontserratMedium);
  padding-left: 16px;
}


/* VIDEOS */

.seccion-videos-charlas .section-title .titulo-especial {
  font-size: 40px;
  width: 72%;
  margin: 0 auto 50px;
}

.videos-charlas-container{
display: flex;
column-gap: 40px;
margin-top: 20px;
justify-content: center;
}


.videos-charlas-container iframe{
  width: 100%;
  border-radius: 20px;
  min-height: 100%;
}




.videos-charlas-container.videos-3  .video-charla-item{
width: calc((100% - 80px) / 3);
display: flex;
    flex-direction: column;
}

.videos-charlas-container.videos-2 .video-charla-item{
  width: calc((100% - 40px) / 3);
  display: flex;
    flex-direction: column;
  }
  

.videos-charlas-container .nombre-video{
  font-size: 18px;
  line-height: 22px;
  font-family: var(--tipoMontserratMedium);
  margin-top: 15px;
  text-align: center;
}


/* PLANES */

.section-wrapper.plan-container{
  background-color: black;
  padding: 150px 0 ;
  margin: 120px 0 0;
}

.section-wrapper.plan-container .section-title .titulo{
  color: white;
  font-size: 44px;
  font-family: var(--tipoNeueMachina-bold);
  line-height: 50px;
  text-align: center;
  max-width: 75%;
  margin: auto;
  margin-bottom: 10px;
}

.nueva-estructura-container .section-wrapper.plan-container .section-title >.frase{
  color: white;
  font-size: 20px;
  font-family: var(--tipoMontserratRegulart);
  line-height: 27px;
  text-align: center;
  max-width: 75%;
  margin: auto;
}

article.section-content.plan-items-container {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  /* width: 120%;
  margin-left: -10%; */
}

.primera-especial .amarillo-bg{
  background-color: var(--acento);
  font-family: var(--tipoMontserratSemiBold);
}

article.section-content.plan-items-container .plan-item > div{
  background-color: white;
  border-radius: 0 0 35px 35px;
  padding: 20px;
}

article.section-content.plan-items-container.planes-4 .plan-item{
  width: calc((100% - 60px )/4);
}

article.section-content.plan-items-container.planes-3 .plan-item{
  width: calc((100% - 40px )/3);
}


.plan-item > .pre-titulo{
  background-color: var(--primario1);
  color: white;
  font-size: 15px;
  font-family: var(--tipoMontserratMedium);
  line-height: 19px;
  padding: 15px 15px;
  text-align: center;
  border-radius: 35px 35px 0 0;
  margin-bottom: 0;
}

.plan-item> div > .titulo{
  color:black;
  font-size: 24px;
  font-family: var(--tipoMontserratBold);
  line-height: 27px;
  text-align: center;
}
.plan-item> div > .subtitulo{
  text-align: center;
    color: var(--primario1);
    font-size: 13px;
    font-family: var(--tipoMontserratSemiBold);
    line-height: 17px;
}
.plan-item > div > .titulo-lista{
  padding-top: 20px;
  border-top: 1px solid grey;
  font-size: 13px;
  font-family: var(--tipoMontserratSemiBold);
  line-height: 18px;
  text-align: center;
}

.plan-item ul li{
  font-size: 14px;
  font-family: var(--tipoMontserratRegulart);
  line-height: 17px;
  margin-bottom: 13px;
}

.plan-item ul{
  list-style: none;
}

.plan-item ul li::before{
  content: "\f00c";
  color: var(--primario1);
  font-family: "Font Awesome 5 Pro"; 
  font-weight: 900;
  width: 20px;
  font-size: 14px;
  display: inline-block;
  margin-left: -20px;
}



/* TIMELINE REDISEÑO */


.timelime-container{
  padding: 80px 80px 20px;
  margin-top: 30px;
  border: 9px solid var(--azul-claro);
  min-height: 550px;
  display: flex;
}


.timelime-container > div{
  display: flex;
  width: 100%;
  position: relative;
}

.timelime-container > div::after{
  border-bottom: dashed 2px #e1e1e1;
  display: block;
  content: "";
  width: 100%;
  position: absolute;
  bottom: 77px;
}

.nueva-estructura-container .section-wrapper .section-title .cita{
  font-family: var(--tipoMontserratSemiBold);
  font-style: italic;
  font-size: 20px;
  padding:30px 0 30px 0;
}


 .timelime-container .step{
  position: relative;
  padding: 0 10px;
  overflow: visible;
  display: flex;
    flex-direction: column-reverse;
    /* justify-content: end; */
}


.timelime-container.steps-7 .step{
  width: calc(100% / 7);
}

.timelime-container.steps-6 .step{
  width: calc(100% / 6);
}

.timelime-container.steps-5 .step{
  width: calc(100% / 5);
}

.timelime-container.steps-4 .step{
  width: calc(100% / 4);
}

.timelime-container.steps-3 .step{
  width: calc(100% / 3);
}


.timelime-container .step .step-radio{
  position: relative;
  z-index: 500;
}


.timelime-container .step .step-radio article input[type="radio"] {
  margin: 0px auto;
  height: 0;
  width: 0;
  margin-bottom: 38px;
  cursor: pointer;
}

.timelime-container .step .step-radio input::before{
  content:none;
}

  
.timelime-container .step .step-radio input::after{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: white;
  z-index: 50000;
  border-radius: 50%;
  left:  calc(50% - 16px);
  top: 0;
  border: 1px solid grey;
}


.timelime-container .step .step-radio p{
  overflow: visible;
font-family: var(--tipoMontserratRegulart);
font-size: 14px;
margin-bottom: 0;
line-height: 20px;
text-align: center;
}


.timelime-container .step .step-radio .tituloBullet{
  font-family: var(--tipoMontserratBold);
font-size: 16px;
margin-top: 5px;
}



.timelime-container .step .step-radio input:checked::after{
  background-color: var(--primario1);
  border-color: var(--primario1);
}

.timelime-container .step .step-radio::before{
  content: none;
}


.timelime-container .step .step-box{
  width: 260%;
  border-left: 2px solid blue;
  flex:1;
  margin-left: calc(50% - 1px);
}


.timelime-container.steps-4 .step .step-box{
    width: 200%;
}


.timelime-container.steps-3 .step .step-box{
  width: 100%;
}

.timelime-container .step .step-box > div{
  background-color: white;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);
  padding: 25px;
  border-left: 6px solid var(--primario1);
  min-height: auto;

}



.timelime-container .step .step-box .step-boxs-titulo{
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 19px;
  font-family: var(--tipoMontserratBold);
}


.timelime-container .step .step-box .step-box-texto{
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 0;
}


.timelime-container .step .step-box:not(.visible){
  display: none;
}

.timelime-container .step:nth-last-child(1) .step-box,
.timelime-container .step:nth-last-child(2) .step-box{
  border-right: 2px solid blue;
  border-left: none;
  margin-left: -210%;
}

.timelime-container .step:nth-last-child(1) .step-box > div,
.timelime-container .step:nth-last-child(2) .step-box > div {
  border-right: 6px solid var(--primario1);
  border-left: none;
}

/* NUMERO*/

.nueva-estructura-container .numeros-black{
  display: flex;
  justify-content: space-between;
  
}

.nueva-estructura-container  .numeros-black .numero-item{
  width: 28%;
  text-align: center;
  }
  

  .nueva-estructura-container .numeros-black .numero-item .numero{
    font-size: 50px;
    line-height: 50px;
    font-family: var(--tipoMontserratBold);
    margin-bottom: 0;
    }

  .nueva-estructura-container .numeros-black .numero-item .titulo{
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--acento);

  }
    




/* CONTADORES */

.nueva-estructura-container .contadores{
  display: flex;
  justify-content: space-between;
}

.nueva-estructura-container .contadores .contador-item{
  width: 28%;
  }
  

  .nueva-estructura-container .contador-item svg{
  overflow: visible;
margin-bottom: 20px;  
}
.nueva-estructura-container .contador-item > p{
  color: white;
  font-size: 16px;
  font-family: var(--tipoMontserratSemiBold);
  text-align: center;
}



  .nueva-estructura-container .circular-progressbar-inner{
  stroke: #ffdd13;
  stroke-linecap: round;
  fill: none;
  stroke-width: 2;
  
  }
  .nueva-estructura-container .circular-progressbar-inner.light {
  stroke: white;
stroke-linecap: round;
fill: none;
stroke-width: 1.5;
}


.nueva-estructura-container .circular-progressbar-inner.shadow {
		filter: drop-shadow(0 0 1px #ffdd13);
	}
	
  .nueva-estructura-container .progressbar-text-container{
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0.25em 0.5em;

	transform: translate(-50%, -50%) rotate(90deg);
}


.nueva-estructura-container .percentage-text{
  fill: white;
  font-family: 'Montserrat-Medium';
  font-size: 3px;
  text-anchor: middle;
}

.nueva-estructura-container .percentage-text .progressbar-number{
  font-size: 6px;
fill: var(--acento);
}

  .nueva-estructura-container .percentage-text .progressbar-text{
    display: block;
    font-size: 4px;
  }




.nueva-estructura-container .seccion-fondo-negro .section-content .progressbar .progressbar-number{
color: var(--acento);
font-family: var(--tipoMontserratRegulart);
font-size: 20px;
line-height: 25px;
}

.nueva-estructura-container .seccion-fondo-negro .section-content .progressbar .progressbar-number span{
color: white;
}

.nueva-estructura-container .seccion-fondo-negro .section-content .progressbar .progressbar-text{
  color: white;
  font-family: var(--tipoMontserratSemiBold);
  font-size: 40px;
  line-height: 45px;
}

.section-wrapper.seccion-fondo-negro h4{
  color: white;
  font-family: var(--tipoNeueMachina-bold);
  padding-top: 10px;
  margin-bottom: 15px;
  font-size: 23px;
}


/* Seccion con icono */

.nueva-estructura-container .seccion-fondo-negro .section-content > .elemento-icono{
  margin-bottom: 20px;
}

.elemento-icono p{
  font-size: 20px;
}


.elemento-icono i{
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
}

.elemento-icono .amarillo-big{
font-family: var(--tipoMontserratBold);
color: var(--acento);
font-size: 22px;
}

.elemento-icono i.fa-chalkboard-teacher{
  font-size: 20px;
}

.fa-tiktok:before{
  content:"";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 209.91a210.06 210.06 0 0 1-122.77-39.25V349.38A162.55 162.55 0 1 1 185 188.31V278.2a74.62 74.62 0 1 0 52.23 71.18V0l88 0a121.18 121.18 0 0 0 1.86 22.17h0A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z' style='fill:white' /%3E%3C/svg%3E");
display: block;
background-size: contain;
background-repeat: no-repeat;
    width: 25px;
height: 25px;
}





/* NUEVA PAG CONTACTO */

.pagina-contacto-container .formulario-main{
  width: 1280px;
  margin: 80px auto;
}

.pagina-contacto-container .formulario-main .sinbordeContacto {
  border: 0;
  background-color: var(--azul-claro);
  margin-left: unset;
  width: 100%;
  padding: 5px 14px;
}

.pagina-contacto-container .formulario-main form label > p:first-child{
  font-size: 15px;
    margin-bottom: 0;
    font-family: var(--tipoMontserratMedium);
}

.pagina-contacto-container .info-legal-basic{
  text-align: right;
}

.pagina-contacto-container .accordionLegalContent.page-contacto {
  right: 0;
  width: 50%;
}

.pagina-contacto-container form input[type="submit"]{
  background-color: var(--acento);
    padding: 5px 15px;
    font-size: 20px;
    border: none;
    font-family: var(--tipoMontserratSemiBold);
    margin-top: 11px;
}

.pagina-contacto-container .privacidadcookies{
  font-family: var(--tipoMontserratMedium);
}

.pagina-contacto-container .privacidadcookies input[type="checkbox"]{
  width: 0;
}

.pagina-contacto-container .privacidadcookies input[type="checkbox"]::before{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid black;
  display: inline-block;
  content: "";
  margin-left: -15px;
  margin-bottom: 2px;
}

.pagina-contacto-container .privacidadcookies input[type="checkbox"]:checked:before{
background-color: var(--primario1);
border-color: var(--primario1);
}

.pagina-contacto-container .cabecera-contacto{
height: 450px;
background-color: var(--acento);
display: flex;
justify-content: center;
align-items: center;
}

.pagina-contacto-container .cabecera-contacto .texto-intro,
.pagina-contacto-container .cabecera-contacto h1{
  text-align: center;
  color: black;
}

.pagina-contacto-container .cabecera-contacto h1{
  font-size: 90px;
  font-family: var(--tipoNeueMachina-bold);
}


.pagina-contacto-container .cabecera-contacto .btn-cabecera a{
text-decoration: none;
}

.pagina-contacto-container .cabecera-contacto .btn-cabecera-container{
  display: flex;
  justify-content: center;
  column-gap: 30px;
}

.pagina-contacto-container .cabecera-contacto .btn-cabecera{
  padding: 10px 15px;
  border: 2px solid black;
  background: transparent;
}
.pagina-contacto-container .cabecera-contacto .btn-cabecera a{
  font-size: 18px;
  font-family: var(--tipoMontserratMedium);
  color: black;
}

.pagina-contacto-container .cabecera-contacto .btn-cabecera:hover,
.pagina-contacto-container .cabecera-contacto .btn-cabecera.black:hover  {
  border-color:white;
  background-color: white;
}

.pagina-contacto-container .cabecera-contacto .btn-cabecera a{
  font-size: 18px;
  font-family: var(--tipoMontserratMedium);
  color: black;
}

.pagina-contacto-container .cabecera-contacto .btn-cabecera.black{
background-color: black;
}

.pagina-contacto-container .cabecera-contacto .btn-cabecera.black a{
  color: var(--acento);
  }


  .pagina-contacto-container .cabecera-contacto .btn-cabecera.black:hover a{
    color: black;
    }
  




/*PAGINA GRACIAS  */
.pagina-gracias-container{
margin-top:89px;
}

.pagina-gracias-container .section-titulo{
background-color: var(--primario1);
}


.pagina-gracias-container .section-titulo h1,
.pagina-gracias-container .section-titulo p{
  color: white;
}
.pagina-gracias-container .section-titulo h1{
margin-bottom: 10px;
}

.pagina-gracias-container .section-titulo > div{
  width: 1280px;
  padding: 120px 0;
  margin: auto;
}
.pagina-gracias-container .section-blog{
  width: 1280px;
  padding: 0 0 40px;
  margin: auto;
}


/* Nuevo telefono bajo cabecera
 */



 .telefonoCabecera{
  position: sticky;
  top: 90px;
  z-index: 99999995;
  margin-top: -35px;
}



.telefonoCabecera > div{
      display: flex;
      position: absolute;
    right: calc(((100% - 1280px) / 2) - 1px);
    height: 35px;
}


.telefonoCabecera p{
  background-color: black;
  font-size: calc(var(--tamanio-base) * 0.95rem);
  margin: 0 0.15rem;
  padding: 0.2rem 0.75rem;
  font-family: var(--tipoNeueMachinaRegular);
}

.telefonoCabecera p:first-child{
  color: rgba(255, 255, 255, 0.884);
  font-size: calc(var(--tamanio-base) * 0.7rem);
}

.telefonoCabecera a{
  color: var(--blanco);
  text-decoration: none;
}

.nueva-estructura-container .banner-fondo-negro article{
  width: 75%;
  margin: auto;
}


.nueva-estructura-container .banner-fondo-negro .bloques-iconos{
display: flex;
justify-content: space-around;
margin-top: 60px;
}

.nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item{
  width: 30%;
  text-align: center;
}
.nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item i{
  font-size: 30px;
  margin-bottom:20px ;
}


.nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item p{
  font-size: 27px;
  line-height: 38px;
  font-family: var(--tipoMontserratRegulart);
}

.nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item p span{
  font-size: 50px;
  font-family: var(--tipoMontserratBold);
  display: block;
}

.form-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-content .form-item:nth-child(1),
.form-content .form-item:nth-child(2),
.form-content .form-item:nth-child(3){
  width: 32%;
}

.form-content .form-item:nth-child(4),
.form-content .form-item:nth-child(5){
  width: 49%;
}

.form-content .form-item:nth-child(6){
width: 100%;
}

.legales-container{
  margin: 90px auto 30px;
  width: 75%;
  padding-top: 40px;
}
.legales-container h1{
  margin-bottom: 15px;
}

.nueva-estructura-container .seccion-fondo-negro .frase-resaltado-negro{
font-size: 25px!important;
line-height: 35px!important;
color: black!important;
background-color: var(--acento);
width: fit-content;
margin-bottom: 9px;
padding: 2px 10px;
}

.seccion-fondo-negro .frase-resaltado-negro b{
  color: black;
}

.nueva-estructura-container .seccion-fondo-negro .frase-resaltado-negro + .frase-resaltado-negro{
margin-left: 74px;
background-color: white;
}

.seccion-fondo-negro *{
  color: white;
}

/* Responsive NEW */

@media (max-width: 1600px) {

  .telefonoCabecera > div {
    right: 78px;
  }


.nueva-estructura-container .section-wrapper > .default-width, 
.pagina-contacto-container .formulario-main,
.pagina-gracias-container .section-titulo > div,
.pagina-gracias-container .section-blog{
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.nueva-estructura-container .slider-logos{
  padding: 0 80px;
}

.nueva-estructura-container .cta-black-section {
  width: 80%;
  padding: 100px 0;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo > div {
  width: 66%;
  padding: 100px 0;
}

  .nueva-estructura-container .banner-fondo-negro {
    padding-top: 100px;
    padding-bottom: 100px;
}


.nueva-estructura-container .section-wrapper .full-width.inner-padd {
  padding: 100px 80px;
}

}

@media (max-width: 1500px){
  .timelime-container {
    padding: 60px 20px 20px;
  }
}



@media (max-width: 1400px) {

  .cabecera-imagen > .imagen > div {
    left: 75px;
  }
/* 
  .cabecera-imagen h1 {
    font-size: 50px;
       line-height: 50px;
  } */

  .cabecera-imagen .subtitulo{
    font-size: 30px;
  }

  .cabecera-imagen .texto-amarillo {
    font-size: 26px;
    line-height: 30px;  
}

.cabecera-imagen .btn-cabecera a{
  font-size: 14px;
}
.cabecera-imagen > .imagen .nombre{
  font-size: 20px;
}

.cabecera-imagen > .imagen .cargo {
  font-size: 15px;
  line-height: 15px;
}

  .videos-charlas-container.videos-3  .video-charla-item{
    width: calc((100% - 40px) / 2);
    }

    .videos-charlas-container  .video-charla-item{
      margin-bottom: 70px;
}

    .videos-charlas-container{
      flex-wrap: wrap;
      row-gap: 24px;
    }


  .section-wrapper .timelime-container{
    overflow: scroll;
  }

  .section-wrapper .timelime-container > div{
    min-width: 1200px;
  } 



.section-wrapper .timelime-container::-webkit-scrollbar {
  width: 0px;
  height: 8px;
  background-color: rgb(223, 223, 223); /* or add it to the track */
}

/* Add a thumb */
.section-wrapper .timelime-container::-webkit-scrollbar-thumb {
  background: var(--primario1);
  border-radius: 20px;
}


  .nueva-estructura-container .banner-fondo-negro article {
    width: 90%;
}

.nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item p span {
  font-size: 41px;}


.nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item p {
    font-size: 25px;
    line-height: 36px;
}

}




@media (max-width: 1350px) {
  .seccion-cajas .caja-item > .front-face .icono-fondo{
    font-size: 118px;
  }

  .seccion-cajas .caja-item > .back-face .caja-titulo {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
}

  .step-container .step-titulo {
    font-size: 26px;}

    .nueva-estructura-container .cta-black-section .section-title .titulo-seccion {
      font-size: 57px;
      line-height: 65px;}



      .seccion-cajas .caja-item > .front-face .caja-titulo {
        font-size: 16px;
        line-height: 21px;
      }
    
      .seccion-cajas .caja-item > .back-face .caja-texto {
        font-size: 12px;
        line-height: 16px;
      }

.caja-item > .back-face {
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: black;
    padding: 15px;}

.caja-item {
    height: 247px;
  }

  .nueva-estructura-container .contenidocajaAzul-servicios {
    font-size: 13px;
    line-height: 16px;
}

.section-title .titulo-especial {
  width: 85%;
}

.nueva-estructura-container .cajaAzul-servicios {
  width: calc((100% - 50px) / 3);
}

.section-wrapper .section-content.blog-post-container .imgPostRelacionados {
  min-height: 160px;
}



.blog-post-container {
  flex-wrap: wrap;
  row-gap: 30px;
}

.blog-post-container .post-item .post-inner {
  height: 425px;
}

.blog-post-container .titulo-post {
  font-size: 18px;
  line-height: 22px;
}

.blog-post-container .post-item p:last-of-type {
  font-size: 15px;
  line-height: 20px;
}

}

@media (max-width: 1375px) {

article.section-content.plan-items-container.planes-4 .plan-item {
  width: calc((100% - 20px )/2);
}
article.section-content.plan-items-container{
  flex-wrap: wrap;
  row-gap: 20px;
}

}

@media (max-width: 1250px) {
.nueva-estructura-container .section-wrapper.cajas-megacontainer .columns > .section-content,
.nueva-estructura-container .section-wrapper.cajas-megacontainer .columns > .section-title {
  width: 100%!important;
}


.nueva-estructura-container .section-wrapper.cajas-megacontainer > .columns {
  padding-top: 100px;
  padding-bottom: 100px;
  flex-wrap: wrap;
  row-gap: 30px;
}

.nueva-estructura-container .section-wrapper.cajas-megacontainer .columns > .section-title:nth-child(2) {
  order: 1;
}

.nueva-estructura-container .section-wrapper.cajas-megacontainer .columns > .section-content:nth-child(1) {
  order: 2;
}


}


@media (max-width: 1230px) {

  .profile-container.profile-3 .profile-item,
  .profile-container.profile-4 .profile-item {
    width: calc((100% - 60px)/2);
  }
}

@media (max-width: 1220px) {



  .profile-container{
    column-gap: 60px;
  }

  .nueva-estructura-container .section-wrapper .btn-default, .pre-footer.cta-final .btn-default {
    padding: 8px 15px;
    font-size: calc(var(--tamanio-base) * .7rem);
  }


  

.nueva-estructura-container .section-wrapper .section-title .titulo-seccion {
  font-family: var(--tipoNeueMachina-bold);
  font-size: 40px;
  line-height: 43px;
  margin-bottom: 20px;
}

.nueva-estructura-container .section-wrapper .columns > .section-content {
  width: 58%;
}

.nueva-estructura-container .section-wrapper .columns > .section-title {
  width: 37%;
}


}

@media (max-width: 1150px) {

  .blog-post-container .post-item {
    width: 48%;
  }

  .blog-post-container .post-item .post-inner {
    height: 345px;
}

.nueva-estructura-container .section-wrapper.cajas-megacontainer .columns > .section-title{
  width: 100%;
}


.seccion-videos-charlas .section-title .titulo-especial{
  font-size: 40px!important;
  line-height: 40px!important;
  width: 80%;
}


.section-title .titulo-especial{
  font-size: 40px!important;
  line-height: 40px!important;
}



}


@media (max-width: 1050px) {



  .intro-section .imagen-intro {
    width: 100%;
}


  .img-move .img-1 {
    height: 300px;
}

  .img-move > .img-move-col-1 {
    margin-top: 40px;} 


  .nueva-estructura-container .textocrecimineto {
    text-align: left;
}

.nueva-estructura-container .alturaSpeacialTextoAnimado3 {
  min-height: auto;
}

  .nueva-estructura-container .section-wrapper .section-title.right *,
  .nueva-estructura-container .section-wrapper .section-title *{
    text-align: center !important;
  }
  .nueva-estructura-container .primera-especial .btn-default.activador-cta-lateral {
margin: auto;
  }

  .nueva-estructura-container .section-wrapper .section-title.right .btn-default{
    margin: auto;
  }


  .nueva-estructura-container .section-wrapper > .default-width{
    flex-wrap: wrap;
    row-gap: 30px;
  }

  .nueva-estructura-container .section-wrapper .columns > .section-content,
  .nueva-estructura-container .section-wrapper .columns > .section-title {
    width: 100%!important;
  }

  .nueva-estructura-container .section-wrapper .columns > .section-title:nth-child(2) {
    order:1;
  }

  .nueva-estructura-container .section-wrapper .columns > .section-content:nth-child(1){
    order: 2;
  }

  .caja-item {
    height: 233px;
}


.step-container {
  justify-content: center;
  column-gap: 45px;
  padding-left: 35px;

}

.nueva-estructura-container .seccion-fondo-negro .section-title .ctas-bloque p {
  justify-content: center;
  align-items: center;
}

.nueva-estructura-container .seccion-fondo-negro .section-title {
  position: relative;
  top: 0;
  margin-bottom: 30px;
}

.nueva-estructura-container .section-wrapper .columns {
  padding-top: 30px;
  padding-bottom: 30px;
}


.nueva-estructura-container .contadores .contador-item{
  max-width: 250px;
  }

  .nueva-estructura-container .contador-item svg {
    margin-bottom: 10px;
}


.nueva-estructura-container .banner-fondo-negro .titulos p {
  font-size: 50px;
  line-height: 50px;
}


.nueva-estructura-container .banner-fondo-negro .flechas li {
  font-size: calc(var(--tamanio-base) * 1.2rem);
  line-height: calc(var(--tamanio-base) * 2.2rem);
}

.section-title .titulo-especial {
  font-size: 50px;}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .section-title .titulo-seccion {
    font-size: 50px;
}

.nueva-estructura-container .banner-fondo-negro .titulos p {
  font-size: 50px;
  line-height: 55px;

}


}



@media (max-width: 991px) {


  .cabecera-imagen p.big-title {
    font-size: 45px;
    width: 84%;
    line-height: 47px;}



  .cabecera-imagen > .contenido{
    margin-right: 50px;
  }

  .cabecera-imagen > .imagen{
    width: 40%;
  }

  .cabecera-imagen > .imagen img{
    width: 100%;
    object-fit: contain;
    margin-top: auto;
    height: auto;
  }


  .cabecera-imagen h1 {
    font-size: 33px;
       line-height: 40px;
  }

  .cabecera-imagen .subtitulo{
    font-size: 32px;
  }

  .cabecera-imagen .texto-amarillo {
    font-size: 18px;
    line-height: 25px;  
}

.cabecera-imagen .btn-cabecera {
  padding: 5px 12px
}




  .videos-charlas-container.videos-3 .video-charla-item,
  .videos-charlas-container.videos-2 .video-charla-item {
    width: 80%;
}


  .form-content .form-item:nth-child(1),
.form-content .form-item:nth-child(2),
.form-content .form-item:nth-child(3),
.form-content .form-item:nth-child(4),
.form-content .form-item:nth-child(5){
  width: 100%;
}

  .telefonoCabecera{
    display: none;
  }

  .nueva-estructura-container .banner-fondo-negro article{
    width: 85%;
    margin: auto;
  }
  

  .nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item i{
    font-size: 33px;
  }


  .nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item p{
    font-size: 23px;
    line-height: 26px;
  }

  .nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item p span{
    font-size: 25px;

  }
  

  .img-move {
    align-items: center;
}


  .nueva-estructura-container .casoexito-container {
    flex-direction: column;
    row-gap: 60px;
  }
  
  .casoexito-container .casoexito-item {
    width: 100%;
    text-align: center;
  
  }

  .nueva-estructura-container .cajaAzul-servicios {
    width: calc((100% - 25px) / 2);
}
.seccion-cajas .caja-item > .back-face .caja-titulo {
  font-size: 20px;
  line-height: 23px;
}


}



@media (max-width: 940px) {
  article.section-content.plan-items-container.planes-4 .plan-item {
    width: 100%;
  }

  article.section-content.plan-items-container .plan-item > div {
    padding: 20px 40px;
  }


}


@media (max-width: 850px) {


  .profile-container.profile-3 .profile-item, .profile-container.profile-4 .profile-item {
    width: 80%;
    margin: auto;
}

.profile-container.profile-3 .profile-item:nth-child(2), .profile-container.profile-4 .profile-item:nth-child(2),.profile-container.profile-4 .profile-item:nth-child(4){
text-align: right;
}

.profile-container.profile-3 .profile-item:nth-child(2) .nombre-profile,
.profile-container.profile-4 .profile-item:nth-child(2) .nombre-profile,
.profile-container.profile-4 .profile-item:nth-child(4) .nombre-profile{
  border-radius: 20px 0 0 20px;
  margin-left: auto;
}

  .cabecera-imagen > .imagen{
display: none;  }


.cabecera-imagen > .contenido{
  margin: auto;
  width: 80%;
}
.cabecera-imagen {
  /* height: auto; */
  padding: 50px 0;
}

.cabecera-imagen h1{
  width: 100%;
}





  .nueva-estructura-container .section-wrapper > .default-width{
    padding-left: 60px;
    padding-right: 60px;
  }
  
  .nueva-estructura-container .banner-fondo-negro .bloques-iconos {
    flex-direction: column;
}

.nueva-estructura-container .banner-fondo-negro .bloques-iconos{
row-gap: 20px;
}


.nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item {
  width: 100%;
  display: flex;
  column-gap: 15px;
  justify-content: center;
  align-items: center;
}

.nueva-estructura-container .banner-fondo-negro .bloques-iconos .bloque-iconos-item p span {
  display: inline-block;
}

}




@media (max-width: 767px) {


  .profile-container.profile-4 .profile-item {
width: 100%;
  }

.pagina-contacto-container .cabecera-contacto {
    height: 400px;
  }


  .nueva-estructura-container .telefonoCabecera{
      display: none;
  }

  .blog-post-container .post-item {
    width: 100%;
  }
  
  .img-move .img-1 {
    height: 283px;
    width: 80%;
}

.img-move .img-2 {
  height: 186px;}

  .img-move > .img-move-col-2 {
    width: 43%;
}

.img-move .img-3 {
  height: 317px;
}

.pagina-contacto-container .cabecera-contacto h1 {
  font-size: 50px;
  line-height: 55px;
}
}


@media (max-width: 700px) {
.nueva-estructura-container .seccion-fondo-negro .section-content > div.seccion-negra-frase,
.nueva-estructura-container .seccion-fondo-negro .frase-resaltado-negro + .frase-resaltado-negro{
  margin-left: 0!important;
  }

  .nueva-estructura-container .seccion-fondo-negro .section-content p{
    text-align: center;
  }
  
  .seccion-videos-charlas .section-title .titulo-especial {
    font-size: 30px!important;
    line-height: 33px!important;
    width: 100%;
  }
  .nueva-estructura-container .section-wrapper > .default-width {
    padding-left: 40px;
    padding-right: 40px;
}

  .nueva-estructura-container .contadores {
    flex-wrap: wrap;
    justify-content: center;
}

.nueva-estructura-container .contadores .contador-item {
  width: 100%;
  max-width: 200px;
}

.nueva-estructura-container .contadores {
  row-gap: 40px;
}

.caja-item {
  width: calc((100% - 24px) / 2);
}


.step-container .step-item {
  width: 100%;
}

.step-container .step-item.down {
  margin-top: 55px;
  text-align: end;
}

.step-container .step-item.down > .step-number {
  right: -30px;
 left: auto;
}

.nueva-estructura-container .banner-fondo-negro .titulos p {
  font-size: 40px;
  line-height: 43px;
}

.section-title .titulo-especial {
  font-size: 42px;
}

.nueva-estructura-container .cajaAzul-servicios {
  width: 100%;
}

.cabecera-ondas h1 {
  font-size: 43px;
  line-height: 47px;
  margin-bottom: 18px;
}

.cabecera-ondas .btn-cabecera {
  background-color: transparent;
  border: 2px solid white;
  padding: 5px 14px;
}

.slider-cta-container {
  display: none;
}

.pagina-contacto-container .formulario-main,.pagina-gracias-container .section-titulo > div,
.pagina-gracias-container .section-blog {
  padding-left: 40px;
  padding-right: 40px;
}

.pagina-contacto-container .cabecera-contacto .btn-cabecera-container {
  flex-direction: column;
  row-gap: 10px;
}

}

@media (max-width: 676px) {

  .num-cajas-6 .caja-item, .num-cajas-5 .caja-item, .num-cajas-3 .caja-item {
    width: calc((100% - 12px) / 2);
}



}


@media (max-width: 580px) {

  .nueva-estructura-container .numeros-black {
    flex-direction: column;
  }


  .nueva-estructura-container .numeros-black .numero-item {
    width: 100%;
  }


  .nueva-estructura-container .numeros-black{
    flex-direction: column;
  }

  .cabecera-imagen p.big-title {
    font-size: 37px;
    width: 100%;
    line-height: 43px;}


    .cabecera-imagen h1 {
      font-size: 27px;
    
    }
    .cabecera-imagen .subtitulo {
      font-size: 21px;
      line-height: 25px;
    margin-bottom: 15px;
  }


  .cabecera-imagen .btn-default {
    padding: 6px 15px;
  }

  .pagina-contacto-container .cabecera-contacto h1 {
    font-size: 40px;
  }
.formulario-main h2{
  font-size: 24px;
}

  .pagina-contacto-container .cabecera-contacto .btn-cabecera a {
    font-size: 15px;
}

  .nueva-estructura-container .banner-fondo-negro article {
    width: 100%;
}

  .img-move > .img-move-col-1 {
    row-gap: 12px;
  }

  .img-move {
    column-gap: 12px;
  }

  .img-move .img-1 {
    height: 200px;
}

.img-move .img-2 {
  height: 120px;}


.img-move .img-3 {
  height: 218px;}


  .cabecera-ondas .texto-intro {
    color: white;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 18px;
}

.cabecera-ondas .btn-cabecera-container{
    flex-direction: column;
  row-gap: 10px;
}



.caja-item {
  width: 100%;
}
.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .panel .bodypanel {
  padding: 10px 16px;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo > div {
  width: 66%;
  padding: 50px 0;
}

.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo > div,
.nueva-estructura-container .banner-fondo-negro > div {
  width: 80%;
  margin: auto;
}

.section-title .titulo-especial {
  width: 100%;
}

.nueva-estructura-container .section-wrapper .section-title .titulo-seccion,
.nueva-estructura-container .section-wrapper.seccion-fondo-amarillo .section-title .titulo-seccion {
  font-size: 28px;
  line-height: 33px;
}

.section-title .titulo-especial{
  font-size: 33px;
  line-height: 36px;
}



.nueva-estructura-container .section-wrapper .columns {
  padding-top: 75px;
  padding-bottom: 75px;
}

.step-container {
  padding-left: 20px;
  padding-right: 20px;
}

.nueva-estructura-container .cta-black-section {
  width: 73%;
  padding: 40px 0;
}



.nueva-estructura-container .seccion-fondo-negro .section-title .ctas-bloque .cta-tag {
  font-size: 15px;
}


.nueva-estructura-container .seccion-fondo-negro .section-content .inner-title {
  font-size: 20px;
  line-height: 25px;
}

.nueva-estructura-container .seccion-fondo-negro .section-content > div:not(.contadores) {
  margin-left: 30px;
}


}

@media (max-width: 500px) {

  .cabecera-imagen h1 {
    font-size: 32px;
    line-height: 37px;
}

.cabecera-imagen .btn-cabecera a{
  font-size: 12px;
}


.cabecera-imagen h1 {
  font-size: 32px;
  line-height: 37px;
}


  .nueva-estructura-container .section-wrapper .full-width.inner-padd {
    padding: 100px 30px;
}
.videos-charlas-container iframe{
  min-height: auto;
}

.videos-charlas-container .video-charla-item{
  margin-bottom: 0;
}


.num-cajas-6 .caja-item, .num-cajas-5 .caja-item, .num-cajas-3 .caja-item {
  width: 100%;
}

.section-wrapper.plan-container .section-title .titulo {
  font-size: 35px;
  line-height: 40px;
  width: 100%;
  max-width: 100%;
}

}

/* BOTON WHATS MOBILE */




.cta-icons {
  display: flex;
  justify-content: space-evenly;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 0;
  margin-top: 10px;
}

.whatsapp-cta img,
.telefono-cta img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  filter: invert(100%) brightness(100%) contrast(100%);
}

.whatsapp-cta,
.contacto-cta,
.telefono-cta {
  flex: 0 1 auto;
}

.contacto-cta a{
  text-decoration: none;
}
.contacto-cta p{
  color: white;
  font-size: 16px;
  margin-top: 5px;
}

@media (min-width: 676px) {
  .whatsapp-cta{
  display: none;
  }
  .contacto-cta{
    display: none;
  }
  .telefono-cta{
    display: none;
  }
  .contenedor-footer .row{
    --bs-gutter-x: 0rem;
  }
}
@media (max-width: 676px) {
  #cookie-law-info-again{
    bottom: 70px !important;
    box-shadow: none;
  }
  .contenedor-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: black;
    z-index: 1000;
    height: auto;
  }
}



#cookie-law-info-bar{
  z-index: 99999999;
}




/*nuevas cajas servicios*/

/*==nuevos cambios ==*/
@media (min-width: 310px) {

  /*==nuevos cambios ==*/
  /*nuevas cajas serivicios*/
  .generalDiv {
    grid-template-columns: repeat(1, 100%);
  }

  .cajaAzulyoSEO2 {
    min-height: 13rem;
  }

  /*nuevas cajas servicios*/
  /*rrss compartir*/
  .test2 {
    grid-template-columns: repeat(1, 95%);
  }

  .testl2>i {
    padding: 0.785rem 0.5rem;
  }

  #rrssCompartir>i {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  span#logoCompartirPost>i {
    font-size: calc(var(--tamanio-base)*1rem);
  }

  li.testl2.testl22 {
    margin-bottom: 0;
  }

  /*rrss compartir*/

  /*casos de exito no carrousel*/
  .casosDeExitoNoCarrousel {
    flex-direction: column;
    align-items: center;
  }

  .customPaddingContainer {
    padding: 0.25rem;
  }

  .zoomInOut:hover {
    transform: scale(1.05);
  }

  /*fin casos de exito no carrousel*/

  .cajaTextoVideoHome {
    padding: 1.5rem 0.6rem;
  }

  /*seccion 2 modelos home*/
  .bloqueAzulHome h3 {
    font-size: 25px;
    margin-left: 25px;
    margin-bottom: -5px;
    font-size: 37px;
  }

  .bloqueAzulHome .bloqueAzulHome-caja {
    padding: 50px 20px;
  }

  .bloqueAzulHome .logos {
    width: 100%;
  }

  .telefono-flotante-img {
    font-size: 1.3rem;
    top: 96%;
    right: 0;
    column-gap: 15px;
    align-items: center;
    align-content: center;
  }

  .telefono-flotante-img i {
    font-size: 1rem;
  }

  /*seccion 2 modelos*/
  .bg-dosmodelos {
    padding: 4.5rem 1.25rem 15rem;
  }

  .bg-dosmodelos p {
    font-size: 2.25rem;
  }

  .bg-dosmodelos .dosmodelos-btn {
    font-size: 1.2rem;
  }

  .telefonoHome,
  .telefonoHeros {
    /* right: 1rem; */
    /* right: 2.4rem; */
  }

  /*ajuste para la parte negra casos de exito*/
  .containerexito {
    margin: 0;
    padding: 70px 35px;
  }

  .numerosderecha {
    text-align: center;
    margin-bottom: 25%;
  }

  .numerosderecha strong {
    font-size: calc(var(--tamanio-base) * 3rem);
    line-height: 4rem;
  }

  .letrasabajo {
    margin-left: 0;
    line-height: 1.5rem;
  }

  .textoexito {
    margin-right: 0;
  }

  .reto,
  .solucion {
    width: 100%;
  }

  /*ajuste post*/
  .textoinfoPost {
    font-size: calc(var(--tamanio-base) * 0.7rem);
    line-height: initial;
  }

  /*==v2==*/
  .contenedorCajasCEOHome {
    position: relative;
    /* height: 68vh; */
    min-height: 19rem;
    margin-top: 2rem;
  }

  .cajaCEOEdu2,
  .cajaCEOAlex2 {
    /* max-width: calc(100% - 11rem); */
    max-width: 43%;
    position: absolute;
  }

  .cajaCEOEdu2 {
    left: calc(22% - 2rem);
  }

  .cajaCEOAlex2 {
    left: calc(62% - 1.5rem);
    top: calc(25% - 1rem);
  }

  .textoCEO2 {
    background: var(--primario1);
    padding: 0.5rem;
  }

  .textoCEO2>p {
    margin-bottom: 0;
  }

  .textoCEO2>p {
    color: var(--blanco);
    font-size: calc(var(--tamanio-base) * 0.54rem);
    line-height: calc(var(--tamanio-base) * 0.77rem);
    font-family: var(--tipoNeueMachinaLight);
  }

  .infoCEO12,
  .infoCEO22 {
    background: var(--primario3);
    padding: 0.2rem 1rem 0.2rem 0.4rem;
    position: absolute;
  }

  .infoCEO12>p,
  .infoCEO22>p {
    margin-bottom: 0;
    line-height: calc(var(--tamanio-base) * 0.67rem);
  }

  .infoCEO12 {
    top: 32%;
    left: -25%;
  }

  .nombreCEO2 {
    font-family: var(--tipo2UltraBold);
    font-size: calc(var(--tamanio-base) * 0.52rem);
  }

  .puestoCEO2 {
    font-family: var(--tipoNeueMachinamedium);
    font-size: calc(var(--tamanio-base) * 0.43rem);
  }

  .cajasColoresHomeCEO2 {
    max-width: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    left: -26%;
  }

  .infoCEO22 {
    top: 80%;
    left: 5%;
  }

  /*==nuevos cambios ==*/
  .col-50 {
    width: 100%;
  }

  .cajaImgPersonaCartel>img {
    width: 100%;
  }

  .cajaImgPersonaCartel {
    margin: -35% 0 0% 0%;
  }

  .cajasCartel {
    flex-direction: column;
  }

  .margenSpecialPersonaCartel {
    padding: 3rem 0.5rem;
  }

  .tituloCajaTabContacto {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .tabContacto1,
  .tabContacto2 {
    padding: 0.5rem 0.5rem;
    font-size: calc(var(--tamanio-base) * 0.6rem);
  }

  .marginCajasContacto {
    padding: 4.3rem 0.75rem;
  }

  .seccionTituloCasoDeExito {
    flex-direction: column;
    gap: 0.5rem;
  }

  .secccionHablemosDeNumeros>p {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  .imgPostRelacionados {
    min-height: 10rem;
  }

  #formNewsDentroDePost input[type="submit"] {
    font-size: calc(var(--tamanio-base) * 0.65rem);
  }

  /*jorge*/
  .cajaAzulyoSEO {
    min-height: 11rem;
    margin: 0.5rem 0;
    width: 100%;
  }

  .cajaAzulyoSEO>div {
    top: calc(50% - 45px);
  }

  .cajaAzulyoSEO>div>p {
    padding: 0 0.25rem;
  }

  .cajaAzulyoSEO:hover {
    transform: scale(1.1);
  }

  .cajaAzulyoSEO>div>p>a {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .tituloCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .contenidoCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .accordionHerosNegro>div,
  .accordionHerosAzul>div {
    display: flex;
  }

  .imagenSuperiorHola .frase {
    margin: 5rem 0;
  }

  .zona1>p,
  .zona2>p {
    font-size: calc(var(--tamanio-base) * 0.75rem);
  }

  .txtPronombresHola {
    font-size: calc(var(--tamanio-base) * 1.15rem);
  }

  .btnResponsive {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .btnResponsive>.botonActivo,
  .btnResponsive>.botonReposo {
    padding: 0.15rem 0.95rem;
  }

  .holaSeccionNegra {
    font-size: calc(var(--tamanio-base) * 1.4rem);
  }

  .txt1franjaNegra {
    font-size: calc(var(--tamanio-base) * 1rem);
    line-height: initial;
  }

  .seccionNegraHola>div>h2>span {
    font-size: calc(var(--tamanio-base) * 1.8rem);
  }

  .seccionNegraHola {
    padding: 3rem 1rem;
  }

  .cajasImagenes {
    grid-template-columns: repeat(1, 1fr);
  }

  .seccionCajasHola {
    display: flex;
    flex-direction: column;
  }

  /*jorge*/
  /*******POST****/
  .cajaFlotanteImgPost {
    padding: 0.5rem 1rem;
  }

  .tituloSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.9rem);
  }

  .txtSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .categoriaPostCabecera {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  #FAQEfectoEspejo::after {
    margin-top: calc(2% - 32px);
  }

  .cajasSabemosComoHacerlo {
    flex-direction: column;
    align-items: center;
  }

  .paddingCajaFAQ {
    padding: 1.5rem 0.5rem 3.5rem 0.5rem;
  }

  .tituloFAQ {
    font-size: calc(var(--tamanio-base) * 3.5rem);
    text-align: center;
    margin-top: 0;
  }

  .tituloFAQHeros {
    font-size: calc(var(--tamanio-base) * 1.72rem);
  }

  .tituloPreguntasFrecuentesFAQ {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  .accordionHerosFaq {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .subTitutloBannerHeros {
    padding: 0.5rem;
    line-height: inherit;
  }

  .accordionHerosFaq>p {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .bodypanelHerosFaq {
    padding: 1rem;
  }

  .cajaInternaSabemosComoHacerlo {
    flex-direction: column;
  }

  .elContenido>ul {
    margin-left: 0.1rem;
  }

  .divFlotantePost {
    max-width: 100%;
    background-color: white;
    z-index: 10;
  }

  .divFlotantePost {
    position: fixed;
    top: 60px;
    width: 90%;
    margin: auto;
    display: none;
  }

  .divFlotantePost.activado {
    display: block;
  }

  .elTituloPost {
    font-size: calc(var(--tamanio-base) * 1.7rem);
  }

  .logosCabeceraPost {
    text-align: center;
  }

  .rrssCabeceraPost {
    flex-direction: column;
  }

  .rrssCabeceraPostLogos {
    justify-content: center;
    padding-bottom: 1rem;
  }

  .rrssNegroPost {
    justify-content: center;
  }

  .elContenido>h2 {
    font-size: calc(var(--tamanio-base) * 1.6rem);
    padding: calc(var(--tamanio-base) * 1rem) 0 calc(var(--tamanio-base) * 0.8rem);
  }

  .elContenido>h3 {
    font-size: calc(var(--tamanio-base) * 1.4rem);
    padding: calc(var(--tamanio-base) * 0.8rem) 0 calc(var(--tamanio-base) * 0.6rem);
  }

  #FAQEfectoEspejo::after {
    justify-content: center;
  }

  .accordionFAQ>p {
    text-align: left;
    line-height: initial;
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  .bodypanelFAQ {
    padding: 1rem;
  }

  /*******POST****/
  .ajustarNumeroTitulo img {
    max-width: 65%;
  }

  .numeroTelParteNegra {
    line-height: calc(var(--tamanio-base) * 1.75rem);
  }

  .finCaraB .numerotel,
  .finCaraB .codnum {
    padding: 0.4rem 0.8rem;
  }

  /* css parte negra */

  .txtCabecera {
    font-size: calc(var(--tamanio-base) * 1.2rem);
    text-align: center;
    padding-top: 0.5rem;
  }

  .bordeTitulo {
    border-bottom: none;
  }

  .ajustarNumeroTitulo {
    text-align: center;
  }

  .accordion,
  .accordionCajaAmarilla,
  .accordionComoTrabajamos,
  .accordionComoTrabajamosZonaNegra,
  .accordionservicios {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .bodypanel,
  .bodypanelComoTrabajamos,
  .bodypanelComoTrabajamosZonaNegra {
    padding: 1rem 0.52rem;
  }

  .spacioCaraBTitulo {
    padding: 1.8rem 0.25rem;
  }

  .caraBTitulo h1,
  .caraBTitulo .respuesta {
    font-size: calc(var(--tamanio-base) * 1.75rem);
  }

  .soloFondoNegroCaraB h2,
  .soloFondoNegroCaraB .h2 {
    color: var(--blanco);
    font-size: calc(var(--tamanio-base) * 1.3rem);
    text-align: center;
  }

  .soloFondoNegroCaraB h3,
  .soloFondoNegroCaraB .h3 {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  .tituloDatosSeccionNegra,
  .titulosMillonSeccionNegra {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  .caraBtextoIzqSpacio {
    text-align: center;
    padding: 0rem;
  }

  .soloFondoNegroCaraB {
    padding: 0 1rem;
  }

  .numeroParteNegra {
    position: relative;
    left: 5%;
  }

  .accordion p {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .accordionCajaAmarilla p {
    margin-bottom: 0;
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .soloFondoAmarilloCaraB {
    padding: 3rem 1rem;
  }

  .finCaraB {
    padding: 1rem 0.5rem;
  }

  .tituloIzquierdoZonaAmarilla {
    font-size: calc(var(--tamanio-base) * 1.35rem);
  }

  .soloFondoAmarilloCaraB .h2 {
    font-size: calc(var(--tamanio-base) * 1.5rem);
    text-align: center;
  }

  .finCaraB .h2 {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .finCaraB .botones {
    flex-wrap: wrap;
    justify-content: center;
    /*gap: 1rem;*/
  }

  /* fin css parte negra */
  .circular-chart {
    max-width: 200px;
  }

  .post {
    padding: 0.7rem;
  }

  .textocrecimineto {
    text-align: center;
  }

  .divFlotante {
    max-width: 100%;
  }

  .imgdivFlotante {
    display: none;
  }

  .radios {
    display: flex;
    overflow: auto;
    justify-content: space-between;
    padding-bottom: 10px;
  }

  .radios input[type="radio"] {
    margin: 0px 4.5em;
  }

  .radios label {
    width: calc(100% - 1em);
    text-align: center;
  }

  .owl-prev,
  .owl-next {
    position: absolute;
    top: 7%;
  }

  .owl-next {
    right: -1.5rem;
  }

  .owl-prev {
    left: -1.5rem;
  }

  .owl-prev span,
  .owl-next span {
    font-size: 2.5rem;
  }

  .sinpaddingCaja {
    padding: 0;
  }

  .imgAlineadoDerecha {
    position: relative;
    margin-left: 1rem;
  }

  .alturaSpeacialTextoAnimado {
    min-height: 7rem;
  }

  .alturaSpeacialTextoAnimado2 {
    min-height: 8.7rem;
  }

  .alturaSpeacialTextoAnimado3 {
    min-height: 5.5rem;
  }

  .cajaProcesos {
    width: 100%;
    padding: 1rem 1rem;
    margin-left: 0em;
    margin-bottom: 4.5em;
  }

  div#CajaTexto2,
  div#CajaTexto3,
  div#CajaTexto4,
  div#CajaTexto5,
  div#CajaTexto6,
  div#CajaTexto7 {
    margin-left: 0em;
    width: 100%;
  }

  .BordeCajaProcesos {
    border-left: 0.51rem solid var(--primario2);
    padding-left: 0.5rem;
  }

  .BordeCajaProcesosInvertido {
    border-right: 0.51rem solid var(--primario2);
    padding-right: 0.5rem;
  }

  .CajaRadiosBordes {
    padding: 0rem 1rem 2rem 1rem;
  }

  .TituloEncimaBanner {
    font-size: calc(var(--tamanio-base) * 2.25rem);
    margin-bottom: -0.27rem;
  }

  .imagenGeneralBanner .frase {
    margin: 4.3rem 0rem 2rem;
    font-size: calc(var(--tamanio-base) * 1.25rem);
    line-height: calc(var(--tamanio-base) * 1.8rem);
  }

  .imagenPreBannerHeros .frase {
    margin: 7rem 0rem 2rem;
    font-size: calc(var(--tamanio-base) * 1.8rem);
    line-height: calc(var(--tamanio-base) * 1.8rem);
  }

  .BannerHeros2 {
    padding-left: 0;
    height: 1050px;
  }

  .bodypanelHeros {
    padding: 1.5rem 1.5rem;
  }

  .accordionHerosNegro p,
  .accordionHerosAzul p,
  .accordionComoTrabajamos p,
  .accordionComoTrabajamosZonaNegra p {
    padding-right: 2rem;
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .seccionGrisHeros2>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .seccionGrisHerosCajaAmarilla>p {
    font-size: calc(var(--tamanio-base) * 1.75rem);
  }

  .imagenSuperiorHeros {
    padding-left: 0;
    height: 400px;
  }

  .seccionGrisHeros2>div>div {
    padding: 2rem;
  }

  .txtHeros {
    font-family: var(--tipoNeueMachinaLight);
    font-size: calc(var(--tamanio-base) * 1.7rem);
    margin-bottom: 0;
    line-height: initial;
  }

  .BannerHeros2 .iconoMas {
    font-size: calc(var(--tamanio-base) * 2.5rem);
    padding: 2rem 0;
  }

  .txtFondoAmarilloHeros {
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  .seccionCircularHeros {
    padding: 1rem;
    border: 3px solid black;
  }

  .seccionGrisHeros2>div {
    padding: 0;
    width: 100%;
    margin: 0;
  }

  .seccionCircularHeros>p {
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  .BannerHeros2 .frase {
    margin: 0rem 0rem;
    font-size: calc(var(--tamanio-base) * 1.8rem);
    line-height: initial;
  }

  .losPost {
    flex-direction: column;
  }

  .customFormularioHome {
    flex-direction: column;
  }

  .customFormularioHome span {
    width: 100%;
  }

  .botonNegro i.fas.fa-arrow-right {
    padding-left: 0.25rem;
  }

  #formHome input[type="submit"] {
    width: 100%;
    font-size: calc(var(--tamanio-base) * 0.56rem);
  }

  .centrarBotonFormulario {
    text-align: center;
  }

  .titMonserat {
    text-align: center;
    font-size: calc(var(--tamanio-base) * 2.5rem);
  }

  i.fas.fa-heart {
    font-size: calc(var(--tamanio-base) * 0.85rem);
  }

  .centrarBotones {
    text-align: center;
  }

  .spacio10Soloresponsive {
    height: 4rem;
    padding: 0;
    margin: 0;
  }

  .spacio20Soloresponsive {
    height: 3.5rem;
    padding: 0;
    margin: 0;
  }

  .textoDebajoNumeros {
    text-align: center;
  }

  .orden1 {
    order: 1;
    padding: 0;
  }

  .orden2 {
    order: 2;
  }

  .orden3 {
    order: 3;
  }

  .orden1FranjaNegra {
    order: 1;
    padding: 0;
  }

  .orden2FranjaNegra {
    order: 2;
  }

  .orden3FranjaNegra {
    order: 3;
  }

  .ocultarEnResponsive {
    display: none;
  }

  .spacio10a5 {
    height: 0.7rem;
  }

  .spacio20a10 {
    height: 1.75rem;
  }

  .spacio30a20 {
    height: 3.56rem;
  }

  .spacio50a20 {
    height: 3.56rem;
  }

  .spacio50a30 {
    height: 5.56rem;
  }

  .imagenSuperior .idea:after {
    font-size: calc(var(--tamanio-base) * 2.5rem);
    padding-left: 10px;
    line-height: calc(var(--tamanio-base) * 0.5rem);
    vertical-align: middle;
  }

  img.custom-logo {
    margin: 0;
    max-width: 125px;
  }

  .tituloMonserat {
    font-size: calc(var(--tamanio-base) * 1.6rem);
    text-align: center;
    margin-bottom: 0;
  }

  .paddingCaja {
    padding: 1.1rem;
  }

  .lineaDePuntos {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  .cajaAbierta {
    border: none;
    padding: 0.4rem 0.25rem 0.4rem 0.15rem;
  }

  .logosFondoNegro {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }

  .btnEnviarNews {
    text-align: center;
  }

  button#newsletterEnviar {
    padding: 0.5rem 1rem;
  }

  /* .boletinNoticias {
		
	} */

  .cajaHablemos {
    padding: 1rem;
  }

  .tituloCajaGris {
    font-size: calc(var(--tamanio-base) * 1.5rem);
    font-family: var(--tipoNeueMachinamedium);
    line-height: 100%;
    color: var(--primario2);
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-weight: 500;
  }

  .cajasYoseo {
    padding: 0.5rem;
  }

  .imgX {
    width: 10%;
  }

  .flecha {
    width: 30%;
  }

  .textoGrandeCaption {
    font-size: calc(var(--tamanio-base) * 1.7rem);
    line-height: 3rem;
    margin-bottom: 0;
  }

  .cE1,
  .cE2,
  .cE3,
  .cE4 {
    height: 10rem;
    width: 17rem;
    margin: auto;
  }

  .lg21,
  .lg22,
  .lg23,
  .lg24,
  .lg25 {
    margin: auto;
    height: 2rem;
    width: 4rem;
  }

  .lg1,
  .lg2,
  .lg3,
  .lg4,
  .lg5,
  .lg6 {
    height: 3rem;
    width: 7rem;
    margin: auto;
  }

  .frase1spotify,
  .frase2spotify {
    text-align: center;
    width: 100%;
    padding: 0.52rem;
  }

  .personalizado1 {
    padding: 1.5rem 0;
  }

  .botonNegro {
    /* width: 100%; */
    margin: 0.5rem 0;
    line-height: initial;
  }

  .textoGrande {
    font-size: calc(var(--tamanio-base) * 1.3rem);
    text-align: center;
  }

  .anchospecial {
    width: 100%;
  }

  .sl1,
  .sl2,
  .sl3,
  .sl4 {
    height: 10rem;
    width: 18rem;
    margin: 0;
  }

  .numerosNegrita {
    font-size: calc(var(--tamanio-base) * 1.75rem);
  }

  .tituloVideo {
    font-size: calc(var(--tamanio-base) * 2rem);
    /* padding: 1rem; */
  }

  .imagenGeneralBanner {
    /* height: 450px; */
    /* height: 27.8rem; */
    padding-left: 30px;
  }

  .imagenGeneralBannerSinPadding {
    height: 27.8rem;
  }

  .imagenSuperior .frase {
    font-size: calc(var(--tamanio-base) * 1.25rem);
    margin-left: 0rem;
    line-height: calc(var(--tamanio-base) * 1.5rem);
    width: 17rem;
  }

  /*============LANDING==============*/
  .imagenSuperiorLanding .frase {
    font-size: calc(var(--tamanio-base) * 1.25rem);
    margin-left: 0rem;
    line-height: calc(var(--tamanio-base) * 1.5rem);
    width: 17rem;
  }

  /*============LANDING==============*/

  .imagenSuperior .idea {
    margin-left: 0rem;
    width: 100%;
    font-size: calc(var(--tamanio-base) * 2rem);
    line-height: calc(var(--tamanio-base) * 2.25rem);
  }

  /*404*/
  .cabecera404 {
    padding-left: 0;
  }

  .Banner404 .frase404 {
    font-size: calc(var(--tamanio-base) * 3.7rem);
  }

  .Banner404>div>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 1.5rem);
    padding: 0 1rem;
  }

  /*404*/
}

@media (min-width: 370px) {

  /*==nuevos cambios ==*/
  .telefono-flotante-img {
    font-size: 1.6rem;
    right: 5px;
  }

  /*==v2==*/
  .contenedorCajasCEOHome {
    min-height: 21rem;
  }

  .cajaCEOAlex2 {
    left: calc(66% - 2.235rem);
    top: calc(30% - 1rem);
  }

  .nombreCEO2 {
    font-size: calc(var(--tamanio-base) * 0.6rem);
  }

  .puestoCEO2 {
    font-size: calc(var(--tamanio-base) * 0.5rem);
  }

  .infoCEO22 {
    left: 7%;
    top: 90%;
  }

  .infoCEO12 {
    top: 33%;
    left: -26%;
  }

  .cajasColoresHomeCEO2 {
    top: 49%;
    left: -30%;
  }

  .textoCEO2>p {
    font-size: calc(var(--tamanio-base) * 0.65rem);
    line-height: calc(var(--tamanio-base) * 0.95rem);
  }

  .textoCEO2 {
    padding: 0.6rem;
  }

  /*==nuevos cambios ==*/
  .tabContacto1,
  .tabContacto2 {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .secccionHablemosDeNumeros>p {
    font-size: calc(var(--tamanio-base) * 1.45rem);
  }

  .imgPostRelacionados {
    min-height: 10rem;
  }

  .cajaAzulyoSEO {
    min-height: 12rem;
  }

  .tituloCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 1.2rem);
  }

  .cajaAzulyoSEO>div>p {
    padding: 0 0.1rem;
  }

  /*404*/
  .Banner404>div>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 1.6rem);
  }

  /*404*/
  .seccionNegraHeros>div>div>div>h2,
  .seccionAzulHeros>div>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .BannerHeros2>div>div>div>p {
    font-size: calc(var(--tamanio-base) * 1.2rem);
  }

  .seccionGrisHeros>div>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 1.65rem);
  }

  .txtHeros {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .txtFondoAmarilloHeros {
    font-size: calc(var(--tamanio-base) * 1.4rem);
  }

  .seccionGrisHeros2>div>div {
    padding: 3rem 2rem;
  }

  .txtPreguntaClubHeros {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  .ajustarNumeroTitulo img {
    max-width: 65%;
  }

  /* css para franja negra */
  .caraBTitulo h1 {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .soloFondoNegroCaraB h3,
  .soloFondoNegroCaraB h3 {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .tituloDatosSeccionNegra,
  .titulosMillonSeccionNegra {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .soloFondoNegroCaraB h2,
  .soloFondoAmarilloCaraB .h2,
  .finCaraB .h2 {
    font-size: calc(var(--tamanio-base) * 1.65rem);
  }

  /*fin css para franja negra */
  .owl-prev,
  .owl-next {
    top: 13%;
  }

  .alturaSpeacialTextoAnimado {
    min-height: 5.5rem;
  }

  .alturaSpeacialTextoAnimado2 {
    min-height: 7.2rem;
  }

  #formHome input[type="submit"] {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .pieDeImagenSlider {
    font-size: calc(var(--tamanio-base) * 0.5rem);
    margin-left: 1.2rem;
  }

  .cE1,
  .cE2,
  .cE3,
  .cE4 {
    height: 6rem;
    width: 10.5rem;
  }

  .sl1,
  .sl2,
  .sl3,
  .sl4 {
    height: 6rem;
    width: 10.5rem;
    margin: 0;
  }

  .numerosNegrita {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .tituloVideo {
    font-size: calc(var(--tamanio-base) * 2.35rem);
  }

  .imagenSuperior .frase {
    font-size: calc(var(--tamanio-base) * 1.45rem);
    width: 19rem;
  }

  .imagenSuperior .idea {
    font-size: calc(var(--tamanio-base) * 2.25rem);
  }
}

@media (min-width: 400px) {

  /*nuevas cajas serivicios*/
  .cajaAzulyoSEO2 {
    min-height: 13.5rem;
  }

  /*nuevas cajas servicios*/
  /*==nuevos cambios ==*/
  .telefono-flotante-img {
    font-size: 2rem;
  }

  /*==v2==*/
  .contenedorCajasCEOHome {
    min-height: 22rem;
  }

  .nombreCEO2 {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .puestoCEO2 {
    font-size: calc(var(--tamanio-base) * 0.55rem);
  }

  .textoCEO2>p {
    font-size: calc(var(--tamanio-base) * 0.68rem);
  }

  .cajasColoresHomeCEO2 {
    top: 54%;
  }

  .infoCEO12 {
    top: 36%;
  }

  /*==nuevos cambios ==*/
  .tabContacto1,
  .tabContacto2 {
    font-size: calc(var(--tamanio-base) * 0.82rem);
  }

  .imgPostRelacionados {
    min-height: 13rem;
  }

  .cajaAzulyoSEO>div {
    top: calc(50% - 50px);
  }

  .cajaAzulyoSEO {
    min-height: 13.5rem;
  }

  .contenidoCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 0.95rem);
  }

  .tituloCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 1.3rem);
  }

  /*jorge*/
  .accordionHerosNegro p {
    padding-right: 1.75rem;
  }

  .zona1>p,
  .zona2>p {
    font-size: calc(var(--tamanio-base) * 0.9rem);
  }

  /*jorge*/
  /* css para franja negra */
  .caraBTitulo h1 {
    font-size: calc(var(--tamanio-base) * 2.25rem);
  }

  .soloFondoNegroCaraB h2,
  .soloFondoAmarilloCaraB .h2,
  .finCaraB .h2 {
    font-size: calc(var(--tamanio-base) * 1.92rem);
  }

  .soloFondoNegroCaraB h3 {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .tituloDatosSeccionNegra,
  .titulosMillonSeccionNegra {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  /*fin css para franja negra */
  .owl-prev,
  .owl-next {
    top: 19%;
  }

  #formHome input[type="submit"] {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .pieDeImagenSlider {
    font-size: calc(var(--tamanio-base) * 0.5rem);
  }

  .tituloCajaGris {
    font-size: calc(var(--tamanio-base) * 1.75rem);
  }

  .cE1,
  .cE2,
  .cE3,
  .cE4 {
    height: 6.8rem;
    width: 11.8rem;
  }

  .lg21,
  .lg22,
  .lg23,
  .lg24,
  .lg25 {
    width: 8rem;
  }

  .lg1,
  .lg2,
  .lg3,
  .lg4,
  .lg5,
  .lg6 {
    width: 8rem;
  }

  .textoGrande {
    font-size: calc(var(--tamanio-base) * 1.5rem);
    text-align: center;
  }

  .sl1,
  .sl2,
  .sl3,
  .sl4 {
    height: 6.8rem;
    width: 11.8rem;
    margin: 0;
  }

  .tituloVideo {
    font-size: calc(var(--tamanio-base) * 2.8rem);
  }

  .imagenSuperior .frase {
    font-size: calc(var(--tamanio-base) * 1.75rem);
    line-height: calc(var(--tamanio-base) * 2rem);
    width: 23rem;
  }

  .imagenSuperior .idea {
    width: 23rem;
    font-size: calc(var(--tamanio-base) * 2.5rem);
  }

  /* .imagenGeneralBanner {
    height: 31.25rem;
  } */

  .imagenGeneralBannerSinPadding {
    height: 31.25rem;
  }
}

@media (min-width: 600px) {

  /*rrss compartir*/
  .test2 {
    grid-template-columns: repeat(5, 18%);
  }

  .testl2>i {
    /* padding: 0.75rem 0.5rem; */
    padding: 0.8rem 0.5rem;
  }

  /*rrss compartir*/
  /*==nuevos cambios ==*/
  .cajaTextoVideoHome {
    padding: 1.5rem;
  }

  .telefono-flotante-img {
    top: 16%;
  }

  /*ajuste parte negra casos de exito*/
  .numerosderecha {
    margin-bottom: 10%;
  }

  /*==nuevos cambios ==*/
  .cajasCartel {
    flex-direction: row;
  }

  .col-50 {
    width: 50%;
  }

  .seccionTituloCasoDeExito {
    flex-direction: row;
    gap: 3rem;
  }

  /**jorge*/
  .btnResponsive {
    flex-direction: row;
  }

  .cajasImagenes {
    /* grid-template-columns: repeat(3, calc(40% - 60px)); */
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem 1rem;
  }

  /*jorge*/
  /*******POST****/
  .clainAmarilloDivFlorantePost {
    margin-top: -3%;
  }

  .ajustarNumeroTitulo img {
    max-width: 100%;
  }

  .alineacionTitulo {
    flex-direction: column;
  }

  .finCaraB .botones {
    align-items: center;
  }

  .finCaraB .numerotel {
    padding: 0.4rem 0.65rem;
  }

  .finCaraB .codnum {
    padding: 0.4rem 0.65rem;
  }

  .imgAlineadoDerecha {
    position: relative;
    margin-left: 2.55rem;
  }

  .alturaSpeacialTextoAnimado {
    min-height: 2.5rem;
  }

  .alturaSpeacialTextoAnimado2 {
    min-height: 2.5rem;
  }

  .alturaSpeacialTextoAnimado3 {
    min-height: 2.5rem;
  }

  .tituloMonserat {
    font-size: calc(var(--tamanio-base) * 1.4rem);
  }

  .spacio20a10 {
    height: 3.56rem;
  }

  .spacio30a20 {
    height: 5.31rem;
  }

  .spacio50a20 {
    height: 8.87rem;
  }

  .cajaHablemos {
    padding: 1rem;
  }

  .tituloCajaGris {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .imgX {
    width: 6%;
  }

  .cE1,
  .cE2,
  .cE3,
  .cE4 {
    height: 7rem;
    width: 12.5rem;
  }

  .lg21,
  .lg22,
  .lg23,
  .lg24,
  .lg25 {
    width: 6rem;
  }

  .lg1,
  .lg2,
  .lg3,
  .lg4,
  .lg5,
  .lg6 {
    width: 6rem;
  }

  .botonNegro {
    width: auto;
  }

  .textoGrande {
    font-size: calc(var(--tamanio-base) * 1.34rem);
    text-align: left;
  }

  .numerosNegrita {
    font-size: calc(var(--tamanio-base) * 1.2rem);
  }

  .tituloVideo {
    font-size: calc(var(--tamanio-base) * 2.25rem);
    /* padding: 2rem; */
  }

  .imagenSuperior .frase {
    font-size: calc(var(--tamanio-base) * 2.75rem);
    margin-left: 0.5rem;
    width: 35rem;
    line-height: calc(var(--tamanio-base) * 3rem);
  }

  .imagenSuperior .idea {
    margin-left: 0.5rem;
    width: 35rem;
    font-size: calc(var(--tamanio-base) * 4.5rem);
  }

  .sl1,
  .sl2,
  .sl3,
  .sl4 {
    height: 6rem;
    width: 10rem;
  }
}

@media (min-width: 767px) {

  /*nuevas cajas serivicios*/
  .generalDiv {
    grid-template-columns: repeat(2, 48%);
  }

  /*nuevas cajas servicios*/
  /*==nuevos cambios ==*/
  .bloqueAzulHome h3 {
    font-size: calc(var(--tamanio-base) * 2.75rem);
    margin-left: 69px;
    margin-bottom: -7px;
  }

  /*== v2==*/
  .contenedorCajasCEOHome {
    min-height: 36rem;
  }

  .cajaCEOEdu2,
  .cajaCEOAlex2 {
    max-width: 38%;
  }

  .cajaCEOAlex2 {
    left: calc(62% - 2.85rem);
  }

  .textoCEO2 {
    padding: 0.8rem;
  }

  .textoCEO2>p {
    font-size: calc(var(--tamanio-base) * 1.2rem);
    line-height: calc(var(--tamanio-base) * 1.7rem);
  }

  .infoCEO12,
  .infoCEO22 {
    padding: 0.25rem 2.5rem 0.25rem 0.5rem;
  }

  .infoCEO12>p,
  .infoCEO22>p {
    line-height: calc(var(--tamanio-base) * 1.1rem);
  }

  .nombreCEO2 {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .puestoCEO2 {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  /*==nuevos cambios ==*/
  .spacio10Soloresponsive {
    display: none;
  }

  .orden1 {
    order: 2;
    padding: inherit;
  }

  .orden2 {
    order: 1;
  }

  .telefonoHome.fixedactivo,
  .telefonoHeros.fixedactivo {
    position: fixed;
    top: 76px;
    z-index: 888888888;
  }


  .bloque-cta-iconos {
    display: none;
  }

  .sidebar-popup-content {
    width: 440px;
    margin: initial;
    right: -456px;
    top: -235px;
    position: absolute;
  }

  .pestana-content form .pgroup {
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .pestana-content form .pgroup>p {
    width: 32%;
    margin-bottom: 0;
  }

  .sidebar-contacto {
    height: 85vh;
    max-height: 85vh;
  }

  .cajaLogosNegrosdivFlotante i {
    width: 28px;
    height: 28px;
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }
}

@media (min-width: 801px) {

  /*==nuevos cambios ==*/
  /*casos de exito no  carousel*/
  .casosDeExitoNoCarrousel {
    flex-direction: row;
  }

  .customPaddingContainer {
    padding: initial;
  }

  /*casos de exito no carousel*/

  /*seccion 2 modelos home*/
  .bg-dosmodelos p {
    font-size: 3rem;
  }

  .bg-dosmodelos {
    padding: 6.25rem 2.5rem;
  }

  /*==nuevos cambios ==*/
  .rrssNegroPost {
    justify-content: flex-start;
  }

  .imgAlineadoDerecha {
    position: relative;
    margin-left: 0rem;
  }

  .orden1FranjaNegra {
    order: 2;
    padding: inherit;
  }

  .orden2FranjaNegra {
    order: 1;
  }

  .orden3FranjaNegra {
    order: 3;
  }

  .ocultarEnResponsive {
    display: block;
  }

  .botonNegro {
    margin: 0;
  }

  .cajasYoseo {
    padding: 0.5rem;
  }

  .textoGrande {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .imagenSuperior .frase {
    /* font-size: calc(var(--tamanio-base) * 3.75rem);
    margin-left: 1rem; */
    width: 50rem;
  }

  .imagenSuperior .idea {
    /* margin-left: 1rem; */
    width: 50rem;
    /* font-size: calc(var(--tamanio-base) * 5.5rem); */
  }

  /* .imagenGeneralBanner {
    height: 350px;
  } */

  .imagenGeneralBannerSinPadding {
    height: 666px;
  }

  .paginacion span.xs-hidden {
    display: inline-block;
  }
}

@media (min-width: 991px) {



  .home-bloque-numeros>div {
    width: 32%;
  }

  .reto,
  .solucion {
    width: inherit;
  }
}

@media (min-width: 1000px) {
  span#logoCompartirPost>i {
    font-size: calc(var(--tamanio-base)*.85rem);
  }
  li.testl2.testl22 {
    margin-bottom: 1rem;
  }
  /*nuevas cajas serivicios*/
  .cajaAzulyoSEO2 {
    min-height: 16rem;
  }

  /*nuevas cajas servicios*/
  /*rrss compartir*/
  .test1 {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
  }

  .testli {
    width: 12%;
  }

  .testli>i {
    flex-basis: 20px;
  }

  .testli>.et_social_network_label {
    flex-basis: 70px;
  }

  .test2 {
    grid-template-columns: repeat(5, 17%);
  }

  .testl2>i {
    flex-basis: 25%;
    font-size: calc(var(--tamanio-base) * 0.85rem);
    padding: 0.86rem 0.5rem;
  }

  .testl2>div {
    flex-basis: 75%;
  }

  #rrssCompartir>i {
    font-size: calc(var(--tamanio-base) * 0.865rem);
  }

  /*rrss compartir*/
  .telefonoHome.fixedactivo,
  .telefonoHeros.fixedactivo {
    top: 90px;
  }

  .imagenGeneralBanner .spacio20.spacio20a10 {
    display: none;
  }

  .cajaLogosNegrosdivFlotante i {
    font-size: calc(var(--tamanio-base) * 0.9rem);
    width: 37px;
    height: 37px;
  }

  /*ajuste post*/
  .textoinfoPost {
    font-size: calc(var(--tamanio-base) * 1rem);
    line-height: calc(var(--tamanio-base) * 1.5rem);
  }

  /*==nuevos cambios ==*/

  /*==v2 Home cajas CEOS==*/
  .contenedorCajasCEOHome {
    min-height: 32rem;
  }

  .cajaCEOEdu2,
  .cajaCEOAlex2 {
    max-width: 41%;
  }

  .textoCEO2>p {
    font-size: calc(var(--tamanio-base) * 0.69rem);
    line-height: calc(var(--tamanio-base) * 1.05rem);
  }

  .nombreCEO2 {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .puestoCEO2 {
    font-size: calc(var(--tamanio-base) * 0.5rem);
  }

  .infoCEO12>p,
  .infoCEO22>p {
    line-height: calc(var(--tamanio-base) * 0.7rem);
  }

  .cajaCEOEdu2 {
    left: calc(24% - 2rem);
  }

  .cajaCEOAlex2 {
    left: calc(66% - 2.3rem);
    top: calc(20% - 1rem);
  }

  .infoCEO12,
  .infoCEO22 {
    padding: 0.25rem 1.05rem 0.25rem 0.5rem;
  }

  .textoCEO2 {
    padding: 0.6rem;
  }

  .infoCEO12 {
    left: -37%;
  }

  .cajasColoresHomeCEO2 {
    left: -36%;
  }

  #postLogos>i {
    font-size: calc(var(--tamanio-base) * 0.5rem);
    width: 1.5rem;
  }

  span#postLogos {
    padding-right: 0;
  }

  /*==nuevos cambios ==*/
  /*rrss compartir*/
  .test1 {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
  }

  .testli {
    width: 12%;
  }

  .testli>i {
    flex-basis: 20px;
  }

  .testli>.et_social_network_label {
    flex-basis: 70px;
  }

  .test2 {
    grid-template-columns: repeat(5, 17%);
  }

  .testl2>i {
    flex-basis: 25%;
    font-size: calc(var(--tamanio-base) * 0.85rem);
    padding: 0.86rem 0.5rem;
  }

  .testl2>div {
    flex-basis: 75%;
  }

  /*rrss compartir*/
}

@media (min-width: 1020px) {

  /*==nuevos cambios ==*/
  .telefonoHome,
  .telefonoHeros {
    right: 10rem;
  }

  .cajaTextoVideoHome {
    padding: 2rem;
  }

  .bg-dosmodelos .dosmodelos-btn {
    font-size: 1.3rem;
  }

  .bloqueAzulHome h3 {
    margin-left: 65px;
    font-size: 3.5rem;
  }

  .bloqueAzulHome .bloqueAzulHome-caja {
    padding: 50px 30px;
  }

  .telefono-flotante-img {
    right: 0;
    font-size: 1.8rem;
    top: 27%;
  }

  /*parte negra casos de exito*/
  .numerosderecha {
    margin-bottom: 35%;
  }

  /*==nuevos cambios ==*/
  .secccionHablemosDeNumeros>p {
    font-size: calc(var(--tamanio-base) * 1.35rem);
  }

  .cajaImgPersonaCartel {
    margin: 0% 0% 0% 0%;
  }

  .margenSpecialPersonaCartel {
    padding: 3rem 3rem 3rem 0;
  }

  .tituloCajaTabContacto {
    font-size: calc(var(--tamanio-base) * 2.1rem);
  }

  .tabContacto1,
  .tabContacto2 {
    padding: 0.5rem 1rem;
    font-size: calc(var(--tamanio-base) * 0.9rem);
  }

  .marginCajasContacto {
    padding: 4.3rem 5rem;
  }

  .secccionHablemosDeNumeros {
    flex-direction: row;
    gap: 1rem;
  }

  .imgPostRelacionados {
    min-height: 17rem;
  }

  #formNewsDentroDePost input[type="submit"] {
    font-size: calc(var(--tamanio-base) * 0.85rem);
  }

  .cajaAzulyoSEO {
    min-height: 16rem;
    width: calc(100% / 2.09);
    margin: 1rem 0.5rem;
    padding: 0;
  }

  .tituloCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .cajaAzulyoSEO>div>p>a {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .contenidoCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  /*404*/
  .Banner404 .frase404 {
    font-size: calc(var(--tamanio-base) * 5rem);
  }

  .Banner404>div>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 2.1rem);
  }

  /*404*/
  /**jorge*/
  .seccionCircularHeros {
    padding: 2rem;
  }

  .seccionCircularHeros>p {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .titInternoAccordion {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .BannerHeros2 .iconoMas {
    font-size: calc(var(--tamanio-base) * 4rem);
  }

  .txtPreguntaClubHeros {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .txtHeros {
    font-size: calc(var(--tamanio-base) * 2.4rem);
  }

  .accordionHerosNegro>div,
  .accordionHerosAzul>div {
    display: contents;
  }

  .accordionHerosNegro p {
    padding-right: 0;
  }

  .BannerHeros2 {
    padding-left: 0;
    height: 850px;
  }

  .BannerHeros2 .frase {
    font-size: calc(var(--tamanio-base) * 3.2rem);
  }

  .seccionNegraHeros>div>div>div>h2,
  .seccionAzulHeros>div>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .imagenPreBannerHeros .frase {
    font-size: calc(var(--tamanio-base) * 3rem);
  }

  .linkEmailHola {
    color: var(--primario2);
  }

  .linkEmailHola>i {
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  .seccionCajasHola {
    display: grid;
  }

  .buscamosTalentoHola {
    padding: 3.6rem 1.25rem;
  }

  .txtPracticasHolaEquipo>span {
    font-size: calc(var(--tamanio-base) * 1.2rem);
  }

  .txtBuscamosTalento {
    font-size: calc(var(--tamanio-base) * 1.45rem);
  }

  .cajasImagenes {
    /* grid-template-columns: repeat(3, max(200px)); */
    grid-template-columns: repeat(3, calc(41% - 57px));
  }

  .zona1>p,
  .zona2>p {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .divFlotantelinksHola {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  /*jorge*/
  /****post***/
  .rrssNegroPost>p>a>.fas {
    font-size: calc(var(--tamanio-base) * 0.5rem);
  }

  .rrssNegroPost>p>a>.fab {
    font-size: calc(var(--tamanio-base) * 0.5rem);
  }

  .rrssNegroPost {
    gap: 0.25rem;
  }

  .rrssNegroPost>p>a>i {
    width: 1.5rem;
  }

  .elTituloPost {
    font-size: calc(var(--tamanio-base) * 2.25rem);
  }

  .cajaFlotanteImgPost {
    padding: 0.5rem 1rem;
  }

  .clainAmarilloDivFlorantePost>p {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .clainAmarilloDivFlorantePost {
    margin-top: -10%;
  }

  .txtCajaFlotanteImg {
    font-size: calc(var(--tamanio-base) * 0.9em);
    line-height: initial;
  }

  #formFlotantePost input[type="submit"] {
    font-size: calc(var(--tamanio-base) * 0.55rem);
  }

  #formFlotantePost input[type="email"]::placeholder {
    font-size: calc(var(--tamanio-base) * 0.5rem);
  }

  .titulodivFlotantePost {
    font-size: calc(var(--tamanio-base) * 1.15rem);
    line-height: initial;
  }

  /* #indiceContenidos > li > a {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  } */

  .tituloSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.75rem);
  }

  .txtSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .rrssCabeceraPostLogos>p>a>i {
    font-size: calc(var(--tamanio-base) * 0.9rem);
  }

  .tituloFAQ {
    margin-top: -2rem;
  }

  .paddingCajaFAQ {
    padding: 5.1rem;
  }

  .cajasSabemosComoHacerlo {
    flex-direction: row;
  }

  .cajaInternaSabemosComoHacerlo {
    /* flex-direction: row; */
    flex-direction: column;
  }

  .cajaInternaTxtBotonSabemosComoHacerlo {
    flex-direction: column;
  }

  .rrssCabeceraPost {
    flex-direction: row;
  }

  .rrssCabeceraPostLogos {
    padding-bottom: 0;
  }

  /****post***/
  /* css para la franja negra */
  .alineacionTitulo {
    flex-direction: row;
  }

  .ajustarNumeroTitulo {
    padding-top: 2.22rem;
  }

  .finCaraB .botones {
    /*justify-content: flex-start;*/
    justify-content: center;
  }

  .txtCabecera {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .bordeTitulo {
    border-bottom: 2px solid var(--primario2);
  }

  .pcimg {
    max-width: 50%;
  }

  .soloFondoAmarilloCaraB {
    padding: 2rem;
  }

  .finCaraB {
    padding: 2rem;
  }

  .spacioCaraBTitulo {
    padding: 2.8rem 2rem;
  }

  .soloFondoNegroCaraB {
    padding: 0 2rem;
  }

  .caraBTitulo h1 {
    font-size: calc(var(--tamanio-base) * 3rem);
  }

  .soloFondoNegroCaraB h2,
  .soloFondoAmarilloCaraB .h2,
  .finCaraB .h2 {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .soloFondoNegroCaraB h3 {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  .tituloDatosSeccionNegra,
  .titulosMillonSeccionNegra {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  /* fin css para la franja negra */
  .circular-chart {
    max-width: 250px;
  }

  .textocrecimineto {
    text-align: left;
  }

  .imgdivFlotante {
    display: block;
  }

  div#CajaTexto2,
  div#CajaTexto3,
  div#CajaTexto4,
  div#CajaTexto5,
  div#CajaTexto6,
  div#CajaTexto7 {
    width: 51%;
  }

  .radios input[type="radio"] {
    margin: 0px auto;
  }

  .radios {
    overflow: unset;
  }

  .sinpaddingCaja {
    padding: inherit;
  }

  .alturaSpeacialTextoAnimado3 {
    min-height: 5.5rem;
  }

  .imagenGeneralBanner .frase {
    margin: 4rem 1rem;
    font-size: calc(var(--tamanio-base) * 1.75rem);
    line-height: calc(var(--tamanio-base) * 2rem);
  }

  .divFlotante {
    max-width: 95%;
  }

  .imgdivFlotante {
    width: 95%;
  }

  .subtitulodivFlotante {
    font-size: calc(var(--tamanio-base) * 0.91rem);
  }

  .textodivFlotante {
    font-size: calc(var(--tamanio-base) * 0.8rem);
    line-height: calc(var(--tamanio-base) * 1.4rem);
  }

  .btnNegrodivFlotante {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .vertical {
    /* height: 50%;
    top: 80%;
    left: 9.54%; */
    height: 51%;
    top: 80%;
    left: 12.65%;
    position: absolute;
    border-left: 2px solid var(--primario2);
  }

  .verticalInvertida {
    /* height: 50%;
    top: 80%;
    right: 9.54%; */
    height: 51%;
    top: 80%;
    right: 12.85%;
    position: absolute;
    border-left: 2px solid var(--primario2);
  }

  .verticalComoTrabajamos {
    /* height: 50%;
    top: 80%;
    left: 9.54%; */
    height: 51%;
    top: 80%;
    left: 12.65%;
    position: absolute;
    border-left: 2px solid var(--primario2);
  }

  /* .verticalComoTrabajamos{
    height: 53%;
    top: 76%;
    left: 9.41%;
    position: absolute;
    border-left: 2px solid var(--primario2);
  } */

  .BordeCajaProcesosTexto {
    font-size: calc(var(--tamanio-base) * 0.9rem);
    line-height: calc(var(--tamanio-base) * 1.45rem);
  }

  .cajaProcesos {
    width: 51%;
    /* padding: 2rem 2.5rem; */
    padding: 2rem 3.4rem;
    margin-bottom: 5em;
    margin-left: 0.28em;
    /* min-height: 20em; */
  }

  div#CajaTexto2 {
    margin-left: calc(19.74% * (3 / 4));
  }

  div#CajaTexto3 {
    margin-left: calc(38.78% * (3 / 4));
  }

  div#CajaTexto4 {
    margin-left: calc(57.85% * (3 / 4));
  }

  div#CajaTexto4 .BordeCajaProcesos {
    padding-left: 1.2rem;
  }

  div#CajaTexto5 {
    margin-left: calc(26.6% * (3 / 4));
  }

  div#CajaTexto6 {
    margin-left: calc(46.7% * (3 / 4));
    width: 50%;
  }

  div#CajaTexto7 {
    margin-left: calc(64.65% * (3 / 4));
  }

  .TituloEncimaBanner {
    font-size: calc(var(--tamanio-base) * 3rem);
  }

  .losPost {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    /* align-items: center; */
  }

  .post {
    width: calc(100% / 2);
    padding: 1.5rem;
  }

  .textoEmpiezaAqui {
    font-size: calc(var(--tamanio-base) * 0.86rem);
    line-height: calc(var(--tamanio-base) * 1.5rem);
  }

  .textoGrandeCaption {
    font-size: calc(var(--tamanio-base) * 3.5rem);
    line-height: 4.5rem;
  }

  .spacio20a10 {
    height: 2.5rem;
  }

  .spacio50a20 {
    height: 4.5rem;
  }

  .spacio50a30 {
    height: 8.5rem;
  }

  .centrarBotones {
    text-align: left;
  }

  .spacio20Soloresponsive {
    display: none;
  }

  .textoDebajoNumeros {
    text-align: left;
  }

  .tituloMonserat {
    text-align: left;
  }

  .paddingCaja {
    /* padding: 5.31rem; */
    padding: 2.3rem;
  }

  .pieDeImagenSlider {
    font-size: calc(var(--tamanio-base) * 0.5rem);
  }

  .lineaDePuntos {
    font-size: calc(var(--tamanio-base) * 1.3rem);
  }

  .cajaAbierta {
    border: 1px solid var(--primario1);
    padding: 0.4rem 0.25rem 0.4rem 0.5rem;
    border-right: 0;
  }

  #hamburuesaMobil {
    display: none;
  }

  .logosFondoNegro {
    justify-content: unset;
  }

  button#newsletterEnviar {
    font-size: calc(var(--tamanio-base) * 0.65rem);
  }

  .btnEnviarNews {
    text-align: left;
  }

  .titMonserat {
    font-size: calc(var(--tamanio-base) * 2rem);
    text-align: left;
  }

  .cajaHablemos {
    padding: 2rem;
  }

  .tituloCajaGris {
    font-size: calc(var(--tamanio-base) * 1.75rem);
  }

  .imgX {
    width: 3%;
  }

  .flecha {
    width: 15%;
  }

  .cE1,
  .cE2,
  .cE3,
  .cE4 {
    height: 7rem;
    width: 12rem;
  }

  .lg21,
  .lg22,
  .lg23,
  .lg24,
  .lg25 {
    height: 2.5rem;
    width: 4.5rem;
  }

  .lg1,
  .lg2,
  .lg3,
  .lg4,
  .lg5,
  .lg6 {
    height: 2rem;
    width: 4rem;
  }

  .sl1,
  .sl2,
  .sl3,
  .sl4 {
    width: 13.5rem;
    height: 7.5rem;
    margin: 0;
  }

  .frase1spotify,
  .frase2spotify {
    font-size: calc(var(--tamanio-base) * 0.58rem);
    text-align: right;
    width: max-content;
    line-height: calc(var(--tamanio-base) * 1.5rem);
  }

  .personalizado1 {
    padding: 0;
  }

  .botonNegro {
    margin-right: 0.5rem;
  }

  .textoGrande {
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  /* .anchospecial {
		width: 43rem;
	} */

  .numerosNegrita {
    font-size: calc(var(--tamanio-base) * 1.7rem);
  }

  .tituloVideo {
    font-size: calc(var(--tamanio-base) * 2.73rem);
    /* padding: 2.5rem; */
  }

  .imagenSuperior .frase {
    font-size: calc(var(--tamanio-base) * 3rem);
    margin-left: 2rem;
    line-height: calc(var(--tamanio-base) * 3rem);
    width: 44rem;
  }

  .imagenSuperior .idea {
    margin-left: 2rem;
    width: 55rem;
    font-size: calc(var(--tamanio-base) * 3.8rem);
    line-height: calc(var(--tamanio-base) * 3.25rem);
  }

  body.home .imagenGeneralBanner {
    height: 650px;
  }

  .imagenGeneralBanner {
    height: 500px;
  }

  /*============LANDING==============*/
  .imagenGeneralBannerLanding {
    height: 650px;
  }

  /*============LANDING==============*/

  body.page-template-como-trabajamos .imagenGeneralBannerSinPadding {
    height: 550px;
  }

  .divFlotantePost {
    max-width: 73%;
    position: sticky;
    top: calc(18%);
    display: block;
    z-index: 10;
  }

  #indiceContenidos.cerradoMobil {
    display: block;
    max-height: 60vh;
  }

  /* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/
  #indiceContenidos::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  #indiceContenidos::-webkit-scrollbar:vertical {
    width: 10px;
  }

  #indiceContenidos::-webkit-scrollbar-button:increment,
  #indiceContenidos::-webkit-scrollbar-button {
    display: none;
  }

  #indiceContenidos::-webkit-scrollbar:horizontal {
    height: 10px;
  }

  #indiceContenidos::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
  }

  #indiceContenidos::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .containercontacto {
    margin-left: 59px;
    padding-top: 70px;
    padding-bottom: 120px;
    padding-left: 70px;
    padding-right: unset;
  }

  .containercontacto2 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .sidebar-contacto.divFlotante {
    max-width: 75%;
  }

  .btnNegrodivFlotante {
    font-size: calc(var(--tamanio-base) * 0.8rem);
    padding: 0.2rem 1.5rem;
  }

  .sidebar-popup-content {
    bottom: -20px;
    top: initial;
  }

  .sidebar-popup-content form span>input {
    margin-bottom: 12px;
    padding: 6px;
    font-size: 15px;
  }
}

@media (min-width: 1100px) {
  .seo-proactivo-home-sec .block-texto {
    width: 45%;
  }

  .seo-proactivo-home-sec .block-img {
    width: 50%;
  }

  /*rrss compartir*/
  .testli {
    width: 7rem;
  }

  .testli>i {
    flex-basis: 50px;
  }

  .testli>.et_social_network_label {
    flex-basis: 100px;
  }

  /*rrss comparitr*/
}

@media (min-width: 1201px) {

  /*nuevas cajas serivicios*/
  .generalDiv {
    grid-template-columns: repeat(3, 335px);
  }

  .cajaAzulyoSEO2 {
    min-height: 15rem;
  }

  /*nuevas cajas servicios*/
  /*==nuevos cambios ==*/
  .bg-dosmodelos {
    padding: 6.25rem 3.5rem;
  }

  .bg-dosmodelos p {
    font-size: 3.5rem;
  }

  .bloqueAzulHome .bloqueAzulHome-caja {
    padding: 50px 50px;
  }

  .bloqueAzulHome h3 {
    margin-left: 101px;
  }

  /*==nuevos cambios ==*/
  .imgPostRelacionados {
    min-height: 10rem;
  }

  .cajaAzulyoSEO>div>p {
    padding: 0 0.5rem;
  }

  .contenidoCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 0.75rem);
  }

  .tituloCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 0.95rem);
  }

  .cajaAzulyoSEO>div {
    top: calc(50% - 40px);
  }

  .cajaAzulyoSEO>div>p>a {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .cajaAzulyoSEO {
    min-height: 10rem;
    margin: 1rem 0.2rem;
    width: calc(100% / 4.13);
  }

  /**home*/
  #formHome input[type="submit"] {
    font-size: calc(var(--tamanio-base) * 0.55rem);
  }

  #formHome input {
    padding: 0.2rem 0.95rem;
  }

  /**home*/
}

@media (min-width: 1220px) {

  .telefonoHome.fixedactivo,
  .telefonoHeros.fixedactivo {
    top: 90px;
  }

  /*ajuste parte negra caso de exito*/
  .numerosderecha strong {
    font-size: calc(var(--tamanio-base) * 4rem);
  }
}

@media (min-width: 1281px) {

  /*nuevas cajas serivicios*/
  .generalDiv {
    grid-template-columns: repeat(4, 275px);
  }

  .cajaAzulyoSEO2 {
    min-height: 14rem;
  }

  /*nuevas cajas servicios*/
  /*jorge*/
  .accordionHerosFaq>p {
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  .tituloPreguntasFrecuentesFAQ {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .tituloFAQHeros {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .seccionGrisHeros2>div>div {
    padding: 3rem 5rem;
  }

  .txtFondoAmarilloHeros {
    font-size: calc(var(--tamanio-base) * 2.4rem);
  }

  .seccionGrisHeros2>div>div>p {
    font-size: calc(var(--tamanio-base) * 2.5rem);
  }

  .seccionGrisHeros2>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 2.5rem);
  }

  .titInternoAccordion {
    font-size: calc(var(--tamanio-base) * 1.03rem);
  }

  .seccionGrisHeros>div>div>div>h2 {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .imagenPreBannerHeros .frase {
    margin: 9rem 0rem 2rem;
  }

  .BannerHeros2>div>div>div>p {
    font-size: calc(var(--tamanio-base) * 1.3rem);
  }

  .txtHeros {
    font-size: calc(var(--tamanio-base) * 3rem);
  }

  .BannerHeros2 .iconoMas {
    font-size: calc(var(--tamanio-base) * 5rem);
  }

  .imagenSuperiorHeros {
    height: 500px;
  }

  .imagenPreBannerHeros .frase {
    font-size: calc(var(--tamanio-base) * 5rem);
  }

  .cajaPracticasHola {
    padding: 0.28rem 0.75rem;
  }

  .cajaPracticasHola>p {
    margin-bottom: 0.25rem;
  }

  .zona1>p,
  .zona2>p {
    font-size: calc(var(--tamanio-base) * 0.85rem);
  }

  .txtPronombresHola {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .txtPracticasHolaEquipo>span {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .buscamosTalentoHola {
    padding: 1.8rem 0.51rem;
  }

  .txtBuscamosTalento {
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  .cajasImagenes {
    grid-template-columns: repeat(4, calc(26% - 44px));
    grid-gap: 3rem 3rem;
  }

  /*jorge*/
  /***post**/
  .rrssNegroPost>p>a>.fas {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .rrssNegroPost>p>a>.fab {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .rrssNegroPost>p>a>i {
    width: 2rem;
  }

  /*post**/
  .divFlotantePost {
    max-width: 90%;
  }

  .txtCajaFlotanteImg {
    font-size: calc(var(--tamanio-base) * 1.2rem);
  }

  #formFlotantePost input[type="email"]::placeholder {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  #formFlotantePost input[type="submit"] {
    font-size: calc(var(--tamanio-base) * 0.71rem);
  }

  .titulodivFlotantePost {
    font-size: calc(var(--tamanio-base) * 1.25rem);
  }

  .elTituloPost {
    font-size: calc(var(--tamanio-base) * 3.5rem);
  }

  .cajasSabemosComoHacerlo {
    flex-direction: row;
  }

  .txtSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.6rem);
  }

  .tituloSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.65rem);
  }

  .cajaInternaSabemosComoHacerlo {
    flex-direction: row;
  }

  .cajaInternaTxtBotonSabemosComoHacerlo {
    flex-direction: column;
  }

  .finCaraB .botones {
    justify-content: flex-start;
  }

  .soloFondoNegroCaraB h2,
  .soloFondoAmarilloCaraB .h2,
  .finCaraB .h2,
  .soloFondoNegroCaraB h3,
  .caraBtextoIzqSpacio {
    text-align: left;
  }

  .txtCabecera {
    text-align: inherit;
  }

  .ajustarNumeroTitulo {
    padding-top: 1.75rem;
  }

  .txtCabecera {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .textoDerecha {
    text-align: right;
  }

  .caraBtextoIzqSpacio {
    padding: 0 2.4rem;
  }

  .finCaraB {
    padding: 2rem 2rem 0;
  }

  .soloFondoAmarilloCaraB {
    padding: 3rem 2rem;
  }

  .pcimg {
    max-width: 80%;
  }

  /* .spacio50a30 {
    height: 8.5rem;
  } */

  .losPost {
    flex-wrap: initial;
    align-items: initial;
  }

  .alturaSpeacialTextoAnimado3 {
    min-height: 2.5rem;
  }

  .customFormularioHome {
    flex-direction: row;
  }

  .titMonserat {
    font-size: calc(var(--tamanio-base) * 2.1rem);
  }

  .cajaAbierta {
    padding: 0.4rem 0.25rem 0.4rem 0.75rem;
  }

  .lineaDePuntos {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  button#newsletterEnviar {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  button#newsletterEnviar {
    padding: 0.5rem 2rem;
  }

  .cajaHablemos {
    padding: 3rem;
  }

  .tituloCajaGris {
    font-size: calc(var(--tamanio-base) * 2.7rem);
  }

  .flecha {
    width: 10%;
  }

  .cE1,
  .cE2,
  .cE3,
  .cE4 {
    height: 10rem;
    width: 17rem;
  }

  .frase1spotify,
  .frase2spotify {
    font-size: calc(var(--tamanio-base) * 0.74rem);
  }

  .textoGrande {
    font-size: calc(var(--tamanio-base) * 1.3rem);
  }

  .anchospecial {
    width: 35rem;
  }

  .numerosNegrita {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .imagenSuperior .frase {
    margin-left: 10rem;
    font-size: calc(var(--tamanio-base) * 3.25rem);
    width: 45rem;
    line-height: calc(var(--tamanio-base) * 4rem);
  }

  .imagenSuperior .idea {
    margin-left: 10rem;
    width: 55rem;
    font-size: calc(var(--tamanio-base) * 3.75rem);
  }

  .imagenSuperior .idea:after {
    font-size: calc(var(--tamanio-base) * 4.5rem);
  }

  /*============LANDING==============*/
  .imagenSuperiorLanding .frase {
    margin-left: 10rem;
    font-size: calc(var(--tamanio-base) * 3.25rem);
    width: 45rem;
    line-height: calc(var(--tamanio-base) * 4rem);
  }

  .textoNormalBannerLanding {
    max-width: 60%;
  }

  .landingCajas1 {
    padding: 1.5rem;
    margin-bottom: 0;
  }

  .tituloStickyLanding {
    font-family: var(--tipoMontserratBold);
    font-size: calc(var(--tamanio-base) * 1.7rem);
    line-height: calc(var(--tamanio-base) * 2.15rem);
  }

  .imagenSuperiorLanding .textoNormalBannerLanding>p {
    margin-left: 8rem;
    font-size: calc(var(--tamanio-base) * 2.1rem);
    line-height: calc(var(--tamanio-base) * 3rem);
    margin-bottom: 0;
    color: white;
    font-family: var(--tipoNeueMachinaRegular);
  }

  .imagenSuperiorLanding .idea {
    margin-left: 8rem;
    width: 55rem;
    font-size: calc(var(--tamanio-base) * 3.75rem);
  }

  .imagenSuperiorLanding .idea:after {
    font-size: calc(var(--tamanio-base) * 4.5rem);
  }

  /*============LANDING==============*/

  .tituloVideo {
    font-size: calc(var(--tamanio-base) * 4rem);
    /* padding: 3rem; */
  }

  .sl1,
  .sl2,
  .sl3,
  .sl4 {
    height: 10rem;
    width: 18rem;
  }

  .textoGrandeCaption {
    font-size: calc(var(--tamanio-base) * 4.5rem);
  }

  .cajaProcesos {
    width: 40%;
    padding: 2rem 2.75rem;
  }

  .vertical {
    left: 10.4%;
  }

  #postLogos>i {
    font-size: calc(var(--tamanio-base) * 0.8rem);
    width: 2rem;
  }
}

@media (min-width: 1400px) {
  .sidebar-contacto img {
    object-fit: cover;
    height: 77%;
  }
}

@media (min-width: 1400px) {

  /*nuevas cajas serivicios*/
  .generalDiv {
    grid-template-columns: repeat(4, 303px);
    gap: 0.5rem;
  }

  .cajaAzulyoSEO2 {
    min-height: 11rem;
  }

  /*nuevas cajas servicios*/
  /*rrss compartir*/
  .testli {
    width: 10rem;
  }

  .test2 {
    gap: 1rem;
  }

  .testl2>i {
    padding: 0.875rem 0.5rem;
  }

  #rrssCompartir>i {
    font-size: calc(var(--tamanio-base) * 0.85rem);
  }

  /*rrss compartir*/
  /*==nuevos cambios ==*/
  .bloqueAzulHome h3 {
    margin-left: 100px;
    font-size: 60px;
  }

  .telefono-flotante-img {
    top: 25%;
    right: 8px;
  }

  /*ajuste parte negra caso de exito*/
  .numerosderecha strong {
    font-size: calc(var(--tamanio-base) * 5rem);
  }

  .containerexito {
    padding: 70px 80px 70px;
    margin: 0 80px;
  }

  /*== v2 cajasCEOSHome */
  .contenedorCajasCEOHome {
    min-height: 27rem;
  }

  .cajaCEOEdu2,
  .cajaCEOAlex2 {
    max-width: 40%;
  }

  .cajaCEOAlex2 {
    left: calc(66% - 2.65rem);
  }

  .textoCEO2 {
    padding: 0.7rem;
  }

  .textoCEO2>p {
    font-size: calc(var(--tamanio-base) * 0.95rem);
    line-height: calc(var(--tamanio-base) * 1.2rem);
  }

  .nombreCEO2 {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .puestoCEO2 {
    font-size: calc(var(--tamanio-base) * 0.6rem);
  }

  .infoCEO12>p,
  .infoCEO22>p {
    line-height: calc(var(--tamanio-base) * 0.8rem);
  }

  .infoCEO12,
  .infoCEO22 {
    padding: 0.25rem 1.75rem 0.25rem 0.5rem;
  }

  .infoCEO12 {
    left: -42%;
  }

  .cajasColoresHomeCEO2 {
    left: -43%;
    max-width: 60%;
  }

  /*==nuevos cambios ==*/
  .cajaImgPersonaCartel>img {
    width: 95%;
  }

  .cajaImgPersonaCartel {
    margin: -21% 0 -21% 10%;
  }

  .margenSpecialPersonaCartel {
    padding: 2rem 3rem 2rem 0;
  }

  .secccionHablemosDeNumeros>p {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  .imgPostRelacionados {
    min-height: 11rem;
  }

  .cajaAzulyoSEO {
    min-height: 11rem;
    width: calc(100% / 4.09);
  }

  .cajaAzulyoSEO>div>p {
    padding: 0 0.5rem;
  }

  .tituloCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  .contenidoCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 0.75rem);
  }

  .cajaAzulyoSEO>div {
    top: calc(50% - 32px);
  }

  .cajaAzulyoSEO>div>p>a {
    font-size: calc(var(--tamanio-base) * 1.5rem);
  }

  /*jorge*/
  .cajasImagenes {
    grid-template-columns: repeat(4, calc(25% - 38px));
    grid-gap: 3rem 5rem;
  }

  /*jorge*/
  /**home*/
  #formHome input[type="submit"] {
    font-size: calc(var(--tamanio-base) * 0.67rem);
  }

  #formHome input {
    padding: 0.3rem 0.95rem;
    width: 100%;
  }

  /**home*/
  .tituloSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.4rem);
  }

  .txtSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.5rem);
  }

  .botonSabemosComoHacerloVerMas2,
  .botonSabemosComoHacerloDescarga {
    font-size: calc(var(--tamanio-base) * 0.45rem);
  }

  .cajaInternaTxtBotonSabemosComoHacerlo {
    flex-direction: row;
  }

  .ajustarNumeroTitulo {
    padding-top: 2.25rem;
  }

  .finCaraB .h2 {
    font-size: calc(var(--tamanio-base) * 2.25rem);
  }

  div#CajaTexto2,
  div#CajaTexto3,
  div#CajaTexto4,
  div#CajaTexto5,
  div#CajaTexto6,
  div#CajaTexto7 {
    width: 40%;
  }

  .spacioCaraBTitulo {
    padding: 8.8rem;
  }

  .caraBTitulo h1 {
    font-size: calc(var(--tamanio-base) * 3.5rem);
  }

  .soloFondoNegroCaraB h2,
  .soloFondoAmarilloCaraB .h2 {
    font-size: calc(var(--tamanio-base) * 3rem);
  }

  .soloFondoAmarilloCaraB .h2 {
    font-size: calc(var(--tamanio-base) * 2.63rem);
  }

  .tituloIzquierdoZonaAmarilla {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .finCaraB {
    padding: 4rem 2rem 0;
  }

  .soloFondoAmarilloCaraB {
    padding: 4rem 2rem;
  }

  .soloFondoNegroCaraB h3 {
    font-size: calc(var(--tamanio-base) * 2.5rem);
  }

  .tituloDatosSeccionNegra,
  .titulosMillonSeccionNegra {
    font-size: calc(var(--tamanio-base) * 2.5rem);
  }

  .divFlotante {
    max-width: 90%;
  }

  .vertical {
    height: 52%;
    top: 78%;
    left: 9.46%;
  }

  .verticalInvertida {
    height: 52%;
    top: 79%;
    right: 9.69%;
  }

  .verticalComoTrabajamos {
    height: 52%;
    top: 76%;
    left: 9.45%;
  }

  .cajaProcesos {
    width: 40%;
    padding: 3rem 2.83rem;
    margin-left: 2.45em;
    min-height: 10em;
  }

  div#CajaTexto2 {
    margin-left: calc(23.4% * (3 / 4));
  }

  div#CajaTexto3 {
    margin-left: calc(42.4% * (3 / 4));
  }

  div#CajaTexto4 {
    margin-left: calc(61.4% * (3 / 4));
  }

  div#CajaTexto5 {
    margin-left: calc(80.5% * (3 / 4));
  }

  div#CajaTexto6 {
    margin-left: calc(56.6% * (3 / 4));
    width: 40%;
  }

  div#CajaTexto7 {
    margin-left: calc(75.6% * (3 / 4));
  }

  .customFormularioHome span {
    width: 90%;
  }

  .anchospecial {
    width: 43rem;
  }

  .sl1,
  .sl2,
  .sl3,
  .sl4 {
    height: 10rem;
    width: 18rem;
  }

  .tituloVideo {
    font-size: calc(var(--tamanio-base) * 4.5rem);
    /* padding: 5.31rem;
    padding: 5.31rem; */
    margin: 0;
  }

  .textoEmpiezaAqui {
    font-size: calc(var(--tamanio-base) * 0.96rem);
  }
}

@media (min-width: 1800px) {

  /*nuevas cajas serivicios*/
  .generalDiv {
    grid-template-columns: repeat(4, 398px);
    gap: 1rem;
  }

  .cajaAzulyoSEO2 {
    min-height: 15rem;
  }

  /*nuevas cajas servicios*/
  /*rrss compartir*/
  .testli>.et_social_network_label {
    flex-basis: 110px;
  }

  .testl2>i {
    padding: 0.865rem 0.5rem;
  }

  /*rrss compartir*/
  /*==nuevos cambios ==*/
  .cajaTextoVideoHome {
    padding: 5rem;
  }

  .bloqueAzulHome h3 {
    margin-left: 120px;
  }

  .telefono-flotante-img {
    font-size: 2rem;
    right: 75px;
    top: 16%;
  }

  .containerexito {
    padding: 70px 120px 70px;
    margin: 0 100px;
  }

  /** == v2 cajasCEOHOME*/
  .contenedorCajasCEOHome {
    min-height: 35rem;
  }

  .cajaCEOEdu2,
  .cajaCEOAlex2 {
    max-width: 39%;
  }

  .cajaCEOAlex2 {
    left: calc(66% - 3.35rem);
  }

  .textoCEO2>p {
    font-size: calc(var(--tamanio-base) * 1.25rem);
    line-height: calc(var(--tamanio-base) * 1.6rem);
  }

  .textoCEO2 {
    padding: 0.8rem;
  }

  .nombreCEO2 {
    font-size: calc(var(--tamanio-base) * 1.1rem);
  }

  .puestoCEO2 {
    font-size: calc(var(--tamanio-base) * 0.8rem);
  }

  .infoCEO12>p,
  .infoCEO22>p {
    line-height: calc(var(--tamanio-base) * 1.2rem);
  }

  .infoCEO12,
  .infoCEO22 {
    padding: 0.25rem 2rem 0.25rem 0.5rem;
  }

  .cajasColoresHomeCEO2 {
    left: -48%;
    top: 52%;
  }

  /*==nuevos cambios ==*/
  .cajaInternaTxtBotonSabemosComoHacerlo {
    flex-direction: row;
  }

  .clainAmarilloDivFlorantePost {
    margin-top: -8%;
  }

  .BannerHeros2 .frase {
    font-size: calc(var(--tamanio-base) * 5rem);
  }

  .cajaImgPersonaCartel>img {
    width: 75%;
  }

  .cajaImgPersonaCartel {
    margin: -16% 0 -15% 15%;
  }
}

@media (min-width: 1900px) {
  .imgPostRelacionados {
    min-height: 15rem;
  }

  .cajaAzulyoSEO {
    min-height: 15rem;
    margin: 0.71rem 0.5rem;
    width: calc(100% / 4.16);
  }

  .tituloCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 1.3rem);
  }

  .contenidoCajaAzulyoSEO {
    font-size: calc(var(--tamanio-base) * 0.9rem);
  }

  .cajaAzulyoSEO>div>p>a {
    font-size: calc(var(--tamanio-base) * 2rem);
  }

  .cajaAzulyoSEO>div {
    top: calc(50% - 45px);
  }

  .txtHeros {
    font-size: calc(var(--tamanio-base) * 3.7rem);
  }

  .buscamosTalentoHola,
  .cajaPracticasHola {
    padding: 4.85rem 1.25rem;
  }

  .tituloSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.7rem);
  }

  .txtSeccionSabemosComoHacerlo {
    font-size: calc(var(--tamanio-base) * 0.65rem);
  }

  .botonSabemosComoHacerloVerMas2,
  .botonSabemosComoHacerloDescarga {
    font-size: calc(var(--tamanio-base) * 0.65rem);
  }

  .txtCabecera {
    font-size: calc(var(--tamanio-base) * 1.2rem);
  }

  .ajustarNumeroTitulo {
    padding-top: 2.3rem;
    /*padding-top: 1.7rem;*/
  }

  .verticalInvertida {
    height: 53%;
    top: 78%;
    right: 9.4%;
  }

  .vertical {
    height: 52%;
    top: 79%;
    left: 9.4%;
  }

  .textodivFlotante {
    font-size: calc(var(--tamanio-base) * 1rem);
  }

  .imagenGeneralBanner .frase {
    margin: 4rem 13rem 4rem 2rem;
  }

  .spacio50a20 {
    height: 8rem;
  }

  .cajaProcesos {
    width: 30%;
    margin-left: 4.25rem;
  }

  div#CajaTexto2 {
    margin-left: calc(24.65% * (3 / 4));
    width: 30%;
  }

  div#CajaTexto3 {
    margin-left: calc(43.75% * (3 / 4));
    width: 30%;
  }

  div#CajaTexto4 {
    margin-left: calc(62.8% * (3 / 4));
    width: 30%;
  }

  div#CajaTexto5 {
    margin-left: calc(81.8% * (3 / 4));
    width: 30%;
  }

  div#CajaTexto6 {
    margin-left: calc(68.6% * (3 / 4));
    width: 30%;
  }

  div#CajaTexto7 {
    margin-left: calc(87.6% * (3 / 4));
    width: 30%;
  }

  .telefonoHome,
  .telefonoHeros {
    right: 11rem;
  }

  .sl1,
  .sl2,
  .sl3,
  .sl4 {
    height: 14rem;
    width: 25rem;
  }

  .cE1,
  .cE2,
  .cE3,
  .cE4 {
    height: 14rem;
    width: 24rem;
  }

  .imagenSuperior .frase {
    margin-left: 15rem;
    line-height: calc(var(--tamanio-base) * 3.5rem);
  }

  .imagenSuperior .idea {
    margin-left: 15rem;
  }

  .imagenSuperiorLanding .frase {
    margin-left: 8rem;
  }
}

@media (min-width: 2101px) {

  .telefonoHome,
  .telefonoHeros {
    right: 27rem;
  }
}

.logosComotrabajamos {
  height: 5rem;
  width: 9rem;
}

div#logosComoTrabajamos>div>div>div>div {
  margin: auto;
}

#logosComoTrabajamos>div>div>.owl-item {
  margin: 2rem 0 2rem 0;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.logos {
  height: 2.5rem;
  width: 4.5rem;
}

.lgbabyliss {
  background-image: url(assets/img/clientesSvg/babyliss.svg);
}

.lgcedro {
  background-image: url(assets/img/clientesSvg/cedro.svg);
}

.lgcliniccloud {
  background-image: url(assets/img/clientesSvg/clinic-cloud.svg);
}

.lgcomunicae {
  background-image: url(assets/img/clientesSvg/comunicae.svg);
}

.lgpodo {
  background-image: url(assets/img/clientesSvg/podo.svg);
}

.lgria {
  background-image: url(assets/img/clientesSvg/ria.svg);
}

.lgruber {
  background-image: url(assets/img/clientesSvg/ruber.svg);
}

.lgsolvia {
  background-image: url(assets/img/clientesSvg/solvia.svg);
}

.lgstihl {
  background-image: url(assets/img/clientesSvg/stihl.svg);
}

.lgteblogueo {
  background-image: url(assets/img/clientesSvg/te-blogueo.svg);
}

.lgwible {
  background-image: url(assets/img/clientesSvg/wible.svg);
}

span.camuflaEnlaceBlank.dc-link,
span.camuflaEnlaceBlankwhatsapp.dc-link {
  cursor: pointer;
  padding-right: 7px;
}

span.camuflaEnlaceBlank.dc-link .fab,
span.camuflaEnlaceBlank.dc-link .fas,
span.camuflaEnlaceBlank.dc-link .fad,
span.camuflaEnlaceBlankwhatsapp.dc-link .fab {
  font-size: calc(var(--tamanio-base) * 1.2rem);
}

#home1>i {
  font-size: calc(var(--tamanio-base) * 0.9rem);
}

.grecaptcha-badge {
  visibility: hidden;
}

#footer p.centrarLogoFooter {margin-top:-55px;}

@media (max-width: 767px) {
  #footer p.centrarLogoFooter {margin-top:0;}
}




/* Formulario LANDING Plantilla YOSEO */

.formulario-landing{
  background:linear-gradient(90deg,#130650, #1512ff );
}

.formulario-landing p {
  color:white;
}

.formulario-landing input[type=text],
.formulario-landing input[type=tel],
.formulario-landing input[type=email],
.formulario-landing textarea{
  background:unset;
  border:unset;
  border-bottom:1px solid white;
  color:white;
  font-size:15px;
}

.formulario-landing textarea{
  margin-top:10px;
}



.formulario-landing .privacidadcookies p{
  font-size:15px;
}


.formulario-landing input[type=text]::placeholder,
.formulario-landing input[type=tel]::placeholder,
.formulario-landing input[type=email]::placeholder,
.formulario-landing textarea::placeholder{
  color:white;
}

.formulario-landing .caja-form{
  background-color: unset;
}

.formulario-landing .titulo-formulario-landing,.formulario-landing .subtitulo{
  color:white;
  text-align: center;
  font-weight:bold;
}

.formulario-landing .titulo-formulario-landing-resaltado{
  color:#ffed02;
}

.formulario-landing form>p{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.formulario-landing form>p>br {display:none;}

.formulario-landing form>p>span{
  padding:0;
  width: 32%;
  display:block;
  box-sizing: border-box;  
}

.formulario-landing form>p>span:last-child, .formulario-landing form>p>span:last-child textarea{
  width:100%;
}


/* BLOQUE IMG | Title + Párrafo + Listado */

.img-title-text-list-container {
  display: flex;
  justify-content: left;
  margin:50px 0;
  align-items: center;
}

.img-title-text-list-container.reverse {
  flex-direction: row-reverse;
}

.img-title-text-list-container .btn-default{
  background-color: var(--primario1);
  color: white;
  padding: 8px 11px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Montserrat-Regular';
  width: fit-content;
  display: block;
  font-size: calc(var(--tamanio-base)* .75rem);
  border: 2px solid var(--primario1);
  margin-top: 30px;
}

.img-title-text-list-container .btn-default a{
  color:white;
  text-decoration: none;
}
.img-title-text-list.imagen{
  max-width: 1000px;
}


.img-title-text-list.imagen img {
  width: 100%;
  height: auto;
  display: block;
}

.img-title-text-list.texto ul{
  list-style: none;
  padding-left:0;
}


.img-title-text-list.texto ul li{
  position: relative;
  padding-left: 25px; 
  margin-bottom: 8px;
  font-size: 16px;
}

.img-title-text-list.texto ul li::before{
  content: "✔"; 
    position: absolute;
    left: 0;
    top: 2px;
    color: #0000FF; 
    font-weight: bold;
    font-size: 18px;
}



.img-title-text-list-container.reverse {
  flex-direction: row-reverse; /* Invierte el orden */
}

@media (max-width: 768px) {
  .img-title-text-list-container,.img-title-text-list-container.reverse {
      flex-direction: column;
      text-align: center;
      padding:0 20px;
  }
  .img-title-text-list.texto, .img-title-text-list.imagen {
      max-width: 100%;
  }

  .img-title-text-list.texto ul li{
    text-align:left;
  }

  .img-title-text-list.imagen{
    margin-top:30px;
  }

  .img-title-text-list .titulo-seccion{
    padding-top:30px;
  }
}

@media (min-width: 1441px) {
  .img-title-text-list-container,.img-title-text-list-container.reverse{
    gap:40px;
  }
}

/* Contadores Landing */

.contadores-landing-container{
  display: flex;
  justify-content: space-between;
  background-color: #F4F4F4;
}

.contadores-landing-container .contador-item{
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content: center;

}

.contadores-landing-container .contador-item .contador-numero {
  color:#1512ff;
  font-size:50px;
  font-weight:bold;
}
.contadores-landing-container .contador-item .contador-texto {
  font-size:30px;
  text-align:center;
}


@media(max-width:768px){
  .contadores-landing-container{
    padding:30px 20px;
    flex-direction: column;
  }

  .contadores-landing-container .contador-item .contador-numero{
    font-size:30px;
  }

  .contadores-landing-container .contador-item .contador-texto {
    font-size:22px;
  }

}

@media(min-width:769px) and (max-width:1440px){
  .contadores-landing-container{
    padding:40px 80px;
  }


  .contadores-landing-container .contador-item .contador-numero{
    font-size:40px;
  }

  .contadores-landing-container .contador-item .contador-texto {
    font-size:26px;
  }
}

@media(min-width:1441px){
  .contadores-landing-container{
    padding:50px 120px;
  }
}



/* Sección Texto y Formulario */
.pagina-landing.nueva-estructura-container .section-wrapper .columns > .section-title {
  width: 45%;
}
.pagina-landing.nueva-estructura-container .section-wrapper .columns > .section-content {
  width: 50%;;
}


.seccion-form-txt{
  margin-bottom:40px;
  
}


.seccion-form-txt .subtitulo-seccion, .seccion-form-txt .texto-final{
  color:#1512ff;
  font-weight:bold;
  text-align:left;
}

.seccion-form-txt .form-column>p {
  margin-bottom:0!important;
}
.seccion-form-txt form p {margin-bottom:0!important;}

.seccion-form-txt form>p{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;

}

.seccion-form-txt form>p>br{
  display: none;
}

.seccion-form-txt form>p>span:first-child,.seccion-form-txt form>p>span:last-child{
  width:100%;
}

.seccion-form-txt form>p>span:nth-child(3),.seccion-form-txt form>p>span:nth-child(5){
  width:48%;
}

.seccion-form-txt form p{
  font-size:15px;
}

.seccion-form-txt form input:not([type="submit"]),.seccion-form-txt form textarea{
  border:none;
  border-bottom:1px solid #00f;
  background-color:#f3f5ff;
  margin:10px 0;
  font-size:15px;
  width:100%;
}

/* Estilo para los checkbox */
.seccion-form-txt form input[type="checkbox"] {
  width: auto;
}

.seccion-form-txt form input[type="submit"]{
  font-weight:bold;
  color:white;
  background:#0000FF;
  padding:10px 20px;
}

.seccion-form-txt .titulo-form{
  font-size:20px;
  font-weight:bold;
  text-align:left;
}

.seccion-form-txt .subtitulo-form{
  font-weight:bold;
  font-size:18px;
  text-align: left;
}

.seccion-form-txt .titulo-form span{
  color:#0000ff;
}

.seccion-form-txt .form-column{
  display: flex;
  flex-direction:column;
  background-color:#f3f5ff;
  padding:30px 40px;
}


.seccion-form-txt .titulo-seccion{

}

.pagina-landing>.owl-carousel{
  margin-top:24px;
}

.pagina-landing .prev-margin{
  margin-bottom:50px!important;
  margin-top:50px!important;
}

@media(max-width:768px){

  .seccion-form-txt .form-column{
    padding:30px 15px;
  }


  .seccion-form-txt form p>span{
    width: 100%!important;
  }

  .seccion-form-txt .default-width{
    padding:0 20px;
  }
}


.html-landing{
  margin-top:0!important;
}

.html-landing #site-header .fixed-top{
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  background-color: white;
}

.form-column.form-animado {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 1s ease-out, opacity 1s ease-out;
}

.form-column.form-animado.mostrar-form {
    opacity: 1;
    transform: translateX(0);
}


/* Cabecera Landing */
@media(max-width:768px){
  .pagina-landing .prev-margin{
    margin-bottom:50px!important;
    margin-top:50px!important;
  }

  .formulario-landing form>p>span {width: 100%;}

  .pagina-landing .default-width{
    padding:0 20px!important;
  }

  .cabecera-landing>div{
    width:90%;
  }
  .cabecera-landing h1.main-title{
    font-size:35px;
    line-height:40px;
  }
}




 

/*Cabecera blog*/

.cabecerablog {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.cabecerablog .titulo-blog {
  position: relative;
  z-index: 2;
  font-size: 2em;
  color: white;
  margin-top: -20px;
}

.cabecerablog .categoria-blog {
  position: relative;
  z-index: 2;
  font-size: 1.2em;
  color: #fff;
  margin-bottom: 30px;
}

.cabecerablog.imagenFondoxDefectoPostBlog {
  background-color: #cccccc;
  height: 300px;
}

@media (max-width: 1024px) {
  .cabecerablog {
    height: 350px;
  }

  .cabecerablog .titulo-blog {
    font-size: 1.8em;
  }

  .cabecerablog .categoria-blog {
    font-size: 1.1em;
  }
}

@media (max-width: 768px) {
  .cabecerablog {
    height: 250px;
  }

  .cabecerablog .titulo-blog {
    margin-top: 40px;
    font-size: 1.6em;
  }

  .cabecerablog .categoria-blog {
    margin-top: 20px;
    font-size: 1em;
  }
}

@media (max-width: 480px) {
  .cabecerablog {
    height: 250px;
  }

  .cabecerablog .titulo-blog {
    font-size: 1.4em;
    margin-left: 30px;
  }

  .cabecerablog .categoria-blog {
    font-size: 0.9em;
    margin-left: 30px;
  }
  
}




/* Crece Suma y gana */






/*blog*/
.content-index-blog {
  margin-bottom: 20px;
  padding: 15px;
  background-color: red;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.content-index-blog ul {
  list-style-type: none;
  padding: 0;
}

.content-index-blog li {
  margin-bottom: 15px;
}

.content-index-blog li h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.content-index-blog li p {
  margin: 5px 0;
}

.content-index-blog li a {
  text-decoration: none;
  color: #0073e6;
}

.content-index-blog li a:hover {
  text-decoration: underline;
}




/*Newsletter blog*/

.newsletter-form-blog {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  margin-left: -140px;
  width: calc(100% + 140px);
  height: 200px;
  margin-bottom: 30px;
  background: linear-gradient(to right, rgba(0, 0, 2, 1), rgba(20, 17, 251, 1));
  box-sizing: border-box;
}
.encabezado-newsletter{
  width: 50%;
  padding-left: 140px;
}

.newsletter-form-blog h3 {
  padding-top: 20px;
  font-size: 30px;
  color: white;
}

.newsletter-form-blog h4 {
  font-size: 25px;
  color: #ffea2c;
  margin-right: 20px;
  width: 100%;
  align-items: left;
}
.newsletter-content-blog .form-content .form-correo-boton{
  display: flex;
  flex-direction: row;
}
.newsletter-content-blog .form-content .form-item{
  margin-bottom: 10px;
  height: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.newsletter-content-blog .wpcf7 form .privacidadcookies p{
  font-size: 14px;
  margin-left: 17px;
}
.newsletter-content-blog .wpcf7 form .privacidadcookies p a{
  font-size: 14px;
  color: #ffea2c;
}
.newsletter-content-blog {
  color: white;
  display: flex;
  justify-content: space-between;  
  margin-left: 30px;
  flex-direction: row;
  width: 50%;
  height: auto;
  margin-top: 20px;
}
.newsletter-content-blog .wpcf7 form .form-content{
  height: 50px;
}


.form-correo-boton .form-item{
  margin-right: -187px;
  margin-top: 2px;
  margin-left: 20px;
}
.form-correo-boton .boton input{
  background-color: transparent;
  color: white;
  border: 1px solid white;
  margin-top: -1px;
}



.newsletter-form-blog input[type="email"] {
  padding: 12px 20px;
  border: none;  
  border-bottom: 1px solid white;  
  height: 30px;
  font-size: 1em;
  width: 62%; 
  margin-top: -2px;
  background-color: transparent; 
  color: white;  
}

.newsletter-form-blog input[type="email"]::placeholder {
  color: white;
}

.newsletter-form-blog button {
  padding: 12px 20px;
  margin-bottom: 4px;
  background-color: transparent;
  color: white;
  font-size: 1.1em;
  border: 1px solid white;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.newsletter-form-blog form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 10px;
}

/*Acordeon newsletter*/
.newsletter-content-blog .wpcf7 form .info-legal-basic{
  width: 250px;
  height: auto;
  margin-left: -200px;
}




@media (max-width: 1024px) {
  .newsletter-form-blog {
    margin-left: -120px;
    width: calc(100% + 120px);
    height: 230px;
      display: flex;
      flex-direction: row;
      align-items: center;
  }

  .newsletter-form-blog input[type="email"] {
    width: 70%;
    margin-top: 0px;
  }

  .newsletter-form-blog button {
    font-size: 1em;
  }
  .newsletter-content-blog .form-content .form-correo-boton .boton{
    margin-top: 2px;
  }
  .newsletter-content-blog .wpcf7 form .info-legal-basic{
    margin-left: -70px;
    
  }
  .newsletter-content-blog .wpcf7 form .privacidadcookies p{
    font-size: 12px;
    margin-left: -1px;
    text-align: center;
    
  }
}



@media (max-width: 768px) {
  .newsletter-form-blog {
    padding: 30px;
    margin-left: -100px;
    width: calc(100% + 100px);
    height: 250px;
    display: flex;
    flex-direction: row;
    align-items: start;
  }
  .newsletter-content-blog .wpcf7 form .info-legal-basic{
    width: 350px;
  }

  .newsletter-form-blog h3 {
    font-size: 26px;
  }

  .newsletter-form-blog h4 {
    font-size: 22px;
  }

  .newsletter-form-blog button {
    font-size: 1em;
    padding: 10px 18px;
    margin-top: 10px;
  }

  .newsletter-content-blog {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsletter-form-blog input[type="email"] {
    margin-left: 0px;
    width: 100%;
  }
  .newsletter-form-blog input[type="submit"],  .newsletter-form-blog input[type="submit"] p{
    margin-left: 0px;
    font-size: 12px;
    width: 100%;
  }
  .encabezado-newsletter{
    display: flex;
    flex-direction: column;
    padding-left: 100px;
    width: 80%;
    margin-bottom: 10px;
  }
  .newsletter-form-blog form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .newsletter-content-blog .wpcf7{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .newsletter-form-blog form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 80px;
  }
  .newsletter-content-blog .wpcf7 form .info-legal-basic p{
    font-size: 12px;
    text-align: center;
    
  }
  .newsletter-content-blog .wpcf7 form .info-legal-basic{
    margin-top: -30px;
    margin-left: 20px;
    
  }
  .newsletter-content-blog .wpcf7 form .privacidadcookies{
    height: auto;
    
  }
  .newsletter-content-blog .wpcf7 form .privacidadcookies p a{
    font-size: 12px;
    
  }
  .newsletter-content-blog .form-content .form-correo-boton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; 
  }
  .newsletter-content-blog .form-content .form-correo-boton .form-item{
    width: 100%; 
    justify-content: center;
  }
  .newsletter-content-blog .form-content .form-correo-boton .boton{
    width: 100%; 
  }
  .form-correo-boton .form-item{
    margin-left: 0px;
    margin-top: -30px;
  }
}

@media (max-width: 480px) {
  .newsletter-form-blog {
    margin-left: -70px;
    width: calc(100% + 128px);
    height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .encabezado-newsletter{
    display: flex;
    flex-direction: column;
    padding-left: 0px;
    width: 80%;
    margin-bottom: 10px;
    margin-top: -10px;
  }
  .newsletter-form-blog form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .newsletter-content-blog .wpcf7{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .newsletter-form-blog form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 80px;
  }

  .newsletter-form-blog .encabezado-newsletter h3 {
    margin-left: 25px;
    font-size: 20px;
    text-align: center;
  }

  .newsletter-form-blog h4 {
    font-size: 18px;
    text-align: center;
    margin-left: 4px;
  }


  .newsletter-form-blog button {
    margin-top: 10px;
    font-size: 0.9em;
    padding: 10px 15px;
  }

  .newsletter-content-blog {
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
  }
  .newsletter-content-blog .form-content .form-correo-boton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; 
  }
  .newsletter-content-blog .form-content .form-correo-boton .form-item{
    width: 100%; 
    justify-content: center;
  }
  .newsletter-content-blog .form-content .form-correo-boton .boton{
    width: 100%; 
  }

  .form-item {
    width: 100%;
  }

  .newsletter-form-blog input[type="email"] {
    margin-left: 22px;
    width: 58%;
  }
  .newsletter-form-blog input[type="submit"] {
    margin-left: 33px;
    font-size: 12px;
    width: 50%;
  }
  .form-item .boton p{
    width: 0px;
  }
  .newsletter-content-blog .wpcf7 form .form-content{
    height: 100px;
    padding-left: 95px;
  }
  .newsletter-content-blog .wpcf7 form .privacidadcookies p{
    font-size: 12px;
    margin-left: 0px;
    text-align: center;
    
  }
  .newsletter-content-blog .wpcf7 form .privacidadcookies{
    width: 80%;
    text-align: center;
    height: auto;
    
  }
  .newsletter-content-blog .wpcf7 form .privacidadcookies p a{
    font-size: 12px;
    
  }
  .multiple-headings-shortcode .newsletter-form-blog h3{
        font-size: 20px;
        margin-bottom: 1.2rem;
        margin-left: 3px;
  }
  .form-correo-boton .form-item{
    margin-left: 0px;
    margin-right: 0px;
  }
  .newsletter-content-blog .wpcf7 form .info-legal-basic {
    margin-top: -20px; 
    margin-left: 22px;
}
.newsletter-content-blog .wpcf7 form .info-legal-basic .accordionLegalContent{
  margin-left: 18px;
}
}








/*Formulario contacto blog*/

.normal-cta-container-blog .formulario-blog {
  background-color: black;
  width: 100%;
  padding: 30px;
  padding-top: 20px;
  box-sizing: border-box;
  height: 410px;
}

.normal-cta-container-blog .formulario-blog .titulo-blog {
  font-family: var(--tipoNeueMachina-bold);
  color: var(--acento);
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 10px;
}

.normal-cta-container-blog .formulario-blog p {
  color: white;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 10px;
  font-family: var(--tipoMontserratRegulart);
}

.normal-cta-container-blog .formulario-blog p b {
  font-weight: bold;
  color: #ffea2c;
}

.normal-cta-container-blog .formulario-blog input[type="email"]::placeholder {
  color: white;
}

.normal-cta-container-blog .formulario-blog button {
  padding: 12px 20px;
  background-color: transparent;
  color: white;
  font-size: 12px;
  cursor: pointer;
  margin-top: 15px;
  transition: background-color 0.3s ease;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.normal-cta-container-blog .formulario-blog button:hover {
  color: white;
}

.normal-cta-container-blog .formulario-blog input[type=checkbox] {
  width: 0;
}

.normal-cta-container-blog .formulario-blog input[type=checkbox]:before {
  border: white 1px solid;
  content: "";
  display: inline-block;
  background-color: #171717;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-left: -14px;
}
.formulario-blog .acept-text {
  font-size: 10px;
  line-height: 1.3;
}

.formulario-blog .acept-text a {
  color: #ffea2c;
  text-decoration: none;
  font-weight: 600;
}

.normal-cta-container-blog .formulario-blog input[type=checkbox]:checked::before {
  background-color: white;
}

.normal-cta-container-blog .formulario-blog input[type=submit] {
  background-color: var(--acento);
  font-size: 14px;
  height: 40px;
  color: black;
  font-family: var(--tipoMontserratBold);
  text-transform: uppercase;
  border-radius: 0;
  width: auto;
}

.normal-cta-container-blog .formulario-blog .info-legal-basic .accordionLegalToggle {
  color: lightgray;
}

.normal-cta-container-blog .formulario-blog .accordionLegalContent p {
  font-size: 12px;
}

.normal-cta-container-blog .formulario-blog .accordionLegalContent {
  margin-top: 20px;
  margin-left: 20px;
  height: 122px;
  background-color: grey;
  box-shadow: 0 0 10px 0 #00000038;
  overflow: scroll;
}

.normal-cta-container-blog .formulario-blog .accordionLegalContent::-webkit-scrollbar {
  width: 8px;
  height: 0;
  background-color: rgb(99, 98, 98);
}

.normal-cta-container-blog .formulario-blog .accordionLegalContent::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: rgb(207, 207, 207);
  border-radius: 6px;
}

.normal-cta-container-blog .formulario-blog input {
  background-color: #171717;
  color: white;
  padding: 12px 10px;
  border-radius: 5px;
  border: none;
  width:100%;
  font-family: var(--tipoMontserratMedium);
  font-size: 14px;
  height: 30px;
}

.normal-cta-container-blog .formulario-blog input::placeholder {
  font-size: 14px;
  color: white;
  font-family: var(--tipoMontserratLight);
}
.single-post .formulario-blog .wpcf7 form .info-legal-basic{
  margin-top: -15px;
      position: absolute;
    bottom: 10px;
    width: 60%;
    left: 35%;
}

/*cabecera blog*/
.cabecerablog {
  padding: 150px;
  width: 99.6vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.titulo-blog {
  color: white;
  font-size: 3em;
  margin-bottom: 30px;
}

.categoria-blog {
  color: white;
  font-size: 2em;
}

@media screen and (max-width: 768px) {
  .cabecerablog {
    padding: 100px 20px;
  }

  .titulo-blog {
    font-size: 2.5em;
    margin-bottom: 20px;
  }

  .categoria-blog {
    font-size: 1.8em;
  }
}

@media screen and (max-width: 480px) {
  .cabecerablog {
    padding: 70px 10px;
  }

  .titulo-blog {
    margin-top: 5px;
    font-size: 2em;
    margin-bottom: 15px;
  }

  .categoria-blog {
    font-size: 1.5em;
  }
}
.conocer_blogs {
  min-height: 600px;
}
/*Formulario incrustado blog*/
.formulario-incrustado-blog{
  margin-top: -30px;
  margin-bottom: 30px;
  width: 100%;
}
/*Telefono cabecera blog*/
.telefonoCabecera-blog {
  position: fixed;
  top: 80px;
  left: 75%;
  padding: 10px;
  z-index: 9999;
  transform: translateX(-50%);
}

.telefonoCabecera-contenido {
  display: flex;
  gap: 30px;
  align-items: center;
}

.telefonoCabecera-blog p {
  margin: 0;
  text-align: center;
}

.telefonoCabecera-blog p:first-child {
  background-color: black;
  color: white;
  width: 150px;
}

.telefonoCabecera-blog p:last-child {
  margin-left: 10px;
  background-color: #ffea2c;
  color: black;
  width: 150px;
}

.telefonoCabecera-blog p:first-child a:first-child {
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.telefonoCabecera-blog p:last-child a:last-child {
  color: black;
  text-decoration: none;
  font-size: 16px;
}

.telefonoCabecera-blog p:last-child a:last-child span {
  font-weight: 700;
  text-decoration: solid;
}

@media (max-width: 768px) {
  .telefonoCabecera-blog {
    left: 50%;
    top: 80px;
    transform: translateX(-50%);
  }
  .telefonoCabecera-contenido {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .telefonoCabecera-blog p {
    width: 120px;
  }

  .telefonoCabecera-blog p:first-child,
  .telefonoCabecera-blog p:last-child {
    font-size: 14px;
  }

  .telefonoCabecera-contenido {
    flex-direction: row;
  }
}

@media (max-width: 480px) {
  .telefonoCabecera-blog {
    top: 80px;
    left: 48%;
  }
  .telefonoCabecera-contenido {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .telefonoCabecera-blog p {
    width: 100px;
  }

  .telefonoCabecera-blog p:first-child,
  .telefonoCabecera-blog p:last-child {
    font-size: 12px;
  }
  .telefonoCabecera-blog p:last-child {
    margin-left: 0px;
  }
}
.container.bg-color-blog section {
  background-color: white !important;
  color: black !important;
}

/* Formulario Contacto Blog */
.formulario-incrustado-blog{
  background:linear-gradient(90deg,#130650, #1512ff );
  height: 450px;
}

.formulario-landing-blog p {
  color:white;
}

.formulario-blog-incrustado input[type=text],
.formulario-blog-incrustado input[type=tel],
.formulario-blog-incrustado input[type=email],
.formulario-blog-incrustado textarea{
  background:unset;
  border:unset;
  border-bottom:1px solid white;
  color:white;
  font-size:15px;
}


.formulario-blog-incrustado textarea{
  margin-top:10px;
}



.formulario-blog-incrustado .privacidadcookies p{
  font-size:15px;
}


.formulario-blog-incrustado input[type=text]::placeholder,
.formulario-blog-incrustado input[type=tel]::placeholder,
.formulario-blog-incrustado input[type=email]::placeholder,
.formulario-blog-incrustado textarea::placeholder{
  color:white;
}

.formulario-blog-incrustado .caja-form{
  background-color: unset;
}

.formulario-blog-incrustado .titulo-formulario-landing,.formulario-blog-incrustado .subtitulo{
  color:white;
  text-align: center;
  font-weight:bold;
}

.formulario-blog-incrustado .titulo-formulario-landing-resaltado{
  color:#ffed02;
}

.formulario-blog-incrustado form>p{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}

.formulario-blog-incrustado form{
  width: 95%;
}
.formulario-blog-incrustado .wpcf7 form>p>br {display:none;}

.formulario-blog-incrustado form .privacidadcookies{
  padding:0;
  width: 32%;
  display:block;
  box-sizing: border-box;  
  color: white;
}
.formulario-blog-incrustado form .info-legal-basic{
  color: white;
}
.formulario-blog-incrustado form input[type=submit]{
  background-color: #ffea2c;
  color: black;
  border: 0px;
}
.formulario-blog-incrustado form>p>span:last-child, .formulario-blog-incrustado form>p>span:last-child textarea{
  width:100%;
}
.formulario-blog-incrustado form .privacidadcookies{
  width: 50%;
}
.formulario-blog-incrustado form .privacidadcookies p a{
  color: #ffed02;
}
@media (max-width: 1024px) {
  .formulario-incrustado-blog{
    height: 500px;
  }
  .formulario-blog-incrustado input[type=text],
.formulario-blog-incrustado input[type=tel],
.formulario-blog-incrustado input[type=email]{
  width: 100%;
}
.formulario-blog-incrustado form .privacidadcookies{
  width: 100%;
}
}
@media (max-width: 768px) {
  .formulario-incrustado-blog{
    height: 560px;
  }
  .formulario-blog-incrustado input[type=text],
.formulario-blog-incrustado input[type=tel],
.formulario-blog-incrustado input[type=email]{
  width: 100%;
}
.formulario-blog-incrustado form .privacidadcookies{
  width: 100%;
}
}

@media (max-width: 480px) {
  .formulario-incrustado-blog{
    height: auto;
  }
  .formulario-blog-incrustado input[type=text],
.formulario-blog-incrustado input[type=tel],
.formulario-blog-incrustado input[type=email]{
  width: 100%;
}
.formulario-blog-incrustado form .privacidadcookies{
  width: 100%;
}
.single-blog-content .elContenido p{
  width: calc(100% +20px);
  font-size: 16px;
  margin-left: -15px;
}
.single-blog-content .elContenido h2{
  width: 100%;
  font-size: 22px;
  margin-left: -15px;
}
.single-blog-content .elContenido h3{
  width: 100%;
  font-size: 19px;
  margin-left: -15px;
}
.espacio{
  height: 0px;
}
.elContenido ul li{
  width: 100%;
  font-size: 16px;
  margin-left: -10px;
}
.elContenido ol li{
  width: 100%;
  font-size: 16px;
  margin-left: -10px;
}
.elContenido>ul, .elContenido>ol {
  margin-left: 0rem; 
}
.elContenido .articlePost h1, h2, h3, h4, h5 {
    margin-bottom: 0rem;
}
.newsletter-form-blog .encabezado-newsletter h3 {
  margin-left: 3px;
  font-size: 20px;
  text-align: center;
}

}
.elContenido>ul, .elContenido>ol {
  font-family: var(--tipoMontserratRegulart);
  margin-left: 0rem; 
}

/* Blog */
.ultimosPost .postGeneral {
  width: 100%;
  background-color: white;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.04);
  transition: transform 0.4s ease-in-out;
  padding-bottom: 15px;
}

.ultimosPost .postGeneral:hover {
  box-shadow: 0 0 17px 0 rgba(9, 42, 155, 0.39);
  transform: scale(1.05);
}

.ultimosPost .postGeneral .imgPostCustom {
  min-height: 14rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ultimosPost .postGeneral .tituloPostCustom {
  font-family: var(--tipoMontserratSemiBold);
  color: black;
  font-size: 20px;
  line-height: 24px;
  margin: 10px 15px;
}

.ultimosPost .postGeneral .tituloPostCustom a {
  color: black;
  text-decoration: none;
}

.ultimosPost .postGeneral .expertPostCustom {
  font-size: 16px;
  line-height: 22px;
  margin: 0 15px;
}

.ultimosPost .postGeneral .postCategoriaCustom {
  font-family: var(--tipoNeueMachinamedium);
  margin: 15px 15px 0;
}

.ultimosPost .postGeneral .postCategoriaCustom a {
  color: var(--primario1);
  text-decoration: none;
}

.ultimosPost .postGeneral .autorcito {
  font-size: 14px;
  margin: 10px 15px;
  color: gray;
}

.ultimosPost .postGeneral hr.blogHr {
  margin: 15px 30px;
  border: 0;
  border-top: 1px solid #e0e0e0;
}
.listing .category-post{
  max-width: 100%;

}
.listing{
  max-width: 100%;
}
.cabeceralisting {
  background: linear-gradient(to right, #160574, #1512f7); 
  padding: 50px 20px;
  text-align: left;
  width: 100%;
  height: 400px;
  overflow-x: hidden;
  margin-bottom: -20px;
  margin-top: -60px;
}

.titulo-listing {
  color: white;
  font-size: 2.5em;
  margin-bottom: 30px;
  margin-top: 150px;
  margin-left: 200px;
}
@media (max-width: 1024px) {
  .listing {
    padding: 0;
}
.titulo-listing {
  margin-left: 100px;
}
.listing .category-post{
  padding: 0 20px;

}
}
@media (max-width: 768px) {
  .listing {
    padding: 0;
}
.listing .category-post{
  padding: 0 20px;

}
}
@media (max-width: 425px) {
  .listing {
      padding: 0;
  }
  .listing .category-post{
    padding: 0 20px;
  
  }
  .titulo-listing {
    margin-left: 60px;
  }
  .listing .row{
    --bs-gutter-x: 0rem;
}
}
@media (max-width: 375px) {
  .listing {
      padding: 0;
  }
  .listing .category-post{
    padding: 0 20px;
  
  }
  .titulo-listing {
    margin-left: 50px;
  }
  .listing .row{
    --bs-gutter-x: 0rem;
}
}
@media (max-width: 320px) {
  .listing {
      padding: 0;
  }
  .listing .category-post{
    padding: 0 20px;
  
  }
  .titulo-listing {
    margin-left: 28px;
  }
  .listing .row{
    --bs-gutter-x: 0rem;
}
}

/*Auditoria Gratis Cabecera*/

.cabeceraauditoria {
  background: linear-gradient(to right, #160574, #1512f7); 
  padding: 50px 20px;
  text-align: left;
  width: 100%;
  min-height: 450px;
  overflow-x: hidden;
  margin-bottom: -20px;
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.subtitulo-auditoria {
  color: white;
  font-size: 1.7em;
  margin-left: 160px;
}

.titulo-cabecera-auditoria {
  color: white;
  font-size: 2.5em;
  margin-bottom: 30px;
  margin-left: 160px;
}

.titulo-cabecera-auditoria span {
  color: #ffea2c;
}

.titulo-seccion-auditoria {
  font-weight: bold;
  font-size: 2.2em;
}

.titulo-seccion-auditoria span {
  color: blue;
}
.p3-seccion-auditoria span {
  font-weight: bold;
}

.titulo-seccion-auditoria p {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
}
.contenido-auditoria{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 100px;
}
.section-wrapper-auditoria{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.texto-intro-auditoria{
  color: white;
}
.contacto-auditoria {
  height: 300px;
  background-color: var(--acento);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: linear-gradient(to right, #160574, #1512f7); 
}

.contacto-auditoria .titulo-contacto-auditoria {
  font-size: 2em;
  font-family: var(--tipoNeueMachina-bold);
  color: #ffea2c;
}

.contacto-auditoria .texto-intro-auditoria {
  color: white;
}

.contacto-auditoria .btn-auditoria-container {
  display: flex;
  justify-content: center;
  column-gap: 60px;
}

.contacto-auditoria .btn-auditoria-container button {
  padding: 10px 15px;
  border: 2px solid white;
}
.btn-telefono-auditoria{
  background: transparent;
}
.btn-correo-auditoria{
  background-color: white;
}
.contacto-auditoria .btn-auditoria-container .btn-telefono-auditoria a {
  text-decoration: none;
  font-size: 18px;
  font-family: var(--tipoMontserratMedium);
  color: white;
}
.contacto-auditoria .btn-auditoria-container .btn-correo-auditoria a {
  text-decoration: none;
  font-size: 18px;
  font-family: var(--tipoMontserratMedium);
  color: #1512f7;
}
.btn-auditoria-container{
  margin-top: 20px;
}

.contacto-auditoria .btn-auditoria-container button:hover {
  border-color: white;
  background-color: white;
}

.contacto-auditoria .btn-telefono-auditoria a {
  color: var(--acento);
}

.contacto-auditoria .btn-telefono-auditoria:hover a {
  color: black;
}
.p1-seccion-auditoria{
  padding: 0px 40px;
}
.p2-seccion-auditoria{
  margin-bottom: 0px;
}

@media (max-width: 1024px) {
  .titulo-seccion-auditoria {
    margin-bottom: 10px;
  }
  .cabeceraauditoria {
    background: linear-gradient(to right, #160574, #1512f7); 
    padding: 50px 20px;
    text-align: center;
    width: 100%;
    height: 280px;
    margin-bottom: -20px;
    margin-top: -70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .subtitulo-auditoria {
    color: white;
    font-size: 1.5em;
    margin-left: 0px;
  }
  
  .titulo-cabecera-auditoria {
    color: white;
    font-size: 2.3em;
    margin-bottom: 30px;
    margin-left: 0px;
  }
}
@media (max-width: 768px) {
  .cabeceraauditoria {
    background: linear-gradient(to right, #160574, #1512f7); 
    padding: 50px 20px;
    text-align: center;
    width: 100%;
    height: 300px;
    overflow-x: hidden;
    margin-bottom: -20px;
    margin-top: -70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .subtitulo-auditoria {
    color: white;
    font-size: 1.5em;
    margin-left: 0px;
  }
  
  .titulo-cabecera-auditoria {
    color: white;
    font-size: 2.3em;
    margin-bottom: 30px;
    margin-left: 0px;
  }
  .contenido-auditoria{
    padding: 0 0px;
  }
}
@media (max-width: 425px) {
  .cabeceraauditoria {
    background: linear-gradient(to right, #160574, #1512f7); 
    padding: 50px 20px;
    text-align: center;
    width: 100%;
    height: 300px;
    margin-bottom: -20px;
    margin-top: -70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cabeceraauditoria div{
    margin-top: 60px;
  }
  .subtitulo-auditoria {
    color: white;
    font-size: 1.4em;
    margin-left: 0px;
  }
  
  .titulo-cabecera-auditoria {
    color: white;
    font-size: 2em;
    margin-bottom: 30px;
    margin-left: 0px;
  }

  .titulo-seccion-auditoria {
    margin-bottom: 10px;
  }
  .contenido-auditoria{
    padding: 0 0px;
  }
  .contacto-auditoria .btn-auditoria-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    column-gap: 60px;
  }
  .contacto-auditoria {
    height: 350px;
  }
  
  .contacto-auditoria .titulo-contacto-auditoria {
    font-size: 1.5em;
    margin-bottom: 5px;
  }
  .contacto-auditoria .btn-auditoria-container button {
    padding: 10px 15px;
    border: 2px solid white;
    width: 80%;
  }
  .contacto-auditoria .btn-auditoria-container .btn-telefono-auditoria a {
    font-size: 14px;
  }
  .contacto-auditoria .btn-auditoria-container .btn-correo-auditoria a {
    font-size: 14px;
  }
  .btn-correo-auditoria{
    margin-bottom: 10px;
  }
  .espacio-auditoria{
    height: 0px;
  }
  .p1-seccion-auditoria {
    padding: 0px 0px; 
}
}
@media (max-width: 375px) {
  .cabeceraauditoria {
    background: linear-gradient(to right, #160574, #1512f7); 
    padding: 50px 20px;
    text-align: center;
    width: 100%;
    height: 300px;
    margin-bottom: -20px;
    margin-top: -70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cabeceraauditoria div{
    margin-top: 60px;
  }
  .subtitulo-auditoria {
    color: white;
    font-size: 1.4em;
    margin-left: 0px;
  }
  
  .titulo-cabecera-auditoria {
    color: white;
    font-size: 2em;
    margin-bottom: 30px;
    margin-left: 0px;
  }

  .titulo-seccion-auditoria {
    margin-bottom: 10px;
  }
  .contenido-auditoria{
    padding: 0 0px;
  }
  .contacto-auditoria .btn-auditoria-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    column-gap: 60px;
    
  }
  .contacto-auditoria {
    height: 350px;
  }
  
  .contacto-auditoria .titulo-contacto-auditoria {
    font-size: 1.5em;
    margin-bottom: 5px;
    padding: 15px;
  }
  .texto-intro-auditoria{
    padding: 15px;
  }
  .contacto-auditoria .btn-auditoria-container button {
    padding: 10px 15px;
    border: 2px solid white;
    width: 80%;
  }
  .contacto-auditoria .btn-auditoria-container .btn-telefono-auditoria a {
    font-size: 14px;
  }
  .contacto-auditoria .btn-auditoria-container .btn-correo-auditoria a {
    font-size: 14px;
  }
  .btn-correo-auditoria{
    margin-bottom: 10px;
  }
  .espacio-auditoria{
    height: 0px;
  }
  .p1-seccion-auditoria {
    padding: 0px 0px; 
}
}
@media (max-width: 320px) {
  .cabeceraauditoria {
    background: linear-gradient(to right, #160574, #1512f7); 
    padding: 50px 20px;
    text-align: center;
    width: 100%;
    height: 300px;
    margin-bottom: -20px;
    margin-top: -70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cabeceraauditoria div{
    margin-top: 60px;
  }
  .subtitulo-auditoria {
    color: white;
    font-size: 1.4em;
    margin-left: 0px;
  }
  
  .titulo-cabecera-auditoria {
    color: white;
    font-size: 2em;
    margin-bottom: 30px;
    margin-left: 0px;
  }

  .titulo-seccion-auditoria {
    margin-bottom: 10px;
  }
  .contacto-auditoria .btn-auditoria-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    column-gap: 60px;
  }
  .contacto-auditoria {
    height: 350px;
  }
  
  .contacto-auditoria .titulo-contacto-auditoria {
    font-size: 1.5em;
    margin-bottom: 5px;
  }
  .contacto-auditoria .btn-auditoria-container button {
    padding: 10px 15px;
    border: 2px solid white;
    width: 80%;
  }
  .contacto-auditoria .btn-auditoria-container .btn-telefono-auditoria a {
    font-size: 14px;
  }
  .contacto-auditoria .btn-auditoria-container .btn-correo-auditoria a {
    font-size: 14px;
  }
  .btn-correo-auditoria{
    margin-bottom: 10px;
  }
  .espacio-auditoria{
    height: 0px;
  }
  .p1-seccion-auditoria {
    padding: 0px 0px; 
}
}


/**************************************************************
NUEVA HOME 2025
**************************************************************/
.section-wrapper.fondo-claro.cajas-megacontainer {
  padding-bottom: 50px;
  padding-top: 50px;
}

/* PRIMER BLOQUE */
.img-movimiento-1 {
  text-align: center;
  margin-bottom: 50px;
}

/* SECCION METODOLOGIA */
.section-wrapper-personalizada .columns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.nueva-estructura-container .section-wrapper-personalizada > .default-width {
  width: 1280px;
  margin: auto;
}

.nueva-estructura-container .section-wrapper-personalizada .columns > .section-title {
  width: 35%;
}

.nueva-estructura-container .section-wrapper-personalizada .columns > .section-content {
  width: 56%;
}

.section-wrapper-personalizada .step-container .step-item {
  position: relative;
  margin-top: 55px;
  width: 43%;
}

@media (max-width: 1600px) {
  .nueva-estructura-container .section-wrapper-personalizada > .default-width {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .nueva-estructura-container .section-wrapper > div.default-width.columns {
    width: 100%;
    padding-left: 200px;
    padding-right: 200px;
  }
}

@media (max-width: 1050px) {
  /* Titulo Home */
  .titulo-home2025 {
    text-align: center !important;
  }
  .nueva-estructura-container .section-wrapper-personalizada .columns > .section-title,
  .nueva-estructura-container .section-wrapper-personalizada .columns > .section-content {
    width: 100%;
  }
  .nueva-estructura-container .section-wrapper > div.default-width.columns {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
  }
  .section-wrapper.fondo-claro.cajas-megacontainer{
    padding-bottom: 0px;
  }
}

@media (max-width: 850px) {
  .nueva-estructura-container .section-wrapper-personalizada > .default-width{
    padding-left: 60px;
    padding-right: 60px;
  }
  .nueva-estructura-container .section-wrapper > div.default-width.columns {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 700px) {
  .step-container .step-item {
    width: 100%;
  }
  .section-wrapper-personalizada .step-container .step-item{
    width: 100%;
  }
  .nueva-estructura-container .section-wrapper > div.default-width.columns {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* BLOQUE AYUDA DIGITAL */
.bloque-ayuda-digital {
  margin: 70px 0px;
}
/* 
.nueva-estructura-container .section-wrapper > .default-width {
  width: 1280px;
  margin: auto;
}
*/

/* BLOQUE ICONOS */

.elemento-todas2025 p {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin: 0px; 
}

@media (max-width: 425px) {
  .elemento-todas2025 {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20px;
  }
  .elemento-todas2025 p{
    font-size: 16px;
  }
  .section-wrapper.fondo-claro.cajas-megacontainer{
    margin: 0px;
  }

  article.section-content.version2025 > div {
    display: flex;
    flex-direction: column;
  }
  .columnas {
    flex-wrap: wrap;
    justify-content: space-around !important;
    display: flex;
  }

  .columna1 img, .columna2 img {
    width: 125px !important;
    height: auto;
    filter: grayscale(1);
  }
  .default-width.full-width.inner-padd.prev-margin.margen-edit {
    padding-top: 50px;
  }

}


@media (max-width: 991px) {
  .pre-footer.cta-final .section-title a {
      margin-top: 20px;
  }
}


/*Pagina de quienes somos*/

.cabeceraQuienesSomos {
  background: black;  
  padding: 100px 20px;
  text-align: left;
  width: 100%;
  height: 600px;
  overflow-x: hidden;
  margin-bottom: -20px;
  margin-top: -60px;
}

.cabeceraQuienesSomos h1.titulo-quienesSomos {
  color: white;
  font-size: 2.5rem;
  margin-bottom: 30px;
  margin-top: 150px;
  text-align: left;
  font-weight: 600;
}

.cabeceraQuienesSomos .subtitulo-quienesSomos {
  font-family: var(--tipoNeueMachinamedium);
  color: white;
  font-size: 1.8rem;
  line-height: 1.6;
}

.cabeceraQuienesSomos .texto-variableCabecera {
  background-color: white;
  color: black; 
  font-weight: bold;
  padding: 0 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Responsive */
@media (max-width: 1024px) {
  .cabeceraQuienesSomos {
    height: 520px; 
    padding: 80px 20px;
    text-align: center;
  }

  .cabeceraQuienesSomos h1.titulo-quienesSomos {
    font-size: 2em;
    margin-left: 20px; 
    margin-top: 120px; 
  }

  .cabeceraQuienesSomos .subtitulo-quienesSomos {
    font-size: 1.2em; 
    margin-left: 20px; 
  }
}

@media (max-width: 768px) {

  .cabeceraQuienesSomos {
    height: 520px; 
    text-align: center;
    margin-top: -70px;
  }

  .cabeceraQuienesSomos .section-wrapper > .default-width {
        padding-left: 0;
        padding-right: 0;
  }

  .cabeceraQuienesSomos h1.titulo-quienesSomos {
    font-size: 1.6em; 
    line-height: 1.6;
    margin-left: 10px; 
    margin-top: 100px; 
  }

  .cabeceraQuienesSomos .subtitulo-quienesSomos {
    font-size: 1.1em; 
    margin-left: 10px; 
    text-align: left;
  }
}

@media (max-width: 320px) {
  .cabeceraQuienesSomos {
    height: 400px; 
    text-align: center;
  }

  .cabeceraQuienesSomos h1.titulo-quienesSomos {
    font-size: 1.5em; 
    margin-left: 5px; 
    margin-top: 80px; 
  }

  .cabeceraQuienesSomos .subtitulo-quienesSomos {
    font-size: 1em; 
    margin-left: 5px;
  }
}

#conocenos.section-wrapper .columns {align-items: unset;}

  .divFlotantelinksHola {
      font-size: 32px;
      line-height: 1.3;
      font-family: var(--tipoNeueMachina-bold);
      text-align: left;
      margin-bottom: 24px;            
  }
  .flotanteAzul{color: var(--primario1);}
  .flotanteNegro{color: black;}
  .texto-variable {  
      background-color: black;  color: white;  font-weight: bold;  padding: 0 5px;  transition: background-color 0.3s ease, color 0.3s ease;
  }
  p {
      font-size: 16px;
      line-height: 1.3;
      font-family: var(--tipoMontserratRegulart);
  }
  .itemAcordeon {
      border-bottom: 1px solid var(--primario1);
      padding-bottom:10px;
      margin-bottom:20px;
  }
  .contenidoPaso {
      max-height: 0; 
      overflow: hidden; 
      transition: max-height 0.3s ease-out; 
      margin-bottom: 0;
      color:black;
  }

  .contenidoPaso.activo {
      max-height: 100px;
      padding-top: 15px;
  }

  .tituloPaso {
      cursor: pointer;
      margin-bottom: 0;
      font-weight: 600;
  }

#nuestroEquipo .tituloSeccion,
#metodologia .tituloSeccion  {font-weight: 600;}
#nuestroEquipo .destacadoAzul,
#metodologia .destacadoAzul {font-family: var(--tipoNeueMachinamedium);color: var(--primario1);font-weight: 600;font-size: 28px;}

#nuestroEquipo .cajasImagenes {
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}
#nuestroEquipo .carruselIndividual {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; 
}
#nuestroEquipo .itemEquipo {position: relative;padding: 15px;text-align: center;box-sizing: border-box;}
#nuestroEquipo .itemEquipo .infoEquipo {position: absolute;bottom: 0; left:0; width: 100%; padding:10px; border-top-right-radius: 20px; border-top-left-radius: 20px; background-color:black;display:none;color:white;}
#nuestroEquipo .itemEquipo:hover .infoEquipo {display: block;}
#nuestroEquipo .itemEquipo .infoEquipo .nombreEquipo,
#nuestroEquipo .itemEquipo .infoEquipo .posicionEquipo {color:white;margin-bottom;}
#nuestroEquipo .itemEquipo .infoEquipo .contactoEquipo {margin-top:5px;}
#nuestroEquipo .itemEquipo .infoEquipo .contactoEquipo a {color:white;font-size:12px;}

#metodologia {margin:100px 0;}

#metodologia .metodologias {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap:30px 75px;
}

#metodologia .metodologias .metodologiaItem {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: fit-content;
  margin: 20px 0;
}

#metodologia .metodologias .metodologiaItem .tituloMetodologia {
  font-family: var(--tipoMontserratExtraBold);color: var(--primario1);font-weight: 900;font-size: 32px;  
}
#metodologia .metodologias .metodologiaItem .contenidoMetodologia {
  font-family: var(--tipoMontserratRegulart);color: black;font-weight: 600;font-size: 16px;  
}
button.pruebanos {
  background-color: var(--primario1);
  border-color: var(--primario1);
  padding:5px 15px;
  display: block;
  margin: 15px auto;
}

@keyframes giroZoom {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    25% {
        transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
    }
    50% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    75% {
        transform: translate(-50%, -50%) rotate(-45deg) scale(1.2);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1); 
    }
}

#metodologia .metodologias .metodologiaItem:before {
  content: "y";
  position: absolute;
  display: block;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.3;
  color:var(--primario1);
  opacity:.3;  
}


#metodologia .metodologias .metodologiaItem.tipoO:before {
  content: "O";
}
#metodologia .metodologias .metodologiaItem.tipoS:before {
  content: "S";
}
#metodologia .metodologias .metodologiaItem.tipoE:before {
  content: "E";
}

#metodologia .metodologias .metodologiaItem::before {
  animation: giroZoom 7s ease-in-out infinite;
}

button.pruebanos:hover {background-color:black;}

button.pruebanos a {color:white;text-decoration: none;}


@media (max-width: 680px) {
  .spacio30,.spacio20,.spacio10 {display:none;}
  .divFlotantelinksHola {font-size: 24px;}
  #nuestroEquipo .default-width {padding-left:15px;padding-right: 15px;}
  #nuestroEquipo .tituloSeccion, #metodologia .tituloSeccion {font-size: 26px;}
  #nuestroEquipo .destacadoAzul, #metodologia .destacadoAzul {font-size: 20px;}
  #conocenos p {text-align: justify;}
  #metodologia .metodologias {justify-content: flex-start; padding-left: 20px;}
  #metodologia .metodologias .metodologiaItem {width:fit-content;}
  #metodologia .metodologias .metodologiaItem:first-child {order:1;}
  #metodologia .metodologias .metodologiaItem:nth-child(2) {order:3;}
  #metodologia .metodologias .metodologiaItem:nth-child(3) {order:2;margin-left:30%}
  #metodologia .metodologias .metodologiaItem:nth-child(4) {order:5;}
  #metodologia .metodologias .metodologiaItem:nth-child(5) {order:4;margin-left:30%}
  #metodologia .metodologias .metodologiaItem .tituloMetodologia {font-size: 26px;}
  #metodologia .metodologias .metodologiaItem .contenidoMetodologia {font-size: 14px;}

  #nuestroEquipo .cajasImagenes {
    display: block; 
    gap: 0; 

  }

  #nuestroEquipo .carruselIndividual {
/*     display: flex; 
    overflow-x: scroll; */ 
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory; 
    gap: 0; 
    margin-bottom: 0px; 
    padding-bottom: 0px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  #nuestroEquipo .carruselIndividual {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        justify-items: center;
  }

  #nuestroEquipo .carruselIndividual::-webkit-scrollbar {display: none;}

  #nuestroEquipo .itemEquipo {
    max-width: calc((100vw / 2) - 30px - 45px); 
    padding:0;
    scroll-snap-align: start; 
    margin-right: 0; 
    flex-shrink: 0; 
  }    
  #nuestroEquipo .carruselIndividual .itemEquipo:first-child {}
  #nuestroEquipo .carruselIndividual .itemEquipo:last-child {}


  /* Información Equipo */

  #nuestroEquipo .itemEquipo .infoEquipo{
    min-height:128px;
  }
  #nuestroEquipo .itemEquipo .infoEquipo .nombreEquipo{
    font-size:13px;
  }
  #nuestroEquipo .itemEquipo .infoEquipo .posicionEquipo{
    /* display:none; */
    margin-top: 5px;
    font-size: 13px;
  }

  #nuestroEquipo .itemEquipo .infoEquipo .contactoEquipo a.email-texto {
    display: none;
  }

    #nuestroEquipo .itemEquipo .infoEquipo .contactoEquipo a.email-icono{
      width: 22px;
  }


}

@media(min-width:680px){
  #nuestroEquipo .itemEquipo .infoEquipo .contactoEquipo a.email-icono{
    display: none;
  }
  #nuestroEquipo .itemEquipo .infoEquipo .contactoEquipo a.email-texto{
    display: block;
  }

}


.colocar_titulo .titulo-seccion-2025 {
    text-align: right !important; 
}
    .columna1 img{
        margin-top: 25px;
    }
    
    .nueva-estructura-container .seccion-fondo-negro .section-content .inner-title:before {
    display:none;
}

.nueva-estructura-container .section-wrapper .columns > .section-title {
    width: 40%;
    position: relative;  
    margin-top: -130px; 
}

.nueva-estructura-container .section-wrapper .columns > .section-title.primero {

    margin-top: unset; 
}

/* Título parche */
.titulo-parche{
  margin-top:130px;
}


.nueva-estructura-container .seccion-fondo-negro {
    background-color: black;
    color: white;
    padding-bottom: 0px;
    padding-top: 40px;
    position: relative;  
}

.nueva-estructura-container .section-wrapper .columns > .section-content {
    width: 50%;
}


.nueva-estructura-container .section-wrapper.seccion-fondo-negro .columns > .section-title {
    width: 35%;
}
.nueva-estructura-container .section-wrapper.seccion-fondo-negro .columns > .section-content {
    width: 60%;
}


.columnas {
    display: flex;
    margin-bottom: 0px;  
    justify-content: center;
    margin-bottom: 75px;
}

.columna1, .columna2 {
    width: 20%;
}


.columna1 img, .columna2 img {
    width: 175px;
    height: auto;
    filter: grayscale(1);
}
@media (max-width: 425px) {
    .columna1 img, .columna2 img {
        width: 125px;
        height: auto;
        filter: grayscale(1);
  }
}

.nueva-estructura-container .section-wrapper {
    position: relative;
}

.titulo-herramientas-2025 {
    font-family: var(--tipoNeueMachinamedium);
    text-align: right;
    color: yellow;
    font-size: 30px;
    display: inline-block;
    margin-right: 10px;
}

.titulo-partners-2025 {
    font-family: var(--tipoNeueMachinamedium);
    color: white;
    font-size: 35px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}



@media (max-width: 1024px) {
    .nueva-estructura-container .section-wrapper .columns > .section-title {
    width: 35%;
    position: relative;
    margin-top: 0px; 
}
    .columnas {
        flex-wrap: wrap;
        justify-content: center;
    }

    .columna1, .columna2 {
        width: 40%;
        text-align: center;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .columna1, .columna2 {width: 45%;font-size: 20px;}
    .nueva-estructura-container .section-wrapper .columns > .section-title {
      width: 35%;
      position: relative;
      margin-top: 0px;
    }
    .xs-hidden {display: none!important;}
}

@media (max-width: 480px) {
    
    .section-content.version2025 > div {
        margin-left: 0!important;
    }
    .columnas .columna1, .columnas .columna2 {
        padding-right: 30px;
    }
    .columna1, .columna2 {
        width: 45%;
        font-size: 18px;
    }
    .nueva-estructura-container .section-wrapper .columns > .section-title {
      width: 35%;
      position: relative;  /* Evita que el título se quede fijo al hacer scroll */
      margin-top: 0px;
  }
  .titulo-partners-2025 {
      padding-right: 0;
  }

}





/* FAQS 2025 */

.acordeon-item .title-faq{
  color:#000;
  font-size:20px;
 margin-bottom:unset;
}

.acordeon-item.activo .title-faq{
  color:#FFEB00;
   
}



/* Mega Menú 2025 */

.megaMenu .fa-solid.fa-chevron-right{
  color:#0000FF;
}

html body .megaMenu .dosTercios {
  width:66%!important;
}




/* CORRECCIONES BECARIOS DE KK */


@media(max-width:580px){
  .nueva-estructura-container .section-wrapper .post-margin{
    margin-top:60px;
    margin-bottom:60px;
  }

  .nueva-estructura-container .seccion-fondo-negro .section-content > div:not(.contadores) {
    margin-left: 0px;
  }


  .seccion-fondo-negro .columns{
    padding-top:0px!important;
    padding-bottom:0px!important;
    gap:0;
  }

  .seccion-fondo-negro .columnas{
    margin-bottom:0px;
  }

  .seccion-fondo-negro .columna1 img{
    margin-top:0px;
  }


}

.nueva-estructura-container .section-wrapper .columns > .section-title{
  margin-top:0px;
  top:0;
}