/*
Theme Name: La Barba V3
Theme URI: https://labarbadelseo.com/
Author: Raul Narros
Author URI:  https://labarbadelseo.com/
Description: Cualquier duda, contacta con nosotros en r.narros@labarbadelseo.com
Text Domain: LaBarba
*/

#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before{ background-image: url('images/barbadelseo.png');    content: '';   width: 19px;   height: 24px;   top: 0;   background-color: #fff;   display: block; background-size: cover;}
body{ font-family:  'Montserrat','Roboto','Lato', 'Open Sans', sans-serif;    margin: 0!important;  color:#000000;font-size: 14px;}
body.customize-support .navbar-fixed-top{margin-top:32px;   }
html,
body {  overflow-x: hidden; }
body {padding: 25px;}
hr{clear:both;border: 1px solid #EFB810;}
hr.wp-block-separator{border-bottom: 0;color: #eee;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {font-family:  'Montserrat','Roboto';    font-weight: 700; color:#000000;line-height: 110%;}
h1 {font-size: 34px;font-weight: 800;}
h2{ font-size: 30px;}
h3{ font-size: 24px;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 10px}
.autor{font-size: 9px}
footer {padding: 10px 0 1px; margin-top: 25px; }
footer .centro {}
a,
a:visited,
a:active{color:#000;text-decoration: none;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 100%;margin: 0 auto;max-width: 100%;}
iframe{display: block; width: 100%;}
.cabecerainterior{ height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}
/*menu*/

nav.navbar {position: fixed;top: 0;padding-top:25px;left: 0;padding-left: 25px;right: 25px;z-index: 999 !important;background: transparent;  /*width: calc(14% - 30px);*/padding-right: 30px;     background: white; }
body.wordpress nav.navbar.fixed {    }
nav.navbar .navbar-header{float: left;padding-bottom: 20px}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;  background: transparent;    top: 15px;     }
body.customize-support nav.navbar .navbar-header button.navbar-toggle{top:50px;}
nav.navbar .navbar-header button.navbar-toggle.collapsed{}
nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 4px;display: block;width: 25px;height: 3px;border-radius: 1px;background: #EFB810; }
nav.navbar .navbar-header a.navbar-brand{}
nav.navbar .navbar-header a.navbar-brand img{height: 75px;object-fit: contain;width: calc(100% - 50px);}
.foo2 {margin-right: calc(14vw - 30px);}

nav.navbar #navbar{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;  font-family:  'Montserrat','Roboto','Lato', 'Open Sans', sans-serif;  }
#navbar ul {font-family:  'Montserrat','Roboto','Lato', 'Open Sans', sans-serif;}
nav.navbar #navbar.collapse{}
nav.navbar #navbar ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: flex-end;}
nav.navbar #navbar ul li{  padding: 36px 1%; position: relative;width: auto;margin: 0px 1%; text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar ul li:nth-last-of-type(1){  padding-right: 0;margin-right: 0; }
nav.navbar #navbar ul li a{color: #000;text-decoration: none;font-size: 14px;}
body.wordpress nav.navbar.fixed #navbar ul li a{color: #000; }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{color: #EFB810; }
nav.navbar #navbar ul li:hover ul{display: block;}
nav.navbar #navbar ul li.current-menu-item ul li{}
nav.navbar #navbar ul li.current-menu-item ul li a{}
nav.navbar #navbar ul li ul{ left: 0; position: absolute; display: none; width: 100%;}
nav.navbar #navbar ul li ul li{}
nav.navbar #navbar ul li ul li a{}
.current:not(> ul) {font-weight: bold !important;}
#navbar .current > a {font-weight: bold !important;}

.current * {text-decoration: none;}

/* Flex */
.flex{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.flex .iflex{flex-direction: column;}
.fleximage .iflex{     background-size: cover; background-position: center;}
.flex2c .iflex{ width: 50%;  margin:  0;padding: 1% 0;}
.flex2 .iflex{ width: 46%;  margin: 1%;padding: 1%;}
.flex3 .iflex{ width: 31.33%;  margin: 1%;padding: 0%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }

.sc {max-height: calc(100% - 35px);overflow: scroll;overflow-x: hidden;direction: rtl;list-style: none;padding-left: 15px;    margin-top: 10px; /* margin-bottom: 10px; */}
.sc::-webkit-scrollbar {-webkit-appearance: none;width: 2px;}
.sc::-webkit-scrollbar-track {background: #f1f1f1;}
.sc::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0, 0, 0, .5);box-shadow: 0 0 1px rgba(255, 255, 255, .5);}
.sc li {margin: 7px 0;direction: ltr;position: relative;padding-left: 9px;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.sc li:first-child {margin-top: 0;}
.sc li:last-child {margin-bottom: 0;}
.sc li::before {content: '·';font-size: 20px;position: absolute;top: -7px;left: 0px;color: #cccccc;}
.sc li:hover {text-decoration: underline;}
.sc a {text-decoration: none;}

li:has(ul.sc){max-height: calc(100% - 50px);position: relative;padding-top: 25px !important;}

#navbar a {text-decoration: none;}
#navbar a:hover {text-decoration: underline;}
#navbar > ul {padding-left: 0;list-style: none;display: flex;flex-direction: column;justify-content: space-around;height: calc(100vh - 210px);position: relative;}
#navbar > ul > li {padding: 5px 0;}
#navbar > ul > li > ul {margin-left: 0;}

.flex.men {justify-content: left;}
.mySwiper {height: 85vh;}
/*
.mySwiper .swiper-slide:first-child {width: 100% !important;}
.mySwiper .swiper-slide:first-child img{width: 100% !important;object-fit: cover;}
.mySwiper .swiper-slide:first-child img:first-of-type{filter: grayscale(1);}
.mySwiper .swiper-slide {width: fit-content !important;margin: auto;}
.mySwiper img{height: 100%;object-fit: cover;}
.mySwiper .swiper-slide-active {height: 100%;}
.mySwiper .swiper-slide-next {height: 100%;}
.mySwiper .swiper-slide {/*flex-shrink: 100 !important;}*/
.mySwiper .swiper-slide {width: 100% !important;display: flex;}
.mySwiper .swiper-slide img {object-fit: contain !important;max-height: 100%;display: block;  margin: auto;height: 40vh;}

h2.tipos {margin-top: 0px; margin-bottom: 10px;text-align: center;font-weight: 700;font-size: 13px;text-transform: uppercase;}
.obras-y-proys h1 {margin-top: 10px; text-align: center;font-size: 20px;font-weight: 400;margin-bottom: auto;}
.cont-i {    height: 95px;  display: flex;  justify-content: center;  align-items: center;flex-direction: column;}
#navbar + .obras-y-proys {/*margin-top: 0;margin-top: 85px;*/}
.obras-y-proys .cont {position: relative;/* padding-bottom: 30px; */}
.obras-y-proys .cont .mySwiper {height: auto;margin-top: 15px;margin-bottom: 15px;}
.obras-y-proys .cont .swiper-pagination {    bottom: -20px !important;left: 0 !important;width: fit-content;right: 0;margin: auto;}
.obras-y-proys .cont .swiper-pagination > span{margin-right: 10px;margin-left: 10px;}
.obras-y-proys .cont .swiper-pagination > span:first-child{margin-left: 0px;}
.obras-y-proys .cont .swiper-pagination > span:last-child{margin-right: 0px;}
.swiper-pagination-bullet-active {background: black !important;}
.obras-y-proys .breadcrumbs {margin-top: 30px;margin-left: auto;width: fit-content;font-weight: normal;letter-spacing: 1.5px;font-size: 15px;}
.obras-y-proys .breadcrumbs span.gr {color: darkgrey;}
.flex.datos {width: 100%;margin-top: 25px;    line-height: 1.42857143;  letter-spacing: 1px;}
.flex.datos > *{margin-right: 4px;line-height: 20px;font-size: 9px;}
.pageid-134 p {letter-spacing: .7px;}

.pageid-134 .wpcf7-form input, .wpcf7 textarea{border: 1px solid #e8e8e8;font-size: 15px;color: #000;padding: 10px 15px 8px;margin: 0 0 25px; letter-spacing: 1px;line-height: 28px;width: 100%;font-weight: 300;}    
.wpcf7 textarea {font-size: 15px;min-height: 180px;border: 1px solid #e8e8e8;width: 100%;margin-top: 20px;height: 100px;font-weight: 300;}
.wpcf7 input[type="submit"] {background: #35373e;color: #fff;font-size: 12px;font-family:  'Montserrat', sans-serif;text-transform: uppercase;letter-spacing: 2px;width: auto;padding: 10px 25px;margin: 0;line-height: 110%;}
.pageid-134 h1 {width: auto;color: #232323;font-size: 13px;text-transform: uppercase;letter-spacing: 2px;margin-top: 0;margin-bottom: 15px;font-weight: 500;}
.pageid-134 .wpcf7-form p {margin: 0 !important;}
.pageid-134 .wpcf7-form input {margin-bottom: 10px !important;}
.pageid-134 a {text-decoration: none;}
.pageid-134 a:hover {text-decoration: underline;}
.pageid-134 .wp-block-column {height: fit-content;}
.foto-cont {margin-bottom: 50px;margin-top: 15px;}
.pageid-134 a, .pageid-134 p {    color: #555;font-size: 14px;font-family: "Montserrat", sans-serif;line-height: 110%;}
.pageid-134 *:has(> h1) hr{margin-left: 0;}

.page_id_134 > .centro img {object-fit: cover;max-height: 65vh;}
.page_id_134 :where(.wp-block-columns) {margin-bottom: 5px !important;}
.page_id_178 .wp-block-spacer {height: 57px !important;}
.li-equipo li{margin-bottom: 15px}

.arrow {  border: solid black;  border-width: 0 3px 3px 0;  display: inline-block;  padding: 3px;}

.right {  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);}
.left {
  transform: rotate(135deg);  -webkit-transform: rotate(135deg);}

.up {
  transform: rotate(-135deg);  -webkit-transform: rotate(-135deg);}

.down {
  transform: rotate(45deg);  -webkit-transform: rotate(45deg);}

.pageid-170 h1, .pageid-31 h1, .tit-gen, .pageid-134 h1 {text-align: center;font-size: 20px;letter-spacing: 2px;font-weight: 400;color: rgb(34, 34, 34);margin-bottom: 25px;}
.pageid-170 h1 + h3, .subt-gen { color: #777;text-align: center;font-size: 16px;letter-spacing: 0.5px;margin-bottom: 50px;font-weight: 500;line-height: 110%;}
.pageid-170 .wp-block-column::after{/*content: '';border-top:2px solid #F0F0F0;width: 100%;position: absolute;left: 0;top: 132px;z-index: -1;*/}
.pageid-170 .wp-block-column {position: relative;}
.pageid-170 .wp-block-column > h2 {font-size: 18px;margin-top: 35px;margin-bottom: 30px;position: relative;width: fit-content;margin-left: auto;margin-right: auto;}
.pageid-170 .wp-block-column > h2:before {  content: "";  font-size: 40px;  border-radius: 160px;  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);  border: 1px solid #e5e6e7;  text-align: center;  width: 3px;  height: 3px;  padding: 6px;  margin: auto;  position: relative;  background-color: #fff;  display: flex;  display: inline-flex;  left: -40px;  top: 0;  position: absolute;  }
.pageid-170 .wp-block-column:first-child > h2:before {background-color: #0ef9bb;}
.pageid-170 .wp-block-column:nth-child(2) > h2:before{background-color: #b238b2;}
.pageid-170 .wp-block-column:nth-child(3)  > h2:before{background-color: #8d8f2e;}
.pageid-170 p {font-family: 'Montserrat',  sans-serif;line-height: 110%;}
.pageid-170 .wp-block-column p {margin-top: 20px;margin-bottom: 20px;font-size: 13px;text-align: center;}
.procesos {display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
.pageid-170 .wp-block-column .wp-block-group__inner-container, .proceso:not(:nth-child(2n)) {width: 75px;height: 75px;margin-left: 0 !important;border-radius: 555px;border: 1px solid black;padding: 25px;display: flex;justify-content: center;align-items: center;position: relative;text-align: center;}
.pageid-170 .wp-block-column:nth-child(2n) .wp-block-group__inner-container, .proceso:nth-child(4n-1){width: 100px;height: 100px;}

.pageid-170 .wp-block-column:not(:last-child)::after/*, .proceso:not(:last-child)::after*/{content: "";background: url('images/arrow-arku.svg');width: 9.15px;height: 17.46px;background-size: cover;position: absolute;right: calc(50% - 83px);top: 43%;}
.pageid-170 .wp-block-columns {justify-content: center;
  align-items: center !important;}
.pageid-170 .wp-block-column:nth-child(2n):not(:last-child)::after{right: calc(50% - 95px);}
.flex.proyectos {    justify-content: left;}
.front-page #sort-options {display: none;}
#sort-options {position: relative;z-index: 21;text-align: center;}
#sort-options + .flex.proyectos a{position: relative;}
#sort-options + .flex.proyectos a.sin-img .desc{opacity: 1;}
#sort-options + .flex.proyectos .desc {position: absolute; height: 100%; top: 0; width: 100%;opacity: 0;}
#sort-options + .flex.proyectos a:hover .desc {display: block;background: rgba(255,255,255,0.9);opacity: 1;transition: opacity ease 1s;}
#sort-options + .flex.proyectos .tit { text-align: center;position: absolute;top: 0;bottom: 0;margin: auto;width: fit-content;height: fit-content;left: 0;right: 0;color: rgb(53, 55, 62);font-size: 13px;letter-spacing: 3px;padding: 0 20px !important;}
#sort-options + .flex.proyectos .tit .sep {margin: 10px auto;height: 1px;width: 0px;display: block;background: #35373e;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease}
#sort-options + .flex.proyectos a:hover .tit .sep {width: 30px;}
#sort-options + .flex.proyectos .tit .cats {color: black;font-size: 14px;letter-spacing: normal;}
#sort-options + .flex.proyectos.flex4 > .iflex {margin: 0 !important;width: 25%;height: calc(25vw - 215px);}

.myHomeSwiper {/*max-height: 80vh;*/ /* Set the width to a percentage of the parent container *//* height: 100vh; /* Set the height to 100% of the viewport height */}
.myHomeSwiper .swiper-slide{  /*text-align: left;  display: flex;  justify-content: start;  align-items: start; */ flex-shrink: 100 !important;
}
.myHomeSwiper .swiper-slide img{
  /*width: 100% !important;object-fit: contain;
  display: block;*/
   /* Ensure the image takes the full width of the slide */
   /* Ensure the image takes the full height of the slide */
  /*object-fit: contain; /* Maintain the aspect ratio of the image */max-width: 100%;
  }
.myHomeSwiper img{/*height: 100%;object-fit: contain;*/}


.jt-sep:before {  content: '';  position: absolute;  left: -30px;  right: 0;  bottom: 0;  background: #222;  width: 50px;  height: 1px;  margin: 5px 0;  -webkit-transition: all .4s ease;  -moz-transition: all .4s ease;  -ms-transition: all .4s ease;  -o-transition: all .4s ease;  transition: all .4s ease;}
.jt-sep {  width: 20px;  height: 1px;  background: #222;  display: block;  position: relative;  left: 0;  right: 0;  margin: 19px auto;  text-align: center;}
.jt-sep:after {  content: '';  position: absolute;  left: 0;  right: 0;  top: 0;  background: #222;  width: 50px;  height: 1px;  margin: 5px 0;  -webkit-transition: all .4s ease;  -moz-transition: all .4s ease;  -ms-transition: all .4s ease;  -o-transition: all .4s ease;  transition: all .4s ease;}
.cont-i:hover .jt-sep:before {left: -15px;}
.cont-i:hover .jt-sep:after{left: -15px;}
#navbar + *:hover .jt-sep:before {left: -15px;}
#navbar + *:hover .jt-sep:after{left: -15px;}

.btn-filt {border-right: 1px solid #ccc !important;color: rgb(102, 102, 102)
  !important;}
.btn-filt:last-child {border-right: 0 !important;}
.ob {font-size: 20px;font-family: 'Montserrat', sans-serif;text-align: center;font-weight: 400;margin-top: 42px;margin-bottom: 42px;}

#navbar {font-size: 11px !important;}

.page_id_170 h1, .page_id_170 h2{color: #000;font-size: 20px;text-align: right;font-weight: 300;letter-spacing: 2px;position: relative;width: 100%;  margin: 0.7em auto;  overflow: hidden;  text-align: right;}
.page_id_170 h1::before, .page_id_170 h2::before {content: "";display: inline-block;margin: 0 2% 4px -100%;vertical-align: bottom;border-bottom: 1px solid;width: 100%;}
.page_id_170 h3 {text-align: left;font-weight: 300;letter-spacing: 2px;font-size: 16px;width: 100%;  margin: 0.7em auto;  overflow: hidden;  }
.page_id_170 {/*padding-left: 5%;padding-right: 5%;*/}
.page_id_170 .wp-block-quote {margin: 0;margin-bottom: 50px;}
.page_id_170 cite {display: block;text-align: right;}
.page_id_170 h1, .page_id_170 h2, .page_id_170 h3 {margin-bottom: 50px;}
.page_id_170 h2, .page_id_170 h3 {margin-top: 70px;}
.page_id_170 p {text-align: justify;  font-size: 11px;  font-style: normal;  line-height: 15px; /* 136.364% */}
.page_id_170 h3 {  position: relative;  font-size: 16px;  z-index: 1;  overflow: hidden;  text-align: left;}
 .page_id_170 h3:after {margin-left: 15px;top: 85%;position: absolute;overflow: hidden;width: 100%;height: 1px;content: '\a0';background-color: black;}
.page_id_170 h3:before {  /* margin-left: -50%; */  text-align: right;}
p, textarea, input{font-family: 'Montserrat' !important;}



.cycle-slide {height: 100%;  flex-wrap: wrap;  display: flex !important;  align-items: center;  justify-content: center; right: 0;margin: auto !important;}
.content {width:100%; /*height:65vh;*/height: 50vh;  top:40px;left:10px; margin: 0; padding: 0; overflow:hidden;}
#portada {width:100%;  /*height:65vh;*/height: 50vh; margin:0;}
#portada img {    margin: 0;  max-height: 50vh;  max-width: 100%;  width: auto;  /* height: 100%; */  object-fit: contain;  display: block;  margin-top: auto;margin-bottom: 0;}
.subra a {text-decoration: underline;}
.subt-gen + p {text-align: justify;}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }
#prev, #next {cursor: pointer;}
#next {float: right;}




/*Cabecera Movil*/ 
@media (min-width: 941px) {
  .filete {position: fixed;height: 35px;bottom: 0;background-color: white;width: 100%;left: 0;}
  nav.navbar .navbar-header button.navbar-toggle{display: none;}
  nav.navbar #navbar > ul > li:hover > ul{display: block;}
  #navbar {width: calc(14% - 30px);position: fixed;top: 118px;font-family:  'Montserrat' !important;padding-right: 30px;}
  .pageid-134 #navbar a , .pageid-134 #navbar p {font-size: 11px;font-family: 'Montserrat' !important;}
  #navbar + *{width: 100%;margin-left: calc(40% - 88px);margin-right: calc(20% - 33px);margin-top: 105px;}
  .pageid-178   #navbar + *, .pageid-134 #navbar + *, .single  #navbar + *{margin-top: 20vh !important;}
  #navbar ul ul {font-size: 10px !important;}
  #navbar ul ul a {font-size: 10px !important;}
.pageid-134 *:has(> h1) *{/*max-width: 25vw;*/margin-top: 14px;}
.pageid-134 .wpcf7-form{width: 60%;margin-left: 0;margin-right: 75px;}
.page_id_134 {margin-top: 79px !important;}

.sc {padding-right: 0;}
nav.navbar .navbar-header a.navbar-brand img{width: calc(14vw - 30px);}
.logos, .accesibilidad {    margin-left: calc(40% - 124px);  margin-right: calc(20% - 33px);}
}
/*Cabecera Movil*/
@media (max-width: 1650px){
  #navbar  {font-size: 10px !important;}
}
@media (max-width: 1360px){
  
  #navbar, nav.navbar .navbar-header a.navbar-brand img { width: calc(20vw - 30px); }
  .foo2 {margin-right: calc(20vw - 30px); }
  #navbar + * {/* margin-left: calc(40% - 30px);margin-right: calc(20% - 60px);*/    margin-left: calc(40% - 33px);
    margin-right: calc(20% - 33px);}
    .logos, .accesibilidad { margin-left: calc(40% - 58px);margin-right: calc(20% - 33px);}
  #navbar  {font-size: 9px !important;}
  /*
  .pageid-170 .wp-block-columns, .procesos {flex-direction: column;}
  .pageid-170 .wp-block-column, .proceso {margin-bottom: 50px;}
  .pageid-170 .wp-block-column .wp-block-group__inner-container {margin: auto;display: inline-flex;}
  .pageid-170 .wp-block-column:not(:last-child)::after {top: unset;    rotate: 90deg;    bottom: -50px;    left: 50%;}
  .proceso img{    rotate: 90deg;}
  .page_id_170 h3:after{display: none;}
  */
  .pageid-170 .wp-block-column:nth-child(2n) .wp-block-group__inner-container, .proceso:nth-child(4n-1) {width: calc(6vw - 5px) !important;  height: calc(6vw - 5px) !important;}
  .pageid-170 .wp-block-column .wp-block-group__inner-container, .proceso:not(:nth-child(2n)) {     width: calc(4vw - 5px);    height: calc(4vw - 5px);   margin-left: 0 !important;    font-size: 10px;padding: 15px;}
}
@media (max-width: 940px) {
  body{    margin: 65px 0 0 0!important;}
  nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;height: 36px;
    width: 150px;}
  nav.navbar {background: #FFFFFF;height: 64px;    padding-top: 15px;}
  nav.navbar.abrir { height: 10vh;}
  nav.navbar.abrir .flex.men {display: block;}
  nav.navbar .centro{    width: 100%; max-width: 100%;}
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{display: none;}

  nav.navbar .navbar-header { top: 20px;     margin-top: 8px;}
nav.navbar.abrir .navbar-header a.navbar-brand img { /*filter: brightness(0) invert(1); */}

  nav.navbar div#navbar{}
  nav.navbar #navbar > ul{    padding: 0 0 0; width: 100%;}
  nav.navbar #navbar > ul > li{    width: 100%; border-top: 1px solid #D7DBE0; padding: 16px;    font-size: 22px; font-weight: bold;}
  nav.navbar #navbar > ul > li:nth-last-of-type(1){border-bottom: 1px solid #D7DBE0;}
  nav.navbar #navbar > ul > li a,
  nav.navbar #navbar > ul > li span{color:#fff;}
  nav.navbar #navbar > ul > li a{}
  nav.navbar #navbar > ul > li span{display: block;position: relative;}
  nav.navbar #navbar > ul > li span:after{content:''; background-image: url('images/flechab.png'); position: absolute; position: absolute; right: 4px; width: 15px; height: 24px; transform: rotate(90deg);}
  nav.navbar #navbar > ul > li span:after{transition-property: transform; transition-duration: 1s; }
  nav.navbar #navbar > ul > li.brir span:after{ transform: rotate(-90deg);}
  nav.navbar #navbar > ul > li > ul{    position: relative; background: transparent; padding: 12px 0; min-width: auto;}
  nav.navbar #navbar > ul > li.brir > ul{  display: block;}
  nav.navbar #navbar > ul > li > ul > li{font-weight: normal;}
  nav.navbar #navbar > ul > li > ul > li > a{}

  nav.navbar .bloqueidiomas{    right: 16px;}
  nav.navbar .bloqueidiomas .wpml-ls-legacy-list-horizontal ul li a{ color:#fff; text-decoration: none; }

  nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;background: transparent;top: 6px;}
  nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); border: 0;}
  nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 8px;display: block;width: 25px;height: 3px;;background: #000; }

  nav.navbar.abrir  .navbar-header button.navbar-toggle{   transform: rotate(45deg);     top: 8px;    padding: 8px 0 0;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(1){    background: #000;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #000;transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #000;transform: rotate(1deg); top: -11px; position: relative;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(4){    background: transparent;}

  .sc {max-height: 50vh;}
  #navbar {margin-left: 16px;display: none;}
  nav.navbar.abrir + .flex.men #navbar{display: block; position: fixed;z-index: 120;height: 100vh;background-color: #fff;    width: 100vw;left: 0;top: 55px; padding-top: 12px;padding-left: 7%; }
  nav.navbar {z-index: 19;top: 0;width: 100%;left: 0;}
  .obras-y-proys .cont .swiper-pagination {/*bottom: 85px !important;*/}
  .obras-y-proys .breadcrumbs {margin-top: 65px;}
  .pageid-134 .wpcf7-form{width: 93%;}
  body {padding-left: 25px;padding-right: 25px;}
#sort-options + .flex.proyectos.flex4 > .iflex {width: 33%;}
#sort-options + .flex.proyectos .tit {font-size: 10px;}
#sort-options + .flex.proyectos .cat {font-size: 11px;line-height: 1.2em;letter-spacing: normal;}
.myHomeSwiper {max-height: 60vh;}
#navbar + * {width: 100%;margin-left: 0;margin-right: 0;}
.logos, .accesibilidad {margin: 0;}
.obras-y-proys .cont .mySwiper {max-height: 45vh;}

.content {height:35vh; }
#portada {height:35vh;}

.foo2 {margin-right: calc(20vw - 33px);}
.pageid-170 .wp-block-columns, .procesos {flex-direction: column;}
.pageid-170 .wp-block-column, .proceso {margin-bottom: 25px;}
.pageid-170 .wp-block-column .wp-block-group__inner-container {margin: auto;display: inline-flex;}
.pageid-170 .wp-block-column:not(:last-child)::after {top: unset;    rotate: 90deg;    bottom: -50px;    left: 50%;}
.proceso img{    rotate: 90deg;}
.page_id_170 h3:after{display: none;}
.pageid-170 .wp-block-column:nth-child(2n) .wp-block-group__inner-container, .proceso:nth-child(4n-1) {width: calc(50vw - 5px) !important;  height: calc(50vw - 5px) !important;}
.pageid-170 .wp-block-column .wp-block-group__inner-container, .proceso:not(:nth-child(2n)) {     width: calc(36vw - 5px);    height: calc(36vw - 5px);   margin-left: 0 !important; padding: 25px;font-size: 14px;} 
.cmplz-cookiebanner {width: calc(100% - 50px) !important;}  
}



@media (max-width: 1250px) {
  div.centro{    width: 94%;}
  .navbar div.centro {width: 100%;}
  /*
  .pageid-170 .wp-block-columns, .procesos {flex-direction: column;}
  .pageid-170 .wp-block-column, .proceso {margin-bottom: 50px;}
  .pageid-170 .wp-block-column .wp-block-group__inner-container {margin: auto;display: inline-flex;}
  .pageid-170 .wp-block-column:not(:last-child)::after {top: unset;    rotate: 90deg;    bottom: -50px;    left: 50%;}
  .page_id_170 h3:after{display: none;}*/
.foo2 {margin-right: calc(20vw - 75px);}


}

@media (max-width: 350px) {
.obras-y-proys .cont .mySwiper {max-height: 25vh;}
#sort-options + .flex.proyectos.flex4 > .iflex {width: 100%;}
}
@media (max-width: 550px) {
  .myHomeSwiper {max-height: 40vh;}
  #sort-options + .flex.proyectos.flex4 > .iflex {width: 50%;}
  .obras-y-proys .cont .mySwiper {max-height: 35vh;}
  .foo2 {margin-right: 0;}
  .foo2 .righ {text-align: center;}
}



.has-pale-pink-background-color.has-pale-pink-background-color {background-color: #f78da7;}
.has-vivid-red-background-color.has-vivid-red-background-color {background-color: #cf2e2e;}
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {background-color: #ff6900;}
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {background-color: #EFB810;}
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {background-color: #7bdcb5;}
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {background-color: #00d084;}
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {background-color: #8ed1fc;}
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {background-color: #0693e3;}
.has-very-light-gray-background-color.has-very-light-gray-background-color {background-color: #eee;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {background-color: #abb8c3;}
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {background-color: #313131;}
.has-pale-pink-color.has-pale-pink-color {color: #f78da7;}
.has-vivid-red-color.has-vivid-red-color {color: #cf2e2e;}
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {color: #ff6900;}
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {color: #EFB810;}
.has-light-green-cyan-color.has-light-green-cyan-color {color: #7bdcb5;}
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {color: #00d084;}
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {color: #8ed1fc;}
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {color: #0693e3;}
.has-very-light-gray-color.has-very-light-gray-color {color: #eee;}
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {color: #abb8c3;}
.has-very-dark-gray-color.has-very-dark-gray-color { color: #313131; }
.has-small-font-size {font-size: 13px;}
.has-regular-font-size, .has-normal-font-size {font-size: 16px;}
.has-medium-font-size {font-size: 20px;}
.has-large-font-size {font-size: 36px;}
.has-larger-font-size, .has-huge-font-size {font-size: 42px;}