/*
Theme Name: go-child
Theme URI: https://nbucle.com
Version: 4.0
Description: Tema hijo 
Author: Nbucle
Author URI: https://nbucle.com
Template: go
*/
 
/*---------------------------- Nuevos estilos -------------------------------*/
/*COLORES*/
:root{
	--fondo:#f8f7f4;
	--gris:#ada6a5;
	--azul:#c7d7e7;
  --marron:#d6cbc6;
  --crudo:#f3f0ec;
  --negro:#6A6160;
}

/*TIPOGRAFÍAS*/
.cormorant {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


.quicksand {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}




body{background-color: #fff !important;}
.nomovil{display: block;}
.simovil{display: none;}

/*TEXTOS*/
body h1, body h2, body h3, body h4, body h5, body h6{font-family: "Cormorant", serif !important; }
body p, body a, body span, body div{ color:var(--negro); font-family: "Quicksand", sans-serif !important;}
div.quote .txt_q{font-family: "Quicksand", sans-serif !important; font-size: 25px !important; color:var(--gris); line-height: 1.5em; text-align: center;}
div.quote .autor_q{font-family: "Cormorant", serif; !important; font-size: 25px; color:var(--gris);}

/*******************************************GENERAL*******************************************/
/******************HEADER*******************/
body .header__inner{padding: 30px 0px; padding-bottom: 0px;}
body .middle_title p{text-align: center;}
body .header1__navigation-inner, body .header2__navigation-inner{width:25%;}
body .middle_title{width:50%; padding: 10px;}
body .header2__navigation-inner{display: flex; flex-direction: row; justify-content: space-between;}
body .header1__navigation-inner ul, body .header2__navigation-inner ul{list-style: none;margin: 0px; padding: 0px; display: inline-flex; width: 100%;}
body .header1__navigation-inner ul li, body .header2__navigation-inner ul li{ font-weight: 300; padding:10px; flex: auto ; text-align: center; }
body .header1__navigation-inner ul a, body .header2__navigation-inner ul a{ font-weight: 300; text-decoration: none; text-transform: uppercase; color:var(--gris);}
body header div.header__titles {align-items: center !important; justify-content: center !important;}
body .header__extras{margin-left: 0px; margin-right: 0px; width: 100%; }
body .header__search-toggle{width: 100%;}
body .menu-menu2-container{width: 100%;}
body header #menu-menu1 li a, body header #menu-menu2 li a{font-weight: 500; font-family: "Quicksand", sans-serif !important;}
header {border-bottom: 1px solid var(--gris); background: #fff;}

.ir-arriba {display:none; padding: 0px 9px; background:#dddad369; font-size:20px; color:#dddad3; cursor:pointer; position: fixed; bottom:20px; right:20px; border-radius: 50%; transform: rotate(270deg); cursor:pointer; z-index:9999;}

/************linea vertical**************/
.background-line{border-left: 1px solid var(--naranja); height: 160%; position: absolute; left: 24.95%; top: 100px;}



/**************HOME**************/
.content-area.entry-content section{ max-width: 100vw !important; width: 100% !important;}
#video{}
#myvideo{cursor:pointer; width: 100vw;}
h1.title_1, h2.title_1{font-size: 27px; color:var(--negro);}
body p, body ul li{ font-size: 18px !important; line-height: 1.5em !important;}
.cuadratxt .kc-elm{ padding: 0px 8%;}


/**************timeline***************/
.time-line-box .timeline {
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
}

.time-line-box .timestamp {
  margin: auto;
  margin-bottom: 5px;
  padding: 0px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
}

.time-line-box .status {
  padding: 0px 10px;
  display: flex;
  justify-content: center;
  border-top: 3px solid var(--gris);
  position: relative;
  transition: all 200ms ease-in;
  text-transform: uppercase;
  font-size: 15px;
}


.time-line-box .swiper-slide:first-child .timestamp{align-items: flex-start;}
.time-line-box .swiper-slide:last-child .status{justify-content: flex-end;}

.time-line-box .status span {
  padding-top: 8px;
}
.time-line-box .status span:before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: var(--negro);;
  border-radius: 12px;
  border: 2px solid var(--negro);;
  position: absolute;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 200ms ease-in;
}
.time-line-box .swiper-slide:first-child .status span:before{left: 6px !important;}
.time-line-box .swiper-slide:last-child .status span:before{right: -6px !important; left: auto;}

.swiper-container {
  width: 95%; 
  margin: auto;
  overflow-y: auto;
}
.swiper-wrapper{
  display: inline-flex;
  flex-direction: row;
  overflow-y:auto;
  justify-content: space-between;
  width: 100%;
}
.swiper-container::-webkit-scrollbar-track{
   background:#a8a8a8b6;
}
.swiper-container::-webkit-scrollbar{
  height: 2px;
}
.swiper-container::-webkit-scrollbar-thumb{
   background: #4F4F4F !important;
}
.swiper-slide {
  text-align: center;
  font-size: 12px;
  width: 100%;
  height: 100%;
  position: relative;
}




 /*Footer*/
 body footer{background-color: #fff !important; padding-top: 0px;}
 .cont_footer1{width: 100%;}
 .titlefooter, .footer-navigation__title{font-size: 20px; font-weight: 600 !important; font-family: "Quicksand", sans-serif !important; color:var(--negro); }
 footer #menu-menu a{text-transform: uppercase; font-family: "Quicksand", sans-serif !important;}
 footer #menu-contacto-1 a{font-family: "Quicksand", sans-serif !important;}
 .footer_home .contacto1{width: 25%; /* border-right: 2px solid var(--naranja);*/ padding: 3% 5%; }
 .crear{color:var(--naranja); width: 50%; line-height: 1.2em;}
 .footer_kit_digital{background: #FFF; padding: 6% 15%; border-top: 1px solid var(--gris);}
 .copy{text-align: center; font-size: 13px;}



/**************CONTACTO**************/
body.page-id-16 h1.post__title{display: none}
.cont_txt1{color: var(--azul); text-align: center;}
.close_cnt{text-align: right; padding: 30px; font-size: 25px;}
.close_cnt a{text-decoration: none; color: var(--azul);}
body.page-id-16 .background-line{border-left: 1px solid var(--azul); height: 160%; position: absolute; left: 24.95%; top: 0px !important;}
body.page-id-16 div.cont_txt1 p{ font-size: 30px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; line-height: 1em;}
body.page-id-16 form{ width: 65%; margin: 0px auto; text-align: center;}
body.page-id-16 form input, body.page-id-16 form textarea{ background: transparent; border: none; border-bottom: 1px solid var(--azul); border-radius: 0px; color: var(--azul);}
body.page-id-16 form textarea{height: 50px;}
body.page-id-16 form input.wpcf7-submit{color:var(--azul); background: #D4E3EA; border-radius: 20px; border: 1px solid var(--azul); padding: 8px 30px;}
body.page-id-16 p.cnt_title_info{color: var(--azul); text-decoration: none; margin-bottom: 20px; font-weight: 600;}
body.page-id-16 p.txt_cnt2, body.page-id-16 p.txt_cnt2 a{color: var(--azul); text-decoration: none; margin-bottom: 10px;}


body.page-id-185 h1.post__title{display: none}
.cont_txt1{color: var(--azul); text-align: center;}
.close_cnt{text-align: right; padding: 30px; font-size: 25px;}
.close_cnt a{text-decoration: none; color: var(--azul);}
body.page-id-185 .background-line{border-left: 1px solid var(--azul); height: 1850%; position: absolute; left: 24.95%; top: 0px !important;}
body.page-id-185 div.cont_txt1 p{ font-size: 30px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; line-height: 1em;}
body.page-id-185 form{ width: 65%; margin: 0px auto; text-align: center;}
body.page-id-185 form input, body.page-id-185 form textarea{ background: transparent; border: none; border-bottom: 1px solid var(--azul); border-radius: 0px; color: var(--azul);}
body.page-id-185 form textarea{height: 50px;}
body.page-id-185 form input.wpcf7-submit{color:var(--azul); background: #D4E3EA; border-radius: 20px; border: 1px solid var(--azul); padding: 8px 30px;}
body.page-id-185 p.cnt_title_info{color: var(--azul); text-decoration: none; margin-bottom: 20px; font-weight: 600;}
body.page-id-185 p.txt_cnt2, body.page-id-185 p.txt_cnt2 a{color: var(--azul); text-decoration: none; margin-bottom: 10px;}


::-webkit-input-placeholder { /* WebKit browsers */
color: var(--azul) !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: var(--azul) !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: var(--azul) !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: var(--azul) !important;
opacity: 1;
}
.footer_cnt{ display: flex; flex-direction: row; border-top: 1px solid var(--azul); background: var(--fondo); position: relative;}
.footer_cnt .contacto1{ width: 25%; border-right: 1px solid var(--azul);}
/*.footer_cnt .contacto2{border-left: 1px solid var(--azul);}*/
.cnt_logo{color: var(--azul); font-family: afterglow, sans-serif !important;  text-align: center;  padding: 40px;  font-size: 20px; font-weight: 600;}
body.page-id-16 .footer_kit_digital{background: var(--fondo); position: absolute; padding: 6% 15%; border-top: 1px solid var(--azul);}
body.page-id-16 #cnt_info{align-items: flex-end;}

body.page-id-185 .footer_kit_digital{background: var(--fondo); position: absolute; padding: 6% 15%; border-top: 1px solid var(--azul);}
body.page-id-185 #cnt_info{align-items: flex-end;}


.delante{z-index: 999;}



header.page-header.entry-header{display: none;}
/***********SERVICIOS*************/
h2.servicio{font-size: 2.3em !important; font-weight: 600; font-family: "Cormorant", serif !important; line-height: 1em;}
#servicios_col .kc_col-sm-3.kc_column{border: 1px solid var(--gris); border-right: none;}
#servicios_col .kc_column{ padding-right: 25px; padding-left: 25px;}
.masdetalles{display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px solid var(--negro); cursor: pointer;}
.detalles{ font-size: 17px !important;}
.detalles, .plus{ margin-bottom: 3px;}


/***********SERVICIO*************/
span.claro{color: var(--gris); line-height: 1em;}
.consulta a{color: var(--gris); line-height: 1em; font-size: 19px !important;}
.nocuadratxt { padding: 0px 30px !important;}


/***********PROYECTOS*************/
body.page-template-default .list-post-type.list-post.category { float: left; width: 100%; display: flex; justify-content: space-between; align-items: center; row-gap: 20px; column-gap: 20px;}
body.page-template-default .list-post-type.list-post.category .list-item{background-size: cover;}
body.page-template-default .list-post-type.list-post.category .list-item .post-content{height: 100%}
body.page-template-default .list-post.category .list-item h3{display: none; height: 110%; width: 100%; background: var(--fondo); margin-top: 0px; align-items: center; justify-content: center; font-family: "Cormorant", serif !important;}
body.page-template-default .list-post.category .list-item h3 a{ font-family: "Cormorant", serif !important; text-align: center; font-size: 24px; font-weight: 600; text-transform: uppercase;}

/***********ACERCA DE*************/
h1.saludo{font-size: 2.8em !important; font-weight: 600; font-family: "Cormorant", serif !important;}
/***********CONTACTO*************/
.formulario_cnt{padding: 0px 10%;}
.formulario_cnt .columns{display: flex; column-gap: 10px;}
.formulario_cnt .columns div{width: 50%;}
.formulario_cnt input[type=checkbox],.formulario_cnt input[type=radio] { height: 19px; opacity: 1 !important; width: 20px; border: 1px solid #000; display: inline-block; visibility: visible;}
.formulario_cnt span.wpcf7-checkbox{ display: flex; flex-direction: column;}
.formulario_cnt textarea{height: 25px;}
.formulario_cnt .onecolumn_send:last-child{text-align: center;}
.formulario_cnt input[type=submit]{background: none; color: var(--negro); text-transform: uppercase; text-decoration: underline; font-family: "Quicksand", sans-serif;}
.formulario_cnt input[type=submit]:hover{background: none; color: var(--gris); text-decoration: none; }









/*body.page-id-12 .page-header.entry-header{ padding-left: 0px !important; text-align: left; width: 100%; margin-left: 5%;}
body.page-id-12 .post-12.page.type-page.status-publish.hentry{border-bottom: 1px solid var(--naranja);}
body.page-id-12 .post__title.text-center{text-align: left; font-size: 7em; text-transform: uppercase; background: var(--fondo); z-index: 9; position: relative; color: var(--naranja); line-height: 0.9; margin-bottom: 30px;}


body.page-id-183 .page-header.entry-header{ padding-left: 0px !important; text-align: left; width: 100%; margin-left: 5%;}
body.page-id-183 .post-183.page.type-page.status-publish.hentry{border-bottom: 1px solid var(--naranja);}
body.page-id-183 .post__title.text-center{text-align: left; font-size: 7em; text-transform: uppercase; background: var(--fondo); z-index: 9; position: relative; color: var(--naranja); line-height: 0.9; margin-bottom: 30px;}

 .footer_proy{display: flex; flex-direction: row; border-top: 1px solid var(--naranja); position: relative; z-index: 9999;  background: var(--fondo);}
 .footer_proy .contacto1{width: 33%; border-right: 1px solid var(--naranja); padding: 3% 5%; text-align: center;}
 .footer_proy .contacto2{width: 33%; border-right: 1px solid var(--naranja); padding: 3% 5%; }
 .footer_proy .contacto3{width: 33%; padding: 3% 5%; }
 .footer_proy .contacto1 .crear, .footer_proy .contacto2 .crear, .footer_proy .contacto3 .crear{width:100%; margin-bottom: 3px;}
 .footer_proy .crear a{ color: var(--naranja); text-decoration: none;}
 .crear a{ color: var(--naranja) !important; text-decoration: none;}
 body.page-id-12 .content-area__wrapper .kc-elm.kc_row{position: relative; background: var(--fondo); margin-top: 1px;}

  body.page-id-12 .list-post-type.list-post.category{display: flex; flex-direction: row; flex-wrap: wrap;}
  body.page-id-12 .list-post-type .list-item{width: 33%;background-size: cover; height: 300px;}
  body.page-id-12 .list-post-type .list-item { margin-bottom: 0px; padding-bottom: 0px;}
  body.page-id-12 .post-content{height: 100%;}
  body.page-id-12 .list-post-type .list-item h3 { float: none; width: 100%; margin-bottom: 0px; text-align: center; background: #0000006e; height: 100%; margin-top: 0px; display:none;}
  body.page-id-12 .list-post-type .list-item h3 a{color:var(--naranja); padding: 30% 20px 0px 20px; font-size: 0.8em;}


 body.page-id-183 .content-area__wrapper .kc-elm.kc_row{position: relative; background: var(--fondo); margin-top: 1px;}

  body.page-id-183 .list-post-type.list-post.category{display: flex; flex-direction: row; flex-wrap: wrap;}
  body.page-id-183 .list-post-type .list-item{width: 33%;background-size: cover; height: 300px;}
  body.page-id-183 .list-post-type .list-item { margin-bottom: 0px; padding-bottom: 0px;}
  body.page-id-183 .post-content{height: 100%;}
  body.page-id-183 .list-post-type .list-item h3 { float: none; width: 100%; margin-bottom: 0px; text-align: center; background: #0000006e; height: 100%; margin-top: 0px; display:none;}
  body.page-id-183 .list-post-type .list-item h3 a{color:var(--naranja); padding: 30% 20px 0px 20px; font-size: 0.8em;}*/

.post-content a{text-decoration: none !important}

/********************INTERNA-PROYECTOS************************/
/*body.post-template-default.single.single-post .background-line{display: none;}
body.post-template-default.single.single-post header.entry-header{ padding: 30px 0px; text-align: left; margin-left: 0px; padding-left: 40px !important;}
body.post-template-default.single.single-post header h1{font-family: "Montserrat", sans-serif !important; font-weight: 600; font-size: 2.5em;}
body.post-template-default.single.single-post .post__thumbnail{height: 100%; padding-bottom: 50%;}
body.post-template-default.single.single-post .post__meta--wrapper.post__meta--single.post__meta--top{display:none;}
body.post-template-default.single.single-post .kc_image_gallery.kc-grid .item-grid.grid-3{height: 300px;}
body.post-template-default.single.single-post .kc_image_gallery.kc-grid .item-grid img{object-fit: cover; height: 100%; width: 100%;}

.rl-gallery.rl-basicgrid-gallery {display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.rl-gallery.rl-basicgrid-gallery .rl-gallery-item{width:33%;  padding-top: 10px;}
.rl-gallery-item a img{height: 30em; aspect-ratio: 4/3; width:100%; object-fit: cover;}

body.postid-262 article.post-262 img{ top: -60vh;}
body.postid-264 article.post-264 img{ top: -60vh;}*/

/*body.post-template-default.single.single-post .post__thumbnail,*/
body.post-template-default.single.single-post ul.post__meta.list-reset{display: none;}
body.post-template-default.single.single-post .post__thumbnail{padding-bottom: var(--go-featured-image--height, 48%);}
body.post-template-default.single.single-post article.post.type-post.category-proyectos{padding: 50px 5%;}
body.post-template-default.single.single-post header.entry-header{padding-left: 0px !important; text-align: left;}
body.post-template-default.single.single-post .content-area.entry-content > section.kc-elm.kc_row{ width: 100% !important; padding: 0px 5% !important;}

/**GRID**/
body.post-template-default.single.single-post .kc_image_gallery.kc-grid .item-grid.grid-2{height: 30em;}
body.post-template-default.single.single-post .kc_image_gallery.kc-grid .item-grid img{ object-fit: cover; height: 95% !important; width: 95%; margin: auto;}
.kc-image-gallery .item-grid.grid-2{}



 /*********************SERVICIOS***********************/
body.page-id-14 .page-header.entry-header{ padding-left: 0px !important; text-align: left; width: 100%; margin-left: 5%;}
body.page-id-14 .post-14.page.type-page.status-publish.hentry{border-bottom: 1px solid var(--naranja);}
body.page-id-14 .post__title.text-center{text-align: left; font-size: 7em; text-transform: uppercase; background: var(--fondo); z-index: 9; position: relative; color: var(--naranja); line-height: 0.9; margin-bottom: 30px;}
body.page-id-14 .content-area__wrapper .kc-elm.kc_row{position: relative; background: var(--fondo); margin-top: 2px;}

body.page-id-14 .servicios{width: 100%; margin: 0px 5%; border: 1px solid var(--naranja);}
body.page-id-14 .servicio_title{ font-size: 3.5em; color: var(--naranja);}
body.page-id-14 .detalles{color: var(--naranja); text-align:right; text-decoration: underline; position: absolute; top: 0px; right: 0px; margin-right: 30px; margin-top: 15px; cursor: pointer;}
#imagenes .detalle{cursor:pointer;}
body.page-id-14 .txt_imagen{color: var(--naranja); display: none; padding-bottom: 30px;}

#video .detalle{cursor:pointer;}
body.page-id-14 .txt_video{color: var(--naranja); display: none; padding-bottom: 30px;}

#tour .detalle{cursor:pointer;}
body.page-id-14 .txt_tour{color: var(--naranja); display: none; padding-bottom: 30px;}


body.page-id-190 .page-header.entry-header{ padding-left: 0px !important; text-align: left; width: 100%; margin-left: 5%;}
body.page-id-190 .post-190.page.type-page.status-publish.hentry{border-bottom: 1px solid var(--naranja);}
body.page-id-190 .post__title.text-center{text-align: left; font-size: 7em; text-transform: uppercase; background: var(--fondo); z-index: 9; position: relative; color: var(--naranja); line-height: 0.9; margin-bottom: 30px;}
body.page-id-190 .content-area__wrapper .kc-elm.kc_row{position: relative; background: var(--fondo); margin-top: 2px;}

body.page-id-190 .servicios{width: 100%; margin: 0px 5%; border: 1px solid var(--naranja);}
body.page-id-190 .servicio_title{ font-size: 3.5em; color: var(--naranja);}
body.page-id-190 .detalles{color: var(--naranja); text-align:right; text-decoration: underline; position: absolute; top: 0px; right: 0px; margin-right: 30px; margin-top: 15px; cursor: pointer;}
#imagenes .detalle{cursor:pointer;}
body.page-id-190 .txt_imagen{color: var(--naranja); display: none; padding-bottom: 30px;}

#video .detalle{cursor:pointer;}
body.page-id-190 .txt_video{color: var(--naranja); display: none; padding-bottom: 30px;}

#tour .detalle{cursor:pointer;}
body.page-id-190 .txt_tour{color: var(--naranja); display: none; padding-bottom: 30px;}

.elproceso, .losprocesos{width: 100%; margin: 0px 5%; border: 1px solid var(--naranja); margin-top: -4px; background: var(--gris);}
.losprocesos .kc_column_inner{padding-right: 0px;}
.proceso_title{font-size: 3.5em; margin: 50px 0px 30px 35px; color: var(--naranja); font-family: afterglow, sans-serif !important; font-weight: 600;}
.losprocesos_title{color: var(--naranja); font-weight: 600;}
.losprocesos_txt{color: var(--naranja); padding-bottom: 48px;}
.unproceso{ border-right: 1px solid var(--naranja); padding: 35px 30px 0px 20px;}
.unproceso:last-child{border:none;}


.menu_ordenador{display: flex;}
#mimenumovil{display: none;}


body.page-id-3 .total_width, body.page-id-229 .total_width, body.page-id-223 .total_width{ width: 100vw !important; margin-right: 0px !important;}
body.page-id-3 .total_width .kc-container, body.page-id-229 .total_width .kc-container, body.page-id-223 .total_width .kc-container{ width: 100vw !important; margin-right: 0px !important;}





html:lang(es-ES) .info_en{
   display:none;
}

html:lang(en-US) .info_es{
   display:none;
}




/**********************RESPONSIVE*****************************/

@media (max-width: 767px) {
  .nomovil{display: none;}
  .simovil{display: block;}

  .header{border-bottom: 1px solid var(--naranja);}
  .menu_ordenador{display: none !important;}
  #mimenumovil {  display: flex;  text-align: right; font-size: 30px;  padding: 20px; position: relative; right: auto;  z-index: 9999; width: 100%; justify-content: space-between;  align-items: center; }
	.logomovil a img{height: 4em;}
  #desplegable_movil{ height: 101vh; width: 100vh; position: relative; background-color: var(--naranja); top: 0px; margin-top: 25%; padding-left: 20px;}
  #desplegable_movil .menu-menu-principal-1-container{padding-top: 20%;}
  #desplegable_movil ul{list-style: none; margin-bottom:0px;}
  #desplegable_movil ul li a{color: var(--negro); text-decoration: none; font-size: 2em; line-height: 1.5em; }
  #desplegable_movil ul#menu-menu-principal-3{padding-left: 40px;}
  .fondo_color{color:var(--negro) !important;}
  p#movilmenu{font-size: 25px !important;}
	h1.saludo {font-size: 2em !important;}
	h1, h2 {font-size: 2em !important;}

  body .menu-menu1-container ul li, body .menu-menu2-container ul li{margin-bottom: 24px;}


	body.page-template-default .list-post-type.list-post.category .list-item .post-content{min-height: 250px;}
	
	

  img.logo_adri_home{ max-width: 90% !important; padding: 0px;}

  /*home*/
  div.cuadratxt{padding: 35px 0px;}
  .swiper-wrapper { display: inline-flex; flex-direction: column; overflow-y: auto; justify-content: space-between; width: 100%;}
  /********************linea tiempo movil*********************/
  /* The actual timeline (the vertical ruler) */
  .timeline { position: relative; max-width: 1000px; margin: 0 auto;}

  /* The actual timeline (the vertical ruler) */
  .timeline::after { content: ''; position: absolute; width: 6px; background-color: var(--gris); top: 0; bottom: 0; left: 50%; margin-left: -3px; height: 84%;}

  /* Container around content */
  .container { padding: 10px 40px;  position: relative; background-color: inherit; width: 50%; }

  /* The circles on the timeline */
  .container::after { content: ''; position: absolute; width: 25px; height: 25px; right: -17px; background-color: var(--negro); border: 4px solid var(--negro); top: 15px; border-radius: 50%; z-index: 1; }

  /* Place the container to the left */
  .left { left: 0; }

  /* Place the container to the right */
  .right { left: 50%; }

  /* Add arrows to the left container (pointing right) */
  .left::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white; }

  /* Add arrows to the right container (pointing left) */
  .right::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }

  /* Fix the circle for containers on the right side */
  .right::after { left: -16px; }

  /* The actual content */
  .content { padding: 20px 30px; background-color: white; position: relative; border-radius: 6px; }

  .spacio_movil{padding: 20px;}


  /*FOOTERS*/
  .footer_home .contacto1 { width: 100%; border-right: none; padding: 3% 0%; background-color: var(--fondo); position: relative; text-align: center;}
  .crear{width: 100%;}
  .footer_kit_digital{width: 100vw;}
  .footer_proy {flex-direction: column;}
  .footer_proy .contacto1, .footer_proy .contacto2, .footer_proy .contacto3 { width: 100%; border-right: none; text-align: center;}

  /*CONTACTO*/
  body.page-id-16 .background-line, body.page-id-185 .background-line {display:none;}
  body.page-id-16 .header, body.page-id-185 .header{border-bottom: 1px solid var(--azul);}
  .cnt_title_info, .txt_cnt2{text-align: center;}
  .footer_cnt .contacto1 { width: 100%;}
  .footer_cnt .contacto2 { border-left: none;}

  /*PROYECTOS*/
  body .post__title.text-center, body .post__title.text-center, body .post__title.text-center, body.post__title.text-center { font-size: 2.5em;}
  body .list-post-type .list-item h3 , body .list-post-type .list-item h3 { display: block;}
  body .list-post-type .list-item, body .list-post-type .list-item {width: 100%;}
  body.page-template-default .list-post-type.list-post.category{ flex-direction: column;}
  body.page-template-default .kc-image-gallery .item-grid.grid-2 { width: 100% !important;}

  /*PROYECTOS INTERNA*/
  body .kc_image_gallery.kc-grid .item-grid.grid-2{ width: 100% !important; }

  /*SERVICIOS*/
  body.page-id-14 .servicio_title, .page-id-190 .servicio_title{ font-size: 2em;}
  .proceso_title { font-size: 2em;}
}


  /* Media queries - Responsive timeline on screens less than 600px wide */
  @media screen and (max-width: 600px) {
  /* Place the timelime to the left */
    .timeline::after {  left: 31px; }

  /* Full-width containers */
    .container { width: 100%; padding-left: 70px; padding-right: 25px; }

  /* Make sure that all arrows are pointing leftwards */
    .container::before { left: 28px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }

  /* Make sure all circles are at the same spot */
    .left::after, .right::after { left: 15px; }

  /* Make all right containers behave like the left ones */
    .right {  left: 0%; }
  }