/* @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:#585858 !important;}
.main{max-width:1400px; margin:0 auto !important;text-align:inherit;padding:100px 15px;float: none !important;}
.main-p{max-width:1400px; margin:0 auto !important;text-align:inherit;padding:50px 10px;float: none !important;}

.main-pq{max-width:1000px; 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;}

/*******************************ESTILOS SENSITIVE DATA **************************************/
#hs_cos_wrapper_module_16514860974921103_ OL,UL {
  counter-reset: item;
  padding-left: 10px;
}
#hs_cos_wrapper_module_16514860974921103_ LI {
  display: block;
}
#hs_cos_wrapper_module_16514860974921103_ LI:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}
/*******************************ESTILOS SENSITIVE DATA FIN***********************************/


/* ================ TEXTOS ================*/
p{
  font-size:16px;
  padding-bottom:15px !important;
  margin:0 !important;
  color:#585858; 
}
h1, h2, h3, h4{color:#585858;}
h1 {font-size: 70px; font-weight: 900; line-height: 72px; 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{
  font-size:25px;
  line-height:34px;
  font-family: 'Bitter', san-serif;
}
.titulo-principal p{ width:90%;}



#cabecera .titulo-principal h1{
padding: 6% 0 !important;
}
p.linea{
  font-size: 25px;
    line-height: inherit;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
ul{
  padding-left:40px;
}
ul li{
  padding: 8px 0px;
}
.nivel3 li{padding: 0 !important;}
.dropdown-menu > li > ul{padding-left:0 !important;}
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; font-size:18px;}
#footer .trabaja h4, #footer .kit-footer h4{padding:0; margin:0;} 
#footer .legal p{
  font-size:13px !important;
  color: #707070 !important;
}
#footer .legal a{
  margin-right:10px !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, .pag-home .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;

}
.border-top-azul{
  border-top: 3px solid #2FC8D3;
}

.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:35px !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{
  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.azul-oscuro{
  background: #1B7C84; 
}

.boton.rosa a, .boton.azul a, .boton.azul-oscuro 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; 
}
.cta_button.blanco:hover i, .boton.blanco:hover i{
  color:#585858 !important;
}

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


.btn-gris {
  background: #e8e8e8; 
  color: #585858;
  padding: 5px 20px;
  border-radius:50px;
}
.btn-gris:hover {
  background: #EFEFEF;
  color: #585858;
  padding: 5px 20px;
  border-radius:50px;
}


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

.header-container{padding:0px !important;}
#header{background: #ffffff ;}
#header .main{padding:3px 10px !important;}
.logo{text-align:left;}
.logo img{max-width:220px;margin-top: 0 !important}  
 
#header .row-fluid{
  display:flex; 
  justify-content: space-between;
  align-items:center; 
}

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

#footer{
  position: relative;
  overflow: hidden;
}
#footer .main{
  max-width:1300px; 
  margin: 0 auto;
  padding-bottom:0px;
  padding-top:50px;
}

.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 .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;}

#footer .kit-footer{ 
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 30px;
  align-items: start;
}
#footer .kit-footer__img img{
  max-width:80px !important; height:auto;
}
#footer .kit-footer__cta, #footer .trabaja{
  text-align:left !important; 
}
#footer .kit-footer__cta p, #footer .trabaja p{
  padding-left: 0 !important;
}
#footer .kit-footer__cta a, #footer .trabaja a{
  margin: 0 !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, #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;
}
/* #cabecera img{
  max-width:600px;
} */

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

/* .menu-grande li.con_hijos > a:after, .menu-grande li.idiomas > a:after{
  content: '+';   
} */ 

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

.nivel1 #cabecera{
  height: inherit;
  overflow: inherit;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  
}
.nivel1 #cabecera .imagen-principal{ 
  max-width:600px;
  margin: 0 auto !important;
  text-align:center;
  width: 100% !important;
  height:auto;
}
.nivel1 #cabecera img{ 
  position:inherit;
  overflow:inherit;
}

.img-principal{
  position:relative;
} 
.img-principal img{ 
  max-width:inherit !important;
     height: auto;
    object-fit: cover;

}
.img-principal .date{
    position: absolute;
  background: #2FC8D3;
    font-size: 12px;
    color: #fff;
    padding: 7px 10px;
    top: 0;
    margin-bottom: 0 !important;
    padding-bottom: 7px !important;
    right: 0; 
    border-radius: 0 0 0 10px;

}

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


 
h2, .cab-seccion h2, .loop-relacionados-interior h2{
  font-family: 'Bitter', san-serif;
  font-size:40px !important;
  font-weight:400;
}

.pag-home #cabecera_home .main{ 
/*   position: absolute;
  padding: 0; 
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%); */
  padding: 50px;
}
.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 !important;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    margin-top: 30px;
} 
.productos_grid{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
    margin-top: 30px;
} 

.productos_grid .producto {
    height:100% !important;
    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;
    height: 100%;

}
.productos_grid .row-flui, .productos_grid .row-fluid, 
.productos_grid .span12, 
.productos_grid .hs_cos_wrapper_type_module,
.productos_grid .producto{
  height:100%;
} 
.productos_grid .producto{
    display: grid;
    height: 100%;
    align-content: center; 
    align-items: stretch;
}
.productos_grid .producto h3{
  font-family: 'Bitter', san-serif;
 color:#585858; 
  margin-top:20px;
  padding-bottom: 0;
}
.productos_grid .producto_imagen{
  max-height: 93px;
}
.productos_grid .producto_imagen img{
  height: 100%;
    width: auto;
}

.productos_grid .producto:hover {
    box-shadow: none;
    border: 3px solid #2FC8D3;
  border-radius: 20px;
    /* background: #EFEFEF; */
}

.submitted-message.hs-main-font-element.hs-form-1d1c8b31-29df-4a52-b0b6-21f7ea0a2d85.hs-form-1d1c8b31-29df-4a52-b0b6-21f7ea0a2d85_d0e24560-5ff8-4039-8d8b-b7ef15db07b0 {
    color: #fff !important;
}

.dest-partner{
  padding: 3% 4%;
  border-top: 1px solid #585858;
  border-bottom: 1px solid #585858;
  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-contacto .contenido{
  display:grid;
  grid-template-columns: 1fr 1fr; 
  gap:30px;
}

#formulario-contacto .contenido h4{
  text-align: left; font-size: 48px; font-weight: bold !important;line-height: 52px !important;font-family: 'Open sans';
}
#formulario-contacto .contenido h5{
 font-size: 32px; line-height: 1.25;font-family: 'Open sans';
}
#formulario-contacto .contenido p{
  font-size: 20px;
  line-height: 24px; 
}


.formulario{
  padding:40px;
  border-radius:50px;
}
.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;
} 

.input input, .input textarea, .input select { 
    width: 100% !important;
    padding: 3px;
     border-radius: 10px; 
    border: none;
    padding: 7px 8px;
    font-size: 14px;
    border: 1px solid #f7f7f7;
  color: #707070 !important;
}
.formulario .input input[type=checkbox]{ 
  width:auto !important;
}
.formulario.form-blanco .input input, .formulario.form-blanco .input textarea, .formulario.form-blanco .input select {
  border: 1px solid #d5d5d5;
} 
.hs_cos_wrapper_form_246059443_title{display:none !important;}

.formulario .form-title{display:none !important;}

.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;}
 
.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 {
   text-align: left;
}
/* .img-fondo-texto a.hs-button{
  background: #fff !important; 
  color: #ffffff !important;
} */
.img-fondo .main{padding:0 15px !important;}

 .img-fondo img{margin-top:-15px; max-width: 500px !important;width:100%;} 
 
[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;} 







#taco-gris-home{position:relative;}


.curva-lateral-blanco{ 
    width: 60%;
    position: absolute;
    top: 0;
  left:-750px;
    
}
.ta-texto .video, .ta-texto .texto{padding: 31px;
    padding-left: 0;
}


#taco-gris{background:#F7F7F7; }

#taco-blanco{
  padding:5% 0;
  position:relative;
  overflow:hidden;
/*   background:#F7F7F7;  */
}
.taco-blanco__image{
  position:absolute;
  top:0;
  z-index:0;
  opacity:0.9;

}
.taco-blanco__image img{
    min-width: 100% !important;
    height: auto;
    min-height: 100% !important;
  max-width:inherit !important;
} 

.taco-blanco__texto{
  text-align:center;
  
  z-index:1;
  position:relative;
}

.taco-blanco__texto p{
  font-size: 40px !important;
  margin-bottom:0 !important;
  line-height: 1.5em !important;
}



.contenido-principal .dos-columnas{
  margin: 50x 0px;
}


.caja-azul-oscuro{
  background: #1B7C84;
  padding: 5%;
  border-radius: 20px;
  color: #fff !important;
  margin: 0 20px;
 
}
.caja-azul-oscuro li, .caja-azul-oscuro p, .caja-azul-oscuro h3{ 
  color: #fff !important;
   font-size:15px;
}
.caja-azul-oscuro h3{
  font-family: 'Bitter';
  font-size: 22px;
  font-weight:400 !important;
  padding-top:0;
}
.caja-azul-oscuro ul{
  padding-left:20px;
}
.caja-azul-oscuro li{
  margin: 23px 0;
  display: grid;
  grid-template-columns: 36px 1fr; 
  padding:0;
}
.caja-azul-oscuro li::marker{
  content: '';
}
.caja-azul-oscuro li::before{
  content: url(https://2070477.fs1.hubspotusercontent-na1.net/hubfs/2070477/WEB-nueva/iconos-servicios/icono-lista.svg); 
  display: block;
  margin-right: 10px;
  width: 30px;
  margin-top: -8px;
}

.bg-color-degradado{
padding: 40px 0px 10px;
background: rgb(255,0,126, 0.3);
background: linear-gradient(90deg, rgba(255,0,126,0.2) 0%, rgba(189,45,139,0.2) 7%, rgba(156,68,146,0.2) 37%, rgba(89,115,160,0.2) 67%, rgba(30,156,172,0.2) 93%, rgba(17,165,175,0.2) 100%);
}
.bg-color-degradado h2{
  font-family: 'Open sans';
  line-height: 34px;
  font-size: 24px !important;
  font-weight: 700;
  text-align:left;
  padding-left:15px;
  letter-spacing:0;
}


/* ===================== 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{margin-left:20px;}
.enlaces.i-amarillo .icono{
    background: #FF007E !important;  
    border-radius: 50%;
    position: relative;
    width: 20px;
    height: 20px;
}
.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;}


.caja-servicios{
    background: #ffffff;
    border-radius: 20px;
/*     text-align: center; */
    padding: 3%;
    box-shadow: 9px 7px 13px 5px rgb(0 0 0 / 10%);
    transition: 0.3s;
    border: 3px solid #ffffff;
}
.caja-servicios h4{padding-top:0 !important;} 



/*================ 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-blog a:hover .icono-plus i{
  transform: rotate(180deg);
  color:#FF007E;
}

.loop-relacionados-interior{
  margin-top:50px;padding-top:50px;border-top: 3px solid #FF007E;
}
.realcionados-caja{margin:50px 0;}

.blog-content{
  max-width:inherit !important;
  margin-right: 0 !important;
}
.single-post .body-container-wrapper .main{max-width:1024px !important; margin-right: inherit !important;margin: 0 auto !important} 
 
.single-post h1{
  font-weight:700;
  text-align:center;
  font-size:50px;
  line-height: 68px;;
} 

.single-post .thumbnail img{  
  border-radius: 30px !important;
  max-width: 100% !important;

}
.single-post .meta{  
  border-bottom: 3px solid #2FC8D3;
  text-align:center; 
} 

.single-post .meta-fecha p{ 
  color: #FF007E !important; 
  font-size: 16px;
} 

.single-post .meta-categoria p { 
  font-size: 18px;
} 
.single-post .meta-categoria p a{ 
  margin-left:5px;
} 
.single-post .meta-lectura{ 
 font-size: 14px; 
}  
.single-post .loop-relacionados-interior, .diccionario .loop-relacionados-interior{
  padding-bottom:50px;
  border-top: none;
}
.diccionario .loop-relacionados-interior .img-principal img{
  width: 100%; 
}
.single-post #f-gris-claro .container{ 
  margin:0 auto !important; 
  float: none !important;
}
.blog-content .cab-proyecto h1{ 
  font-size: 80px;
  font-weight: 900;
  line-height: 90px;
  color: #2FC8D3;
  text-align:center; 
}
.post-proyecto h3, .blog-content h3{ 
  font-size: 20px !important;
  font-weight: 600 !important; 
  padding: 20px 0 !important;
  line-height: 30px !important;
  text-transform: inherit !important; 
  text-align: left !important;
  color:#585858;
  font-family: 'Open Sans', sans-serif;
}
.post-proyecto h4, .blog-content h4{
  font-size: 18px;
  line-height: 25px;
  font-family: 'Bitter', san-serif;
  padding: 15px 0px;
  text-align: left !important;
  text-transform: inherit !important; 
  font-weight:700 !important;

}
.compartir-post h3{
  text-align:center !important;
  color:#585858;
  font-size: 20px !important;
  text-transform: inherit !important;
  
}
.pillar__content h3{font-family:'bitter';font-weight:900;font-size:20px;}


.blog-content .menu-tags{
  border-bottom:none; 
  border-top:3px solid #2FC8D3;   
  display: flex;
  justify-content: space-between;
  align-items: center; 
}
 
.blog-content .titulo-tags h3.bitter{color: #585858 !important;text-transform:inherit !important;}  

.loop-post-blog{ 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:50px;
}

.post-blog{
  padding:0px;
  background:#ffffff; 
  height:100%;
  box-shadow: 9px 7px 13px 5px rgb(0 0 0 / 10%);
  border-radius: 20px 20px;
  overflow:hidden; 
}
.post-blog .img-principal .date{
  background:#fff; 
  color:  #FF007E ;
  font-weight: bold;
}
.post-blog .contenido h3{
  color: #585858 !important; 
  text-transform: inherit;
  text-align:left; 
}
.post-blog .contenido{padding: 0 20px 20px;} 
.blog-content .post-blog img {
    margin: 0 !important;
    padding: 0px;
} 
.cab-proyecto{ 
  max-width: 1000px; margin: 0 auto;
}

.productos h2{font-size:34px !important;}

.cab-proyecto h2, .productos .cab-productos h2{
  font-size:32px !important;
    line-height: 34px !important;;
    font-size: 24px !important;
}



.blog .dropdown-menu.show{
  transform: translate3d(-119px, 58px, 0px) !important;
}
.blog .menu-tags .tag{
min-width:160px;
}


  
/* =========== 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;
  padding-top:5%; 
}
.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;
} */


#sinResultadosDiccionario .contenido-img{
  padding: 5%;
  text-align: center;
  
}
#sinResultadosDiccionario .contenido-img img{
  max-width: 70%;
}
#sinResultadosDiccionario .contenido-img h4{
  font-size: 50px;
  margin-top: -50px;
  color: #2FC8D3; 
}

.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;
  padding-top:5%;
}
.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:15px;
  background:#ffffff; 
  height:100%;
  box-shadow: 9px 7px 13px 5px rgb(0 0 0 / 10%);
  border-radius: 20px;
}

/* .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: 18px;
  line-height: 25px;
  font-family: 'Open Sans', sans-serif;
  padding: 15px 5px;
  text-align: left !important;
  text-transform: inherit !important;
} */

.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: #FBFBFB;
  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 ;
} 
 

.info-proyecto .info-proyecto__linea{  
  display: flex;
  align-items: center;
  padding:15px 0;
  width:fit-content;
}

.info-proyecto .info-proyecto__linea:nth-child(2){  
  border-top:2px solid #2FC8D3;
}

.info-proyecto__titulo{ 
  margin: 0 !important; 
  padding-bottom: 0 !important;
  font-family: 'Bitter', san-serif; 
  margin-right:15px !important; 
} 
.info-proyecto p#hubspot-topic_data{
  padding-bottom: 0 !important;
}

.etiquetas{
  clear:both; 
}

.custom-field-proyectos{
  margin: 10px 0px 30px;
} 

.custom-field-proyectos span{
  padding:2px 8px; 
} 

.custom-field-proyectos span, 
.custom-field-proyectos i{
  color: #ffffff; 
  background: #FF007E !important;
  text-transform:uppercase; 
  font-size:14px; 
  margin-right:10px;
} 

.img-fondo.dest-proyecto{padding:5%}
.img-fondo.dest-proyecto .image-ilus{ 
  padding-top: 12%; 
  margin-top: 0 !important;
} 

.img-fondo .dinamico{
    display: inline-flex;
    justify-content: end;
    width: 100%;
}

.img-fondo .dinamico img{
    max-width: 350px !important;
    height: auto !important;
    width: 100%; 
}

.titulo-tags h3.bitter{font-size:24px !important;text-align:center;font-family: bitter !important; }


.proyecto-body{
  margin-top:30px;
}
  .proyecto-body img{
/*     width:initial !important; */
/*     float:none !important;     */
    margin: 0 !important;
    padding: 10px;
    clear: both !important;
    max-width:600px !important;
  } 

/* Filtrar por tipo de proyecto (dropdown)*/
.menu-tags .dropdown{
  display: flex; 
  justify-content: center;
}
.menu-tags .dropdown-menu{
    border: 1px solid #f7f7f7 !important;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .11);
    width: 250px !important;
}
.menu-tags .dropdown .btndropdown-toggle{
  display: flex;
  justify-content: center;
}
.menu-tags .dropdown .btndropdown-toggle i{ 
  margin-left:10px; 
}
.btndropdown-toggle .show, .btndropdown-toggle .boton .blanco:hover{
  background: #EFEFEF !important;
  color: #FF007E;
}

.menu-tags .caja-tags{
  /*display: grid;*/
  grid-template-columns: 1fr 1fr;
  list-style:none;
  margin-bottom: 0;
  margin-left:0;
  padding: 0;
}

.menu-tags{
/*   background: #fff; */
  padding: 10px; 
  font-size: 13px; 
  margin:20px 0px; 
  padding-bottom:40px;
  border-bottom: 3px solid #FF007E; 

} 
.menu-tags > div{ 
 justify-content:center;
  align-content: center;
  flex-wrap: wrap;  
  gap:20px; 
}
.menu-tags .tag{
  padding:8px 15px;
 background: #fff;
/*   box-shadow: -9px 7px 13px 0 rgb(0 0 0 / 10%); */
  font-weight:400;
  font-size:13px;
  margin-left:0;
  
}

.menu-tags .tag:hover i, .menu-tags .tag.tag-todos:hover i, .menu-tags .tag.tag-todos:hover a{
  color: #FF007E !important; 
}

.menu-tags .tag.tag-todos a{
  color: #2FC8D3 !important;
  font-family: Bitter, sans-serif;
  font-size: 16px;
  margin-top:15px;
}
 

/* 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; 
}

.dropdown-toggle::after {
  display: none;
}

.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;
}

.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.page{margin-top:0px !important;}  
.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;
}




/*  =================== BASE DEL CONOCIMIENTO ===========================*/


.kb-theme--tiles.kb-page--index{
  background-color: #f5f5f5 !important;
}
.kb-index--tiles .kb-index__category{
  border-radius:20px !important;
}
.kb-search-section__title{}






/* Banner home feria - Modulo img-fondo */
/*============== MODULO IMAGEN DE FONDO =============*/


.fondo{
  position:relative;
/*   min-height:80vh !important;  */
}
.caja-texto-cabecera{
 padding: 20px 0;
  
}
  
.img-fondo-cabecera{
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    position: absolute;
    top: 100px;
    z-index: -1;
    height: 102% !important; 
}
.img-fondo-cabecera img{
  height: 100% !important;
  width: fit-content !important;
  object-fit:cover;
  object-position: center center;  
}

.largo h3{
  font-size:44px;
}  
.largo .bitter{
  font-size:28px;
  margin-bottom:30px; 
} 
.fondo:lang(en), .fondo:lang(fr) {
   display:none !important;
}





/*======================================================================
          RESPONSIVE 
=======================================================================*/
@media all and (max-width: 1300px) {
  h1 {
     font-size: 60px !important;
     line-height: 72px !important;
  }
   .pag-home #cabecera_home h2 {
      font-size: 32px !important;
      line-height: 42px !important;
      padding-bottom: 10px !important;
  }
    .largo h3{
    font-size:44px !important;
  }  
  .largo .bitter{
    font-size:24px !important;
  } 
    .largo .bitter span{
     font-size:24px !important;
  } 
}     
@media all and (max-width: 1200px) {
  
  #footer .t-azul a{
    font-size:20px !important; color: #2FC8D3; 
    text-align:right;}
   .pag-home #cabecera_home h2 {
    font-size: 30px !important;
    line-height: 40px !important;
    padding-bottom: 10px !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:-10px; }
          .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:160px !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);
  }
    .productos_grid, .loop-post-blog{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 60px;
    margin-top: 30px;
} 
  .productos_grid h3{
      font-size: 20px;
    margin-top:10px;
    padding-bottom:0;
  }
  .productos_grid p{font-size:15px;}
  .diccionario-post h1 {
    font-size: 35px !important;
    line-height: 50px !important;
    font-weight: 400;
  }
  
  .header-container-wrapper{
    position: fixed;
    width: 100%;
    z-index: 9;
  }
  .body-container-wrapper{
    padding-top: 50px;
  }
  .visible{display:none !important;}
  .pag-home .loop-post-blog .post-blog:nth-child(3), 
  .single-post .realcionados-caja > div:nth-child(3), 
  .diccionario .loop-post-blog .post-blog:nth-child(3){
    display:none !important;
  } 
  .largo{
    width:95% !important;
    padding: 5%;
  } 
  .largo h3{
    font-size:40px !important;
  }  
  .largo p{font-size:16px;}
  .largo .bitter{
    font-size:20px !important;
  } 
    .largo .bitter span{
      font-size:20px !important;
/*       margin-bottom:20px; */
  } 
  .img-fondo-cabecera{
    top: 50px;
  }

}
@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%;
    height: auto !important;
  }


  .formulario form{margin-top:20px;}
  .destacadosHome span {
    box-shadow: inset 0 -11px 0 0 #fff000; 
  }
  .formulario form fieldset label{text-transform:inherit !important;} 
  #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 .d-block {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 30px;
     
  
  } 
  
  #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;} 
  .tag-dic{display:none;}


  /* Diccionario */
  .main-dic > .row-number-6 > .row-fluid  {
    display: grid;
  }
  .main-dic > .row-number-6 > .row-fluid > .span8 {
    order:2
  }
  .main-dic > .row-number-6 > .row-fluid > .span4 {
    order:1
  }
  .main-dic > .row-number-6 > .row-fluid:before, .main-dic > .row-number-6 > .row-fluid:after  {
    display:none !important;
  }
  .sidebar-dic{
    position: relative;
    display: inline-block;
    padding-top:5%; 
    margin-bottom: 30px;
  }
  .main-dic .banner-dic{display:none;}

  .diccionario-post h1{
    font-size: 24px !important;
    line-height: 34px !important;
    font-weight: 700;
  }
  .section.dic-body { 
    background: #fff;
    padding: 40px 40px;
  }
  .diccionario-post h3, .diccionario-post h2{font-size: 20px;line-height: 30px;}
  /* .main-dic .enlace-atras{color: #FF007E;} */
  .info-proyecto .info-proyecto__linea:nth-child(2){  
    display:block; 
  }

  .info-proyecto .info-proyecto__linea:nth-child(2) p#hubspot-topic_data{
    justify-content: flex-start;
    margin-top:15px !important;
  }
  .blog-content .menu-tags{
    display:block;  
  }
  
  .blog .dropdown-menu.show{
/*     transform: translate3d(100px, 58px, 0px) !important; */
  }
  #formulario-contacto .contenido{
    display:grid; 
    grid-template-columns: 1fr !important; 
  }
  #formulario-contacto .contenido{
  display:grid;
  grid-template-columns: 1fr 1fr; 
  }

  #formulario-contacto .contenido h4{
    text-align: left; font-size: 34px; font-weight: bold;
    padding-bottom:0;
  }
  #formulario-contacto .contenido h5{
   font-size: 24px; line-height: 1.25;font-weight: normal;
    padding:0;
  }
  #formulario-contacto .contenido p{
    font-size: 16px;
  }
  #formulario-contacto .contenido .texto img{
    display:none !important;
  }
  .nivel1 #cabecera{
    height: inherit;
    overflow: inherit;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
  }
  .contenido-principal p{
    font-size:16px !important;
  }
  .caja-azul-oscuro{
    font-size: 15px;
    margin: 0px;
  }
  .caja-azul-oscuro ul {
    padding-left: 5px;
  }
  .caja-azul-oscuro h3 {
    font-size: 20px;
  }
  .main-pq{
    padding: 50px 15px;
  }
  .taco-blanco__texto p {
    font-size: 30px !important;
    padding-bottom:0;
  }
  .bg-color-degradado h2{
    font-weight: 600;
    text-align: center;
    padding-left: 0;
  }
  .bg-color-degradado{
    padding: 0;
  }

}

@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;
}
  .pag-home h2, .cab-seccion h2, .loop-relacionados-interior h2{
  font-size: 32px !important;
  } 
  .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;
/*     max-width:600px !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;} 

     .productos_grid, .loop-post-blog{
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 40px;
    margin-top: 10px;
} 
  .productos_grid h3{
    font-size: 18px;
    margin-top:10px; 
    padding-bottom:0;
  }
  .productos_grid p{font-size:14px;}

  .productos_grid > div {
  
    width: 80%;
    margin: 0 auto;
  }
 
/*   .pag-home #cabecera_home{height: 495px !important;} */
   
/*    .pag-home #cabecera_home img{
      display:none
    } */
  .proyectos .dropdown{
    display: flex; 
    justify-content:flex-start;
  }
  .menu-tags .centrado{text-align:left !important;}
  .modulos-h3 h3{font-size: 26px !important; line-height: 40px !important;}
  .modulos-h3 h3 span{color: #FF007E;}
  
  
  .largo{
    width:100% !important;
    padding: 5%;
  } 
  .largo h3{
    font-size:26px !important;
  }  
  .largo p{font-size:15px;}
  .largo .bitter{
    font-size:18px !important; 
  } 
    .largo .bitter span{
      font-size:18px !important;
/*       margin-bottom:20px; */
  } 
  .img-fondo-cabecera{
    top: -46px;
    height: 132% !important;
  }
  .fondo{margin-top:50px;}
  .loop .d-block .d-md-none > row:nth-child(2) > div{display:none !important;} 
  .img-fondo-texto p {
        font-size: 22px;
        line-height: 30px;
    }
}

@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%; 
  }
  .menu-tags .caja-tags {
    /*display: grid;*/
    grid-template-columns: 1fr;
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
}
}
@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;
  }
}



.splide__controls{display:none !important;}
.splide__slide img{
  opacity: 0.5 !important;
    filter: grayscale(1) !important;
}
.color .splide__slide img{
  opacity: inherit !important;
    filter: inherit !important;
}
/* .splide__slide{
  width: calc(33.3333% - 50px) !important;
  margin-right: 24px !important;
} */




.offcanvas .offcanvas-start{
  visibility: inherit !important;
}

  
  /* PRUEBA ANDER, ELIMINAR CUANDO ESTÉS LEYENDO ESTO*/
/* body div:not(.preview-iframe-wrapper) .hidden-mobile-hubspot{
  display:none;
} */

body.page-editor .d-none, body.page-editor .seccion-responsive{
  display:block !important;  
}
  /* fin PRUEBA ANDER */