/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

@import url('https://fonts.googleapis.com/css?family=Bitter:wght@300;400;700;800&display=swap|Open+Sans:300,400,400i,700,800');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Cinzel&family=EB+Garamond:ital@1&family=Secular+One&display=swap');

@import url('https://cdn-uicons.flaticon.com/uicons-solid-straight/css/uicons-solid-straight.css');
@import url('https://cdn-uicons.flaticon.com/uicons-solid-rounded/css/uicons-solid-rounded.css');
@import url('https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css');


/* ================ COLORES ================ */


 




 











  /* corporativos */
  .azul{background: #2FC8D3 ;}
  .rosa{background:#FF007E !important;}
  .amarillo{background: #FFF000;}
  .blanco, #taco-blanco{background: #ffffff ;}

  /* grises */
  .gris-claro{background:0 ;} /* Iconos de fondo */
  .gris-claro-taco, .formulario{background:#F7F7F7 ;} /* Fondo web, formulario */
  .gris-medio{background:0 ;} /* Tipografia general */
.gris-oscuro{background: 0 ;}


/* ================= ESTILOS PRINCIPALES  ================ */

* {padding:0; margin:0;}
html {font-size:16px;}
body {font-family: 'Open Sans', sans-serif; font-size:16px; background: #F7F7F7 ; color:#707070 !important;}
.main{max-width:1400px; margin:0 auto !important;text-align:inherit;padding:100px 10px;float: none !important;}
.main-p{max-width:1400px; margin:0 auto !important;text-align:inherit;padding:50px 10px;float: none !important;}


.body-container{padding:0 !important;}

.separador{
  height: 4px;
  margin: 5% 0;
  background: transparent;} 
.centrado{text-align:center;}

body.pag-interior{background:#ffffff;padding:0;}




/* ================ TEXTOS ================*/
p{
  font-size:16px;
  padding-bottom:15px !important;
  margin:0 !important;
  color:#585858;
}
h1, h2, h3, h4{color:#585858;}
h1 {font-size: 80px; font-weight: 900; line-height: 6vw; color: #2FC8D3; }
h2 {font-size:40px; text-transform: inherit; font-weight: 700; letter-spacing: 1px; line-height: 50px;text-align:center;}
h3{font-size: 24px;font-weight:600 !important;padding: 20px 0;line-height:33px;}
h4{font-size: 22px;font-weight:900 !important;padding: 20px 0;line-height:33px;font-family: 'Bitter', san-serif; }

.negrita{font-weight:600 !important;}
.centrado{text-align:center;}

.titulo-principal p, p.grande{
  font-size:25px;
  line-height:34px;
}
.titulo-principal p{ width:90%;}
#cabecera .titulo-principal h1{
padding: 8% 0 !important;
}
p.linea{
  font-size: 25px;
    line-height: inherit;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
p.linea:after{
    content: ' ';
    width: 100%;
    height: 10px;
  background:  #FFF000;
    position: absolute;
    bottom: 24px;
    /* padding-right: 50px; */
    right: -30px;
    z-index: -1;
}
a:hover{color: #FF007E;}

#cabecera .texto h1{
  color:#ffffff !important;
  font-weight:400 !important;
   width: 100%; 
  line-height: 76px !important; 
  padding: 20px 0; 
  padding-top: 0; 
  font-size: 65px !important;
}

#cabecera .texto p, #cabecera .texto h2{
color:#ffffff !important;
font-size:28px !important;
  text-transform: inherit; font-weight: 400; letter-spacing: 0; line-height: 39px;text-align:left; 
}

#footer .t-azul{text-align:right;}

#footer p{font-size:14px !important;padding-left:15px;padding-bottom:7px !important}
#footer h4{padding-bottom:10px;}
#footer .trabaja h4{padding:0; margin:0;}
#footer .legal p{
  font-size:13px !important;
  color: #707070 !important;
}
#footer .boton.rosa{
  width:auto;margin-top:30px;display: inline-block;font-size:15px !important;
}
#footer .t-azul a{font-size:18px !important; color: #2FC8D3; text-align:right;}

.galeria h2{margin-bottom:30px;}


.formulario h2{text-align:left; font-size:22px !important;font-weight:900 !important;margin-bottom:0;padding-bottom: 5px;}
.formulario input, .formulario textarea{
border:1px solid #f7f7f7;

}

.ta-texto p{
  color: #fff;
  font-size: 60px;
  line-height: 72px;
}
 .img-fondo-texto p{
  font-size:35px; text-transform: inherit; font-weight: 400;  line-height: 47px;
} 
.pag-interior .img-fondo-texto p, .productos .img-fondo-texto p, .diccionario .img-fondo-texto p{
  font-size:27px !important; text-transform: inherit; font-weight: 400; line-height: 38px; 
}
/* .frase{
  margin-top:50px;
} */
.frase {
  display:flex;
  align-items:baseline;

}
.frase f-gris{
  display:flex;
  align-items:baseline;
  background: #f7f7f7;
  padding: 0px 20px 30px 20px;
}

.frase i{
  font-size: 100px;
  color: #FFF000;
  opacity: 0.6;
}
.frase i.i-rosa{
  font-size: 100px;
  color: #FF007E;
  opacity: 0.6; 
}
.frase h4 {font-size:28px;line-height:37px;font-weight:400 !important;}
/* .frase p:before{
  content: '"';
  font-size: 220px;
  color: #FFF000;
  line-height: 0;
  font-family: 'Amatic SC', cursive;
  font-weight: 700;
  margin-bottom: 0px;
} */

body.pag-interior h2, body.productos h2{
  font-size:30px;
  line-height:41px;
}
.enlaces h2{text-align:left;}
.enlaces .texto{ margin-left:10px;font-size:16px;}
.grande p{font-size:24px;line-height:35px;}

/* ================ BOTONES ================ */

/* .boton, a.cta_button.rosa, .boton.gris-claro-taco, .hs-cta-wrapper a { */
  .boton, a.cta_button.rosa, .boton.gris-claro-taco, .hs-cta-wrapper a {
  padding: 3px 20px!important;
  border-radius:50px !important;
  margin:20px 0px !important;
  display:inline-block; 
  font-size:16px!important; 
  width:auto !important;
  transition: 0.2s;
  font-size:16px !important;
    line-height:28px !important; 
}
a.cta_button.rosa{line-height: 24px !important;}
.boton.blanco{font-size:16px;border: 1px solid #e8e8e8;}
/* a.cta_button.rosa,  .hs-cta-wrapper a{padding:inherit !important;} */

.boton a{color:#707070;text-decoration:none;}
 

.boton.rosa a, .boton.azul a{color: #ffffff !important;}
a.hs-button, .hs-button {line-height: 1.8em;}
.boton.rosa:hover, .boton.blanco:hover, .boton.gris-claro-taco:hover, .hs-cta-wrapper:hover a{background: #EFEFEF !important; }
.boton.rosa:hover a, .boton.blanco:hover a, .boton.gris-claro-taco:hover a, .hs-cta-wrapper:hover a{color:  #585858  !important;} 

/* .boton.rosa:hover, .boton.blanco:hover, .boton.gris-claro-taco:hover{background:transparent !important } */ 

/* .boton.rosa:hover {color: #FF007E;} */
.ta-texto .boton.blanco, .boton.azul{border:none !important;display:inline-block !important;} 


/* .hs_cos_wrapper{margin:20px 0px !important;display:inline-block !important;}  */ 
.hs-cta-wrapper > .hs-cta-node > a{margin:20px 0px !important;}
.hs-cta-wrapper > .hs-cta-node > a.cta_button > div{padding-top:3px !important;padding-bottom:3px !important;} 

#header .boton, #header a.cta_button.rosa{
  margin:0 !important;
}
#header .idiomas{
    padding-right: 15px;
    padding-left: 0;
}
.cta_button.blanco i, .boton.blanco i{

  color:#585858 !important; margin-right:8px; 
}




.main-p._loop > div , .main._loop > div{overflow:hidden;}

/* ================ HEADER ================ */

.header-container{padding:0px !important;}
#header{background: #ffffff ;}
#header .main{padding:3px 10px !important;}
.logo{text-align:left;}
.logo img{max-width:140px;margin-top: 0 !important}

#header .row-fluid{
  display:flex;
  justify-content: space-between;
  align-items:center; 
}




/* ================ FOOTER ================ */


#footer .main{max-width:1200px; margin: 0 auto;}

.footer-container-wrapper{margin-top:0;}
.footer-container.container-fluid{padding:0;}
 
#footer .redes{
  display:flex;justify-content:flex-end;align-items:bottom;font-size: 30px;margin-bottom:10px;
}
#footer .redes i{margin:8px;padding:0px 5px;font-size:20px}
#footer{
  position: relative;
  overflow: hidden;
} 
#footer .main{padding-bottom:0px;padding-top:50px;}

#footer .logo-footer img{ 
    position: absolute;
   width: 700px !important;
    opacity: .2;
    bottom: -40px;
    overflow: hidden;
    right: 0;
}
#footer .tablet-none{display:block;}
#footer  .tablet-display{display:none;}

.subir{
    bottom: 110px;
    right: 30px; 
    position: fixed;
    display:none;

}.subir i {
    background: #e8e8e8;
    color: #585858;
    font-size: 28px; 
    padding: 14px 19px;
    border-radius: 50%;
/*     box-shadow: 0px 0px 16px -5px rgb(0,0,0,0.20); */ 
}
.visible {display: block !important;}
.linea{
    width: 100%;
    height: 1px;
  background: #EFEFEF;
    margin: 40px 0px;
}
#footer .accordion-button{color: #585858  !important;}


/*================ CABECERA ================*/

#cabecera{
/*   background: url(https://tiralineas.digital/hubfs/WEB-nueva/textura-cabecera.jpg);
  background-repeat:no-repeat;
  background-size:auto; */
  position:relative; 
   height:500px;  
  overflow:hidden; 
 
  
 
} 
.pag-home #cabecera{

/*   background: #2FC8D3; */
   background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);    
	background-size: 400% 400%; 
	animation: gradient 10s ease infinite; 
/* 	height: 100vh; */
}
 @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
  15%{
    background-position: 0% 50%;
  }
	50% {
		background-position: 100% 50%;
	}
  100% {
		background-position: 0% 50%;
	}
	85% { 
		background-position: 0% 50%;
	} 
} 



.pag-home #cabecera_home .curva-l-blanco .svg1, .pag-home #cabecera_home, #taco-onda .curva-l-blanco .svg1{  
  height: 80vh !important;
   
}
#taco-onda{position:relative;}
#taco-onda .curva-l-blanco .svg1{ 
  z-index:0;
  transform: rotate(360deg);
  margin-top: -50px; 
} 
.pag-home #cabecera_home{padding:20px 0px;}

.pag-home #cabecera_home h1{font-size:80px;margin-bottom:30px;}

.pag-home #cabecera_home h2{
font-size: 32px;
  font-weight:400;
}.pag-home #cabecera_home h2 strong{font-family: 'Bitter', san-serif; font-weight:900;}

.pag-home #cabecera_home p{
  font-size:26px;
  
}
.pag-home #cabecera_home p span{
  font-family: 'Bitter', san-serif; font-weight:900;margin-right:30px;
}
.pag-home #cabecera_home p i{color: #585858;margin-left:5px; }

#cabecera img.gif{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 550px;
  
}
#cabecera .texto{
  position:absolute; top:0;
  color:#ffffff !important;
  z-index:1;
  max-width:1400px;
  left: 50%;
  top: 50%;transform: translate(-50%, -50%); 
  padding-left:15px;
  
}

.pag-home #cabecera_home img{
  position: relative;
  animation-name: mouseScroll;
  animation-duration: 1.3s;
  animation-iteration-count: infinite; 
}

@keyframes mouseScroll {
  0%   {top:0px;}
  50%  {top:15px;}
  100% {top:0px;}
}

.nivel1 #cabecera{
  position: relative;
  height: inherit;
  overflow: inherit;
  margin-bottom:50px;
}
.nivel1 #cabecera img{
  position:inherit;
  overflow:inherit;
}
.img-principal img{
  max-width:inherit !important;
     height: auto;
    object-fit: cover;

}

#f-gris-claro{background: #FBFBFB; }
.taco-blanco, #taco-blanco{
  background: #ffffff;
}



.pag-home h2{
  font-family: 'Bitter', san-serif;
  font-size:40px;
  font-weight:400;
}

.pag-home #cabecera_home .main{
  position: absolute;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.servicios_col{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  margin-top:30px;  
}
.servicio, .pag-home .producto{
 text-align: center;
}
.servicio_icono{ 
  background: white;  
  padding:35px; 
  border-radius:50%;
  display:inline-block;
  box-shadow: 2px 2px 8px rgb(0 0 0 / 31%);
  font-size: 45px;
  line-height: 24px;
  transition:0.3s;
}
.servicio_icono img{width: 50px;}
.servicio p{font-size:14px; line-height:24px;}
.servicios h3{font-size:18px;padding-bottom: 5px; padding-top: 21px; font-family: 'Open Sans', sans-serif;font-weight:400 !important; line-height:24px}  
.servicios h4{text-align:center;}
 

.servicio .icono_1 i{color: #82DEE5;} 
.servicio .icono_2 i{color: #2FC8D3;} 
.servicio .icono_3 i{color: #11A5AF;}
.servicio .icono_4 i{color: #1B7C84;}
.servicio .icono_5 i{color: #095A61;}
.servicio .icono_6 i{color: #585858;} 

.sv_1:hover .servicio_icono{background: #82DEE5;box-shadow:none;}
.sv_2:hover .servicio_icono{background: #2FC8D3;box-shadow:none;}
.sv_3:hover .servicio_icono{background: #11A5AF;box-shadow:none;}
.sv_4:hover .servicio_icono{background: #1B7C84;box-shadow:none;}
.sv_5:hover .servicio_icono{background: #095A61;box-shadow:none;}
.sv_6:hover .servicio_icono{background: #585858;box-shadow:none;}


.sv_1:hover .icono_1 i,
.sv_2:hover .icono_2 i ,
.sv_3:hover .icono_3 i,
.sv_4:hover .icono_4 i,
.sv_5:hover .icono_5 i,
.sv_6:hover .icono_6 i{color: #fff;}

.dest-proyectos h2{text-align: left;}
.dest-proyectos h3,{font-size:18px !important; line-height:23px !important;}
.dest-proyectos .post-proyecto{
  background: #ffffff;
  box-shadow:9px 7px 13px 5px rgb(0 0 0 / 10%);
   border-radius: 20px;
}

.dest-proyectos .loop > .row {justify-content: space-evenly;}

.productos_col{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    margin-top: 30px;
}
.pag-home .producto {
    background: #ffffff;
    border-radius: 20px;
    text-align: center;
    padding: 25px 15px;
    box-shadow:9px 7px 13px 5px rgb(0 0 0 / 10%);
    transition: 0.3s;
  border:3px solid #ffffff;
}
.pag-home .producto:hover {
  box-shadow:none;
  border:3px solid #2FC8D3;
/*   background: #EFEFEF; */
}
/* .pag-home .producto:hover p{
  color: #fff;
} */
.pag-home .producto p{
  font-size:18px;color: #2FC8D3; font-weight:bold;margin-bottom:15px;
}
.pag-home .producto img{max-width:130px !important;height:auto;}

.pag-home .logo-hubspot{max-width:270px; margin-bottom:30px;}
 .align-content-end .row-fluid{display:flex;align-items:end !important;} 
.align-content-center .row-fluid{display:flex;align-items:center !important;}

#taco-fondo.taco-blanco{
  background-image: url(https://tiralineas.digital/hubfs/WEB-nueva/taco-blanco-1.png);
  padding: 3%;
  width: 100%;
  background-size: cover;
}

#taco-fondo.taco-blanco span {
  font-size: 20px;
}





/*------ CURVAS NUEVAS -------*/

.curva-l-gris .svg1 path, .curva-r-gris .svg1 path{
    stroke: none;
  fill: #F7F7F7;
}



/*================ GALERIA LOGOS ===================*/


.galeria .hs_cos_gallery_thumbnails .slick-slide > div{display:flex;justify-content:center;}
.galeria .hs_cos_gallery_slide.slick-slide{width:200px !important;}




/*================ TACOS - FORMULARIOS ========================= */

.formulario{padding:40px;border-radius:100px}
.legal-consent-container p, .legal-consent-container label{    font-size: 10px !important;
    line-height: 18px}
.formulario .hs_submit{text-align:center;margin-top:20px;}
.formulario input[type=submit]{border: 1px solid #f7f7f7 !important; border-radius:50px;text-transform:capitalize;padding: 3px 20px !important;}
.formulario.form-blanco input[type=submit]{border: 1px solid #d5d5d5 !important;} 

.formulario.form-blanco{background:#e8e8e8 !important;}  
.formulario.form-oscuro{background:#e8e8e8 !important;} 
.formulario p.grande{
  font-size: 20px;
  line-height: 32px;
} 
 
.legal-consent-container .hs-field-desc.checkbox-desc { 
    margin:0 !important; 
}
.legal-consent-container ul.inputs-list{padding:0;}
/* TACO FINAL */ 

.img-fondo {text-align:right;position:relative;}
.img-fondo-texto {
/*     position: absolute;
    top: 30px;
   
    max-width: 1200px;
    width: 93% !important; */
   text-align: left;
}
.img-fondo .main{padding:0 15px !important;}

 .img-fondo img{margin-top:-15px; max-width: 500px !important;} 
 
[data-hs-cos-field="entradilla_1"] ol > li{margin-bottom:15px;}
.tag:has(> a[data-slug="destacados"]){display:none !important; }

.tag > .active{color: #FF007E;font-weight:bold;} 


.input input, .input textarea, .input select { 
    width: 100%;
    padding: 3px;
    /* border-radius: 50px; */
    border: none;
    padding: 7px 8px;
    font-size: 14px;
    border: 1px solid #f7f7f7;
  color: #707070 !important;
}
.formulario.form-blanco .input input, .formulario.form-blanco .input textarea, .formulario.form-blanco .input select {
  border: 1px solid #d5d5d5;
}



.input textarea { width: 100% !important;}
form fieldset{margin:0;max-width:100% !important}
fieldset.form-columns-2 .input {
  margin-right: 0px; 
  margin-left: 0px; 
    width: 96%; 
}
.legal-consent-container{margin:0;}



#taco-amarillo-grande, #taco-gris-home{position:relative;
/*   background-image:url('https://2070477.fs1.hubspotusercontent-na1.net/hubfs/2070477/WEB-nueva/taco-amarillo.png'); */
}
#taco-amarillo-grande{position:relative;
/*    background-image:url('https://2070477.fs1.hubspotusercontent-na1.net/hubfs/2070477/WEB-nueva/taco-amarillo.png');  */
/*   background-image:url(' https://tiralineas.digital/hubfs/WEB-nueva/taco-azul.png'); */
  background: #2FC8D3
  
 
/*   margin-bottom:80px; */
}
#taco-amarillo-grande .main{position:relative;
   padding:40px 10px !important;
}
#taco-amarillo-grande p{color: #fff;}
#taco-amarillo-grande span{font-size:30px;color: #fff;}
.curva-lateral-blanco{ 
    width: 60%;
    position: absolute;
    top: 0;
  left:-750px;
    
}
.ta-texto .video, .ta-texto .texto{padding: 31px;
    padding-left: 0;
}} 


.taco-amarillo-pq{
  position:absolute; top:0;left:0;height:100%;background: #fff000;width: 62% !important;z-index:-1;
}


#taco-gris{background:#F7F7F7; }

/* ===================== CURVAS =================== */


#b-curva{
background: url(https://tiralineas.digital/hubfs/WEB-nueva/fondo-onda-web-tiralineas.svg);
}



.curva{
    position: absolute;
    top: 50px;
    z-index: -1;
  
}
#taco-amarillo-grande .curva, #taco-gris-home .curva{
    position: absolute;
    top: -10px;
    z-index: -1;
}
.img-fondo .curva{
    top: 0px;  
}
.curva-r-blanco{height:100%;}
.curva-r .svg1, .curva-l .svg1, .curva-r-blanco .svg1, .curva-l-blanco .svg1, .curva-r-taco .svg1{ 
height: 550px; overflow: hidden;
}

.pag-home .curva-r-blanco .svg1, .pag-home .curva-r-blanco{height:650px;}

.curva-r .svg1 path, .curva-l .svg1 path{
stroke: none; fill: #F7F7F7;
}

.curva-l-blanco .svg1 path, .curva-r-blanco .svg1 path, .curva-r-taco .svg1 path{
stroke: none; fill: #ffffff;
}
.curva-l-blanco, .curva-l{
    transform: scaleX(-1);
}
.curva-r-blanco{
    transform: scaleY(-1); 
}


/*  ========= ENLACES =========== */

.enlaces > .grid{  
margin-bottom: 20px;
    display: grid!important;
    grid-template-columns: 50px auto;
    align-items:center;
}
.enlaces.i-amarillo > .grid {  
    grid-template-columns: 30px auto;
}
/* .enlaces .texto a{
 transition: all 0.3s !important;
} */

.enlaces .texto{
  display:inline-block;
}

.enlaces .texto a:after{ 
  transition: all 0.3s !important;
  color:#FF007E !important;
  font-weight:bold;
  display: inline-block;
  margin-left: 9px;
  vertical-align: 6px !important;
  content: "+" !important;
  border: none !important;
  font-size: 19px;
   
}

.enlaces .texto a:hover:after{
  transform: scale(2);
}
.enlaces .icono{
  background: #FF007E;
    border-radius: 50%;
    position: relative;
    width: 50px;
    height: 50px;
}
.enlaces.i-amarillo .icono{
  background: #FFF000 !important;
    border-radius: 50%;
    position: relative;
    width: 30px;
    height: 30px;
  
}
.enlaces .icono img{
    right: -10px;
    width: 45px;
    position: absolute;
    top: 5px;
}

.iconos h3{margin-top:0; padding-top:0;}

.enlaces.i-amarillo .texto{margin-left:0;}



/*================ BLOG ===================*/
  
/* Loop POST */
.loop-post > div{padding:0 !important;background: #EFEFEF ;}
.loop-post > div:nth-child(2n+1){background: #ffffff ;}

.loop-post h3.titulo{text-transform:inherit;font-size:24px;text-align:left;line-height:33px;font-weight:400;}
.loop-post a:hover h3.titulo{color: #FF007E;}
.post-blog{
  
  padding:15px;
  height:100%;
  display: grid;
  align-items: stretch;
  align-content: space-between;
}
.icono-plus{
  display: flex;
  justify-content: flex-end;
  align-items:bottom;
  margin-top: -15px;
 
}

.icono-plus i{
  font-size: 80px;
  line-height: 77px;
   transition: transform .4s ease-in-out;
}
.loop-post a:hover .icono-plus i{
  transform: rotate(180deg);
  color:#FF007E;
}

/* =========== DICCIONARIO ===========*/

.main-dic{
  max-width:1100px !important;
}
.tag-dic{  
  display:flex;
  justify-content:center; 
  margin: 5px 0 60px;
  border-bottom: 2px solid #EFEFEF; 
  border-top: 2px solid #EFEFEF;
}
.tag-dic .tag{
  padding:10px;
}
.sidebar-dic{
  position: sticky;
  top: 20px;
  display: inline-block;
}
.banner-dic{
  background: #fff;
  padding:30px 20px; 
  box-shadow: 9px 7px 13px 5px rgb(0 0 0 / 10%);
} 
.capital-letter{
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;

}
.capital-letter > .mys_letter{
  display:inline-block;
  font-size:30px; 
  line-height:25px;
  padding:10px 13px;
  background: #707070;
  color: #fff;
  margin-bottom: 20px;
} 
.section.dic-body{
  background: #fff;
  padding: 50px 100px;
} 

/* .post-dic h3{
  font-size:22px;
  line-height:33px;
  font-family: 'Open Sans', sans-serif;
  text-align:center;
  padding:20px;
} */

.diccionario-post h1{
  font-size: 40px !important;
  line-height: 61px !important;
  text-align: center;
  font-weight: 400;
  color:inherit;
}
.diccionario-post h2{
  margin-bottom: 30px !important;
  text-align: center !important; 
  font-size: 30px !important;
  margin-top: 50px !important;
}
.diccionario .loop{width:100%; margin:0 auto;}
.diccionario h3{
  font-size: 20px;
  font-weight: 400 !important;
  padding: 0px 0;
  line-height: 28px; 
}
.post-dic a h3:hover{
  color: #FF007E !important;
} 
.input-group.flex-nowrap{   
  background: #fff !important;
  border-radius: 50px !important;
  margin-bottom: 30px !important;
/* padding: 5px !important; */
  box-shadow: 9px 7px 13px 0 rgb(0 0 0 / 10%) !important;; 
  overflow:hidden;
} 
.input-group .form-control{
  padding: 11px !important; 
  font-size: 14px;
  border: none !important; 
}
.input-group .input-group-text{
  background: transparent !important; 
  color: #EFEFEF !important; 
  border: none !important;
}
.input-group .input-group-text i {color: #707070 !important;}
.form-control:focus {
 box-shadow: none !important; 
}
.dic-enlaces{
  display:flex;
  justify-content:space-beetwen;;
  margin-top:20px;  
}
.dic-enlaces a{
  font-size:12px; 
/*   color:#ff007e; */
}   
.diccionario .enlace-atras{display:none;}
.diccionario .enlace-todos{display:block;}

.diccionario-post .enlace-atras{display:block;}
.diccionario-post .enlace-todos{display:none;} 

.tag-dic .tag.active{background: #FF007E !important;} 
.tag-dic .tag.active > a{color:#fff !important;font-weight:bold;}   

/* ============ PROYECTOS ============= */ 

.cab-proyecto, .cab-diccionario{text-align:center;}

.slide{
  padding:50px;
  height:100%;
  padding-bottom:0; 
}
.slide > .row{align-items:center;}


.bx-wrapper{
  box-shadow: none !important;
  border: 0px !important;
  background: transparent !important;
  margin-bottom: 50px !important;
}
.caja{padding:40px;} 
.slide .caja{padding:40px;padding-bottom:0;}  
.caja a{
  display:grid;
  align-content: space-between;
}
.bx-wrapper .bx-controls-direction a{
  background:transparent !important;
  text-indent: 0 !important
}
.bx-wrapper i{
  color:#bfbfbf !important;
  font-size:50px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #FF007E;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #bfbfbf;
}

.post-listing h2{margin:50px 0px;}
.post-listing > row > div{
margin-bottom: 20px; 
}
.post-proyecto {
  padding:10px;
  background:#ffffff; 
  height:100%;
  
}

/* .post-proyecto .img-principal{
    height: 275px;
    overflow: hidden;
} */
.post-proyecto .img-principal img{
 width:100%;
  height:auto;
}
.post-proyecto h3, .blog-content h3{
  font-size:22px;
  line-height:33px;
  font-family: 'Open Sans', sans-serif;
  text-align:center;
  padding:20px;
}

.proyectos-post h1{
  font-size: 50px !important;
  line-height: 61px !important;
  text-align: left;
}
div[data-hs-cos-field="tipo"] p{
  display:inline-block;
  
}
p#hubspot-topic_data{
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-start;
  margin:20px 0px 50px 0px !important; 
} 
.slide p#hubspot-topic_data{
  margin-bottom:0 !important; 
}
p#hubspot-topic_data .topic-link {
  font-size: 12px;
  background: white;
  padding: 0px 5px;
  border-bottom: 3px solid #fff000;
  margin: 0px 5px 7px 5px;
  line-height: 21px;
}

.post-proyecto p#hubspot-topic_data{
 margin:20px 0px 10px 0px !important; 
}
.proyectos-post h2{
  margin-bottom: 30px !important;
    text-align: center !important; 
    font-size: 30px !important;
    margin-top: 50px !important;

}
.post-proyecto p#hubspot-topic_data .topic-link{
  background: #F7F7F7 ;
}

.etiquetas{
  clear:both;
}
.custom-field-proyectos{
  margin: 10px 0px 30px;
} 
.custom-field-proyectos span{
  padding:2px 10px; 
} 
.custom-field-proyectos span, 
.custom-field-proyectos i{
  color: #ffffff; 
  background: #2FC8D3;
  text-transform:uppercase; 
  font-size:14px; 
}

.img-fondo.dest-proyecto{padding:5%}
.img-fondo.dest-proyecto .image-ilus{
  padding-top: 12%;
  margin-top: 0 !important;
}
.menu-tags{
  background: #fff;
  padding: 10px;
  font-size: 13px;
  margin:50px 0px;
  box-shadow: -9px 7px 13px 0 rgb(0 0 0 / 10%);

}
.menu-tags > div{
 justify-content:space-around;
  align-content: center;
  flex-wrap: wrap;
}
.menu-tags .tag{padding:5px 10px;}



/* Numbered Pagination */
.blog-pagination {
    display: block;
    text-align: center;
}
.blog-pagination > div {
    display: inline-block;
}
.blog-pagination-left {
    text-align: right;
}
.blog-pagination-right {
    text-align: left;
}
.blog-pagination a {
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    padding: 5px 10px;
}
.blog-pagination a:hover,
.blog-pagination a:focus {
    background-color: #ffffff;
    text-decoration: none;
}
.blog-pagination a.elipses {
    border: 0;
}
.blog-pagination a.active {
    background-color: #ffffff;
    color: #666;
    pointer-events: none;
    cursor: default;
}
.blog-pagination a.next-link,
.blog-pagination a.prev-link {
    background-color: #ff007e;
    color: #fff;
}
.blog-pagination a.next-link:hover,
.blog-pagination a.prev-link:hover {
    background-color: #fff000;
    color: #fff;
}
.blog-pagination a {
    color: #ff007e;
}
.blog .dropdown-toggle:after {
 color: #2FC8D3!important; 
}



.pasos{margin-top:50px;}
.pasos .blanco{
  padding:20px 15px; 
}
.pasos .blanco img{
  text-align:center !important;
}
.pasos .blanco p{font-weight:400;}
.pasos .blanco span{
  color: #2FC8D3;
 font-size:28px;
  font-weight:bold;
}

.post-blog-loop {
      background: #fff;
    margin-bottom: 30px;
}
.blog-content img{margin:0 !important;padding: 10px;}


.img-dest-proy {width:90%;margin:0 auto;background: #F7F7F7; padding:30px;} 

.post-blog-loop h3{    
  font-size: 22px;
    line-height: 33px;
    font-family: 'Open Sans',sans-serif;
    text-align: center;
    padding: 20px;
    text-transform: capitalize;
    color: #585858;
}
.blog-content .pillar__chapter h2 {
    color: #2fc8d3;
  font-size:30px;
  text-align:left;
  
}
.compartir img{padding:0;}


/* .loop-proy-pag .bx-viewport{height:100% !important;}  */ 


.loop-proy-pag h2{
    background: #fff000;
    color: 0;
    margin-bottom: 30px;
    display: flex;
    width: fit-content;
    margin: 30px auto;
    text-align: center;
    padding: 10px 40px;
  font-weight:400;
  font-size:35px !important

}

.loop .casos_exito{
  box-shadow: 9px 7px 13px 5px rgb(0 0 0 / 10%);
  text-align:center;
}

.loop .casos_exito img{
max-width:150px;height:auto;
  
}

/* Productos */

.cab-productos .logos{
  display: flex;
  justify-content: center;
  margin: 20px 10px 50px;
  align-items: center;
}
.cab-productos .logos img{
  margin: 10px 15px;
  height: 100% !important;
}

.ventajas{
  margin-bottom:150px !important;
}

  #taco-amarillo-grande, #taco-gris-home {
    position: relative;
   
  }
    .ta-texto p { 
      color: #585858;
      font-size: 43px;
      line-height: 57px; 
/*       max-width: 1100px; */
  }
.productos{margin-top:40px;} 
.productos > .row-fluid-wrapper > .row-fluid{
  display:grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-gap:40px;
}.productos > .row-fluid-wrapper > .row-fluid:before{
  display:none;
}
.productos > .row-fluid-wrapper > .row-fluid > div{
  margin-left:0 !important;
  width:100% !important;
  
} 
.producto{
  box-shadow: 0px 7px 13px 0 rgba(0,0,0,0.1);padding:30px; 
  margin-bottom:40px;
}



  .loop-blog-4{display:block !important;}
  .loop-blog-2{display:none} 


.nav-bar .blog .dropdown-toggle:after, 
.nav-bar .blog .dropdown-toggle:hover:after {
  color: #ffffff !important;
} 


.destacadosInterior .hs-cta-wrapper > span, 
.destacadosHome  .hs-cta-wrapper > span, 
.destacadosInterior .hs-cta-wrapper, 
.destacadosHome  .hs-cta-wrapper {box-shadow: none !important;}  
 


/* SELECTOR IDIOMAS */

.globe_class {
  display: block!important; 
}



#hs_cos_wrapper_widget_1639069572095{
margin-top:0px !important;
}


/*======================================================================
          RESPONSIVE 
=======================================================================*/

@media all and (max-width: 1200px) {
  
  #footer .t-azul a{font-size:20px !important; color: #2FC8D3; text-align:right;}

  h1 {
     font-size: 60px !important;
     line-height: 72px !important;
  }
/*   #header .row-fluid .span3{
    width: 20%;
  }
  #header .row-fluid .span9{
    width: 80%;
  } */
  .menu-grande .nivel1 {
    padding: 0 5px;
  }
  .curva-lateral-blanco {
    width: 60%;
    position: absolute;
    top: -11px;
    left: -505px;
}
  .ta-texto p {
   
    font-size: 40px;
    line-height: 51px;
  }
  #cabecera img.gif{
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 550px;
    right: -100px;

  }
     #cabecera .texto h1 {
    font-size: 45px !important;
    line-height: 56px !important; 
  }
  
/*   .servicios_col {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .servicio{
    text-align: center;
    width: 33%;
    margin-top: 30px;
  } */

  .pag-home #cabecera_home h2 {
      font-size: 28px;
      line-height: 38px;
  }
  .pag-home #cabecera_home p {
    font-size: 22px;
  }
  .pag-home #cabecera_home .main{
    padding:0px 20px;
  }
  .main {
    padding-left:15px; padding:right:15px; 
  }
  .post-proyecto h3, .blog-content h3 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom:0;
    padding: 10px;
  }
  .post-proyecto p#hubspot-topic_data{
    margin: 10px 0px 10px 0px !important;
    padding-bottom: 0 !important;
  }

}





@media all and (min-width: 992px) {
 
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
  .navbar-expand-lg .navbar-collapse{justify-content:flex-end;flex-wrap:wrap;} 
  
  
  .menu-responsive{display:none !important;}
  .menu-grande{display:block;}
}	

@media all and (max-width: 992px) {

   #footer .t-azul a{font-size:17px !important; color: #2FC8D3; text-align:right;}
  .menu-responsive{display:block !important;}
  .menu-grande{display:none;}
/*   .menu-responsive{position:absolute;right:15px;} */
  
  .seccion>ul>li:first-child, .seccion>ul>li:nth-child(2){
    width:100%;float:none;
  
  } 
  .seccion>ul, .navbar-collapse {
    width: 270px;
  }
  .dropdown-menu{
    border:none !important;
    box-shadow:none !important;
  }


  #header .main{width:100%;padding:3px 15px !important}
  #header .row-number-3 > .row-fluid{
    display:flex;justify-content:space-between !important;align-items:center; 
  }
  #header .row-fluid:before, #header .row-fluid:after{ 
    display:none !important;
  }
  #header .logo img{
    width:140px !important;
    margin-left:0!important
  } 
  #header .row-number-4 > .row-fluid{ 
    display:flex;justify-content:flex-end !important; 
  }
  
  
  .main, .main-p {padding:50px 15px !important;}
  .destacadosHome .texto h3, h3 {
    font-size: 25px;
    line-height: 36px;
  }
  .destacadosHome .texto p, p {
    font-size: 16px;
  line-height:27px;
  }
  .boton, a.cta_button.rosa, .boton.blanco, .boton.gris-claro-taco{
    font-size:15px !important;
  }

  h2, .formulario h2, .loop-proy-pag h2{font-size:28px !important; line-height:39px !important;}
  
  .slide .caja {
    padding: 10px;
  }
  .cta_button .blanco >div {
    font-size:16px !important;
  }
  .curva-r-taco .svg1{
  height: 400px; overflow: hidden;
  }
  .iconos-ilus {display:none;}
    .destacadosInterior .caja-contenido2{margin-top:100px;}
  .destacadosInterior {
    margin-bottom: 120px;
  }
  .loop-post>div {
    padding: 0!important;

    margin: 5px;
    width: 48% !important;
  } 
  .span10 {
    float: left !important;
    width: 50% !important;
    text-align: end;
}
  .secciones.nivel2 {   
    margin-bottom: 15px;
}
/*   .servicio{
    text-align: center;
    width: 31%;
    margin-top: 5px;
  } */
  .servicio p{display:none;}
  .servicio_icono {
    padding: 30px;
    font-size: 35px;
  }
  .servicio h3 > strong {
  font-size:16px;
  }
  .servicios_col{margin-bottom:20px;}
  
  .pag-home #cabecera_home h1 {
    font-size: 50px !important;
    line-height: 60px !important;
  }
  .pag-home #cabecera_home h2 {
    font-size: 24px !important;
    line-height: 34px !important;
    padding-bottom: 10px !important;
}
  .pag-home #cabecera_home p {
    font-size: 20px;
}
  .pag-home .logo-hubspot{
    width:100%;
  } 
  #taco-onda .align-content-end .row-fluid{
        display: block;
  }
    #taco-onda .align-content-end .row-fluid > div:first-child{
        width:100% !important;
  }
  .productos_col {
    grid-template-columns: repeat(3, 1fr);
  }


  
}
@media all and (max-width: 767px) {
  
  #cabecera .texto h1,  #cabecera .texto p{
    width:60%
  }

  
  #footer .tablet-none{display:none}
  #footer .tablet-display{display:block;} 
  #footer .tablet-display .row-fluid {
    display:flex !important;
    justify-content:space-between !important; 
    
  
  } #footer .tablet-display .row-fluid:before, #footer .tablet-display .row-fluid:after{display:none !important;} 

  #cabecera .texto{
    width:95%;
  
  }#cabecera .texto h1  {
      width: 100%;
      
  }
  h1, .proyectos-post h1 {
    font-size: 45px!important;
    line-height: 55px!important;
  }
  #cabecera .texto h2 {
    color: #fff!important;
    font-size: 25px;
    line-height: 36px;
    padding-bottom: 25px !important;
    }
    .curva-r-taco .svg1{
    height: 500px; overflow: hidden;
    }
  .ta-texto p {
    font-size: 30px;
    line-height: 41px;
    }
  .ta-texto .video, .ta-texto .texto{padding-bottom:0px;}
  .loop-post h3.titulo {
    font-size: 20px;
    line-height: 31px;
  }
  .icono-plus i {
    font-size: 50px;
    line-height: 60px;
    transition: transform .4s ease-in-out;
    } 
  .img-fondo-texto p {
    font-size: 25px;
    line-height: 36px;
  }
  .loop-proy-pag{padding-top:50px;}
  .slide {
    height: 100%;
    padding: 15px 50px 0;
    }
      .img-dest-proy {
        width: 75%;
        margin: 0 auto;
    }
  .img-fondo img{
    margin-top: 0px;
    max-width: 400px !important;
    width:100%;

  }
  .formulario label{display:none !important;}
  .formulario form{margin-top:20px;}
  .destacadosHome span {
    box-shadow: inset 0 -11px 0 0 #fff000; 
}
  .formulario form fieldset label{text-transform:inherit !important; letter-spacing:2px; font-size:12px;} 
  #cabecera .titulo-principal h1, .proyectos-post h1 {
    padding-top: 0 !important;
}

  h1, .proyectos-post h1 {
      font-size: 40px!important;
      line-height: 51px!important;
  }
  .enlaces .icono {
      width: 40px;
      height: 40px;
  }
  .enlaces .icono img {
      width: 40px;
  }

  .iconos-ilus{display:none !important;} 
  .slide .info .descripcion{display:none;}
 
  .slide .img-dest{order:1;}
  .slide .info{order:2;}
  #footer .row-number-7, #footer .row-number-8{text-align:center;}
  #header .row-number-4 > .row-fluid{ 
    display:flex;justify-content:flex-end !important; 
  } 
    #cabecera .texto p, #cabecera .texto h2 {
    font-size: 24px !important;
    line-height: 35px;
}
  #cabecera img.gif{
     position: absolute;
     top: inherit ; 
     transform: inherit; 
    width: 350px;
    right: -100px;
    bottom: 58px; 

}
.ventajas{
  margin-bottom:100px !important;
}
  .main, .main-p{padding:20px 10px;}
  #cabecera_home .main{width:100% !important}
  
  .pag-home #cabecera_home h1 {
    font-size: 40px !important;
    line-height: 50px !important;
    margin-bottom:10px;
  }
  .pag-home #cabecera_home h2 {
    font-size: 21px !important;
    line-height: 31px !important;
   
}
  .destacadosHome img{display:none;}
  
  #footer .redes {
    justify-content: center;
  }
  #footer .t-azul {
    text-align: center;
  }
  #footer .hs-cta-wrapper{text-align:center;}
  #footer .legal{text-align:center;margin-bottom: 40px;}
  #footer .logo-footer img{    bottom: -30px;}

}
 
.movil {display:none!important;}
.no-movil {display:block;}

@media all and (max-width: 574px) {
  
  .movil {display:block!important;}
  .no-movil {display:none!important;}
  
  .ta-texto .video, .ta-texto .texto{padding:15px;}

.formulario {
    padding: 20px;
    border-radius: 50px;
}
  .borde-caja-azul {
    opacity: 1;
    border-color:#ffffff !important
}
  .caja-contenido1 {
    margin-left: 20px;
}
    .caja-contenido2 {
    margin-right: 20px;
}
  .borde-caja-azul {
    left: 0px;
    width: 380px;
}
    .borde-caja-azul.drc {
    right: 0px;
    width: 380px;
}
  .destacadosHome .texto h3, h3 {
    font-size: 22px;
    line-height: 32px;
}
  .formulario h2, .loop-proy-pag h2, h2 {
    font-size: 25px!important;
    line-height: 36px!important;
    font-weight: 700;
}
  .destacadosHome .separador {
    margin: 50px 0;
}
  .frase i, .frase i.i-rosa {
    font-size: 50px;

} 
  .frase h4, .frase h4 {
    font-size: 26px;
    line-height: 31px;
    text-align:left !important;

}
  .taco-amarillo-pq {
    background: #fff000;
    width: 100% !important;

}
  
  .bx-wrapper .bx-prev{left:-5px;}

  
  .bx-wrapper .slider h3, .proyectos h3{font-size:20px; text-align:center;line-height:31px;}
  .slide {
    height: 100%;
    padding: 15px 35px 0;
    }
  .bx-wrapper i {
    font-size: 34px;
  }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 0px;
   
  }
  p#hubspot-topic_data{
  justify-content:center;
  }
  .loop .row > div {margin-bottom:40px;} 
  .proyectos-post h1 {
      font-size: 30px!important;
      line-height: 41px!important;
  }
  .post-proyecto h3{padding:10px 0 0;} 
  .proyecto-body img{
    width:100% !important;
    float:none !important;    
    margin: 0 !important;
    padding: 10px;
    clear: both !important;
  } 
  .img-dest-proy{
    width: 85%;
  }
  .loop-post>div {
    padding: 0!important;
    margin: 5px;
    width: 98% !important;
  }
  
  .loop-blog-4{display:none !important;}
  .loop-blog-2{display:block;}
  #footer .logo-footer img {
     position: relative; 
    bottom: 0px;
    padding: 0px 30px;
}
#cabecera .texto h1 {
    font-size: 36px !important;
    line-height: 39px !important;
}
    #cabecera img.gif {
    width: 322px;
    right: -87px;
    bottom: 45px;
} 
  #cabecera .texto p, #cabecera .texto h2 {
    font-size: 20px !important;
    line-height: 33px;
}
  .cab-productos .logos{
  display: grid;
}
.cab-productos .logos img{
  margin: 10px auto;
  height: auto !important;
}
    .ventajas{
  margin-bottom:50px !important;
}
  .productos_col {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 30px;
}
  .pag-home .producto {
    padding: 10px 10px;
    margin-bottom: 10px;
}
  .pag-home .logo-hubspot {
    max-width: 170px;
    margin-bottom: 30px;
    margin-top: 30px;
}
  .destacadosHome img{
    display:block;
    max-width: 95% !important;
    margin: 30px auto !important;
  } 
  .pag-home #cabecera_home img{
    width:50px !important;
  }
  .pag-home #cabecera_home {
    padding: 0px;
}

.pag-home #cabecera_home .main {
    position: relative; 
    padding: 0;
    top:inherit;
    left:inherit;
    transform: inherit;
}
  .hs_cos_gallery .slick-slider, .hs_cos_gallery_thumbnails{padding:0;}

  
  
  
   
  
}

@media all and (max-width: 450px) {
   .borde-caja-azul {
    left: 0px;
    width: 320px;
  }
  .borde-caja-azul.drc {
    right: 0px;
    width: 320px;
  }
  .offcanvas-start {
    width: 90%; 
  }
@media all and (max-width: 380px) {
   .borde-caja-azul {
    left: 0px;
    width: 300px;
  }
  .borde-caja-azul.drc {
    right: 0px;
    width: 300px;
  }

  #cabecera img.gif 
    width: 300px;
    right: -87px;
    bottom: 39px;
}
.servicios_col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px;
    margin-top: 30px;
  }
  .servicio_icono {
    padding: 21px;
    font-size: 27px;
}
  .servicios h3 {
    font-size: 15px !important;
    padding-bottom: 9px;
    padding-top: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    line-height: 23px;
}
}