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

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');
:root {
  --font-family-principal: 'Manrope';
  --font-family-secundaria: 'Inter';
  --color-principal: #192022;
  --color-secundario: #F8F9FC;
  
}


#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: var(--font-family-principal),'Montserrat','Roboto','Lato', 'Open Sans', sans-serif;    margin: 132px 0 0 0!important;  color: var(--color-principal);font-size: 16px; }
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid var(--color-principal);}
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: var(--font-family-secundaria),'Roboto';    font-weight: 700; color: var(--color-principal);}
h1 {font-size: 70px;font-weight: 700; margin-top: 0; }
h2{ font-size: 40px; font-weight: 400;  letter-spacing: -0.05em;  }
h3{ font-size: 30px;  font-weight: 400;}
h4{ font-size: 23px;font-weight: 700}
h5{ font-size: 19px; font-weight: 700;}

h5{  font-size: 18px;  font-weight: 400;letter-spacing: -0.02em;  margin: 0; }
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo1{padding: 100px 0;}
.foo1 .conte {display: flex; justify-content: space-between;}
.foo1 .conte .izda {max-width: 35%;}
.foo1 .conte .dcha{width: 50%;}
.foo1 h2{color: var(--color-principal);  font-size: 40px;  font-weight: 700; letter-spacing: -0.05em;  margin-bottom: 20px; }

.foo1 .conte .dcha *{font-family: var(--font-family-principal); font-size: 16px;margin-left: 0;}
.foo1 .conte .dcha .flex p{width: 50%;}
.foo1 .conte .dcha .flex {gap: 30px;flex-wrap: nowrap;}
.foo1 .conte .dcha p input,.foo1 .conte .dcha p textarea {outline: none;}
.foo1 .conte .dcha .flex p input, .foo1 .conte .dcha textarea{border: 0; padding-bottom: 11px; border-bottom: 1px solid var(--color-principal); }
.foo1 .conte .dcha p textarea{height: 35px;}
.foo1 .conte .dcha .flex p input, .foo1 .conte .dcha textarea{width: 100%; }
.foo1 .conte .dcha p input[type="submit"]{    background-color: white;  border: 2px solid var(--color-principal);  padding: 10px 30px;  outline: none; color: var(--color-principal); font-weight: 600;}
.foo1 .conte .dcha p input[type="submit"]:disabled{opacity: .6;}

.foo2{font-size: 14px; color: #a6a6a6;padding: 80px 0 40px; background-color: #192022;}
.foo2 .menucont{justify-content: start; gap: 5%}
.foo2 p{font-size: 14px; color: #a6a6a6; text-decoration: none; font-weight: 300;}
.foo2 a{font-size: 14px; color: #a6a6a6; font-weight: 300;}
.foo2 h2{color: var(--color-secundario);  font-size: 40px;  font-weight: 700; letter-spacing: -0.05em;  margin-bottom: 20px; }
.foo2 .politicas{}
.foo2 .politicas a{margin-right: 5%;}
.foo2 .politicas a.autor{width: 100%; margin-top: 10px; color: #a6a6a6; display: block;}
.foo2 .dcha{width: 65%;    display: flex;  flex-direction: column;  justify-content: end;}


.footer-menu{padding-left: 0;padding-bottom: 75px;}
.footer-menu ul{ display: flex;  padding-left: 0;  list-style: none; gap: 15%}
.footer-menu > ul ul{flex-direction: column; gap: 10px; margin-top: 15px;}
.footer-menu .footer-menu-title a {font-family: 'Inter';  font-size: 16px;  font-weight: 300;  line-height: 19.36px;  letter-spacing: -0.05em;  text-align: left;  text-decoration: none; color: #A6A6A6; } 
.footer-menu .footer-menu-title > a {font-family: 'Inter';  font-size: 18px;  font-weight: 700;  line-height: 21.78px;  letter-spacing: -0.05em;  text-align: left; color: white; text-decoration: none;  }

.redes{display: flex; gap: 10px; margin-top: 38px;}
.redes a{width: 25px; height: 25px;}
footer .foo2 .izda {width: 30%;}
.autor{font-size: 10px}
footer { }
footer .centro {}
.foomov {  display: none;  background-color: var(--color-principal);}
.flex4c.foomov .iflex {  color: white;  text-align: center;}


.header-entero nav.navbar .navbar-header a.navbar-brand img {position: absolute; }


a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1440px;margin: 0 auto;max-width: 100%;}
div.centro2 {width: 90%;margin: 0 auto;max-width: 100%;}
div.centro60 {width: 60%;margin: 0 auto;max-width: 100%;}
iframe{display: block; width: 100%;}
.cabecerainterior{ height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.bkim {background-size: cover; background-position: center;}
.bkim.cabecera{min-height: calc(100vh - 35px);}
p{line-height: 150%;}
/*menu*/

nav.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 99; background: #fff;  }
body.wordpress nav.navbar.fixed {    }
nav.navbar .navbar-header{float: left;width: 20%;}
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: #000; }
nav.navbar .navbar-header a.navbar-brand{}
nav.navbar .navbar-header a.navbar-brand img{    max-width: 175px;padding: 8px 0;}

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;}
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: 56px 1.5% 33px; 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; }
.header-entero nav.navbar #navbar ul li a{color: var(--color-principal);text-decoration: none;font-size: 18px;}
nav.navbar #navbar ul li a{text-decoration: none;font-size: 18px;}
.header-entero.home nav.navbar #navbar ul li a, .header-entero:has(.contenedor-single-post) nav.navbar #navbar ul li a{color: #fff;text-decoration: none;font-size: 18px;}
nav.navbar #navbar ul li a{position: relative;}
nav.navbar #navbar ul li a::after{content: ''; border-bottom: 2px solid #192022;width: 0; transition: .4s ease all; padding-bottom: 5px; display: block; margin-left: -10px;}
.header-entero.home nav.navbar #navbar ul li a::after, .header-entero:has(.contenedor-single-post) nav.navbar #navbar ul li a:after{border-color: white;}
nav.navbar.fixed #navbar ul li a::after{ border-bottom: 2px solid #192022 !important}
nav.navbar #navbar ul li a:hover::after{    width: calc(100% + 20px);}

nav.navbar.fixed #navbar ul li a{color: var(--color-principal)}
body.wordpress nav.navbar.fixed #navbar ul li a{color: var(--color-principal); }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{color: var(--color-principal); }
nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li.current-menu-item > a{color: var(--color-principal) !important; }
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{}
nav.navbar #navbar ul li, nav.navbar #navbar ul li a{font-family: var(--font-family-secundaria);   font-size: 18px;  font-weight: 400;   letter-spacing: -0.05em;  }

body.header-entero{margin-top: 0 !important;}
body.header-entero nav.navbar{background-color: transparent; transition: .35s ease all;}
body.header-entero .cabecera{display: flex; align-items: center; padding-top: 150px;padding-bottom: 75px; box-sizing: border-box;}
body.header-entero nav.navbar.fixed{background-color: white;}
.swiperProyectos  .splide__list{padding: calc(5vh + 50px)  0 !important;}
.swiperProyectos .swiper-slide .bkim {height: 100%;height: 40vh;}
.swiperProyectos .swiper-slide{opacity: .5; transition: 1s ease opacity, transform 0.5s ease; cursor: grab;}
.swiperProyectos .swiper-slide.is-active {    transform: scaleX(1.5) scaleY(1.25);z-index: 99999999; border-radius: 14px; opacity: 1;}  
.swiperProyectos .swiper-slide.is-active .bkim{ border-radius: 14px;}  
.swiperProyectos .swiper-pagination .swiper-pagination-bullet{background:#293133}
/* 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%;   }


.btn{background-color: white; border: 2px solid var(--color-principal); padding: 10px 30px; outline: none; text-decoration: none;display: block;  width: fit-content;}
.btn.alt{background-color: transparent; color: white; border-color: white; } 

.single-servicios {display: flex;gap: 10%; }
.single-servicios h1{font-size: 80px; margin-bottom: 0; margin-top: 0;}
.single-servicios > * {width: 45%;}
.single-servicios > .dcha{margin-top: auto; height: fit-content;}

.desplegable-container {  width: 100%;}
.desplegable-item {  border-bottom: 1px solid var(--color-principal);  padding: 19px 0 15px 0;}
.desplegable-titulo {  display: flex;  justify-content: space-between;  align-items: center;  cursor: pointer;}
.desplegable-titulo h4{margin: 0;font-size: 19px;}
.toggle-icon {  font-size: 24px;  transition: transform 0.3s ease;}
.desplegable-contenido {  max-height: 0; /* Inicia con una altura máxima de 0 */  overflow: hidden; /* Oculta el contenido desbordante */  transition: max-height 0.3s ease, padding 0.3s ease; /* Transiciones suaves */  padding: 0 10px; /* Espaciado interno */}
.desplegable-item.active .desplegable-contenido {  max-height: 300px; /* Establece un máximo para la altura expandida (ajustar según el contenido) */  padding: 10px 10px; /* Espaciado interno cuando está activo */}


.desplegable-container-oscuro {background-color: var(--color-principal);}
.desplegable-container-oscuro .desplegable-item {  border-bottom: 1px solid white; }
.desplegable-container-oscuro *{  color: white !important;}
.desplegable-container-entero{padding: 65px 0;}
.desplegable-container-entero h2{font-weight: 600;}
.single-proyectos .cabecera {position: relative;}
.single-proyectos .cabecera::after {content:''; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 14.79%, #FFFFFF 100%); position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.single-proyectos .cabecera h1{margin-top: 0;margin-bottom: 0;line-height: 110%;}
.single-proyectos .cabecera h3{margin-top: 5px;margin-bottom: 15px;}
.single-proyectos .bkconte {padding: 50px 0;}

.front-page .cabecera .contenido *{color: white; }
.front-page .cabecera::after {content:'';background: linear-gradient(90deg, rgba(25, 32, 34, 0.8) -3.05%, rgba(25, 32, 34, 0) 100%);  position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.front-page .cabecera h1, .front-page .cabecera h2 {margin-bottom: 15px; line-height: 100%; }
.front-page .cabecera h3 {margin-bottom: 20px;}


.bkservicios h2 {font-weight: 700; margin-top: 0  ;}
.archive #proyectos-filtro{margin-bottom: 25px;}

#proyectos-filtro {display: flex; gap: 20px; margin-bottom: 50px; display: flex;  overflow: auto; align-items: center;  scrollbar-color: var(--color-principal) var(--color-principal);  padding-bottom: 15px;}
#proyectos-filtro::-webkit-scrollbar{    border-radius: 16px; /* Establecer un radio en la barra de desplazamiento */}
::-webkit-scrollbar {  width: 12px; /* Ancho de la barra de desplazamiento */  height: 12px; /* Altura de la barra de desplazamiento */}
::-webkit-scrollbar-thumb {  background-color: #888; /* Color del "pulgar" de la barra de desplazamiento */  border-radius: 6px; /* Radio de las esquinas del pulgar */}
::-webkit-scrollbar-thumb:hover {  background-color: #f1f1f1; /* Color del pulgar cuando está en hover */}
::-webkit-scrollbar-track {  background-color: #555; /* Color de la pista de la barra de desplazamiento */  border-radius: 6px; /* Radio de las esquinas de la pista */}

#proyectos-filtro .filter-btn{opacity: .4; transition: .35s ease all; cursor: pointer;font-weight: 600;     white-space: nowrap; /* Evita que el texto caiga en dos líneas */}
#proyectos-filtro .filter-btn.active, #proyectos-filtro .filter-btn:hover{opacity: 1;}
.container-bloques {display: flex; gap: 35px 3%; flex-wrap: wrap;}
.container-bloques.swiper-container > * {width: fit-content}
.container-bloques > * {width: calc(31.333%);}
.container-bloques .project-item a{text-decoration: none;}
.container-bloques .top {height: 13vw;position: relative;display: flex;background-color: var(--color-secundario);border-radius: 14px;}
.apartado-noticias .container-bloques .top {height: 17vw;position: relative;display: flex;background-color: var(--color-secundario);border-radius: 14px;}
.container-bloques .top img {border-radius: 14px;height: 100%;width: 100%;object-fit: cover;}
.container-bloques .bot h3 {margin: 30px 0 10px 0;font-weight: 700;}
.container-bloques .bot h4 {margin: 0; font-weight: 400;font-size: 18px;}
.apartado-proyectos {padding-bottom: 55px;padding-top: 45px;}
.apartado-proyectos h2{ font-size: 40px;  font-weight: 700;  letter-spacing: -0.05em; padding-bottom: 20px; }

.swiper-container .swiper-button-prev{top: 25px;}
.swiper-container .swiper-button-next::after{    content: '>';  font-size: 20px;  font-family: 'Roboto';  color: black; border: 2px solid black; padding: 12px;    box-sizing: border-box; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center;}
.swiper-container .swiper-button-next{top: 25px; left: 230px;}
.swiper-container .swiper-button-prev::after{   content: '<';  font-size: 20px;  font-family: 'Roboto';  color: black; border: 2px solid black; padding: 12px;    box-sizing: border-box; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center;}
.container-bloques #proyectos-filtro{position: absolute; left: 70px; top: 3px; z-index: 9;}
.container-bloques #proyectos-filtro a{text-decoration: none;    padding: 9px 30px 9px;}
.container-bloques.swiper-container > .swiper-wrapper{padding-top: 85px;}


.apartado-proyectos h1, .borderb, .front-page .cabecera .contenido a{border-bottom: 2px solid #fff;padding-bottom: 25px;margin-bottom: 25px;}
.borderb.fit, .front-page .cabecera .contenido a{width: fit-content;padding-bottom: 8px; text-decoration: none;}
.borderb.fit{}
.apartado-proyectos h1, .apartado-proyectos h2{border-bottom: 2px solid var(--color-principal);}

.bkservicios {background-color: var(--color-principal); padding: 84px 0 100px 0;}
.bkservicios * {color: white;}
.bkservicios p{color: #A6A6A6;padding-bottom: 10px;}
.bkservicios a{text-decoration: none; color: white;}
.bkservicios .servicio-cont{padding-top: 30px;display: flex;gap: 45px 40px;flex-wrap: wrap;}
.bkservicios .servicio-cont::-webkit-scrollbar{height: 8px; }
.bkservicios .servicio-cont > * {width: calc(25% - 30px);display: flex;flex-direction: column;justify-content: space-between;}
.bkservicios .servicio-cont > * .bot {    height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;}
.bkservicios .servicio-cont h4 {margin: 20px 0 5px;}
.single-proyectos .cabecera .contenido, .front-page .cabecera .contenido{position: relative; z-index: 2; box-sizing: border-box;}

.pagina-equipo .equipo{display: flex; flex-wrap: wrap; gap: 35px 3%; padding-bottom: 50px;}
.pagina-equipo .equipo .persona{width: calc(31.333%);}
.pagina-equipo .equipo .persona .top{height: 23.2vw;  width: 100%;  object-fit: cover; border-radius: 10px; background-color: #C4C4C4;}
.pagina-equipo .equipo .persona .top > *{border-radius: 10px; width: 100%; height: 100%; object-fit: cover; }
.pagina-equipo .equipo .persona .nombre{margin-bottom: 0;margin-top: 15px;}
.pagina-equipo .equipo .persona .cargo{letter-spacing: -.005em;margin-top: 10px;}

.bkresenas{background-color: var(--color-principal); padding: 84px 0 100px 0; margin-top: 25px;}
.bkresenas *{color: white;}
.bkresenas h2{font-weight: 700; letter-spacing: -.005em;}
.bkresenas .fl {display: flex; gap: 5%;}  
.bkresenas .fl > * {width: 47.5%; box-sizing: border-box;}
.bkresenas .fl .fle{display: flex; align-items: center; gap: 35px;}
.bkresenas .fl .fle h4{margin-bottom: 0; margin-top: 0;}
.bkresenas .fl .estrellas{margin-left: auto; width: fit-content;}
.bkresenas .fl .contenido *{color: #A6A6A6;}
.bkresenas .fl .estrellas svg{font-family: 'Manrope';  font-size: 14px;  font-weight: 400;  line-height: 140%;}

.bkresenas .swiper-container.resenas .swiper-button-prev{top: unset; bottom: 0; width: 44px; height: 44px; left: 0; }
.bkresenas .swiper-container.resenas .swiper-button-next{top: unset; bottom: 0; left: 65px; width: 44px; height: 44px;  }
.bkresenas .swiper-container.resenas {padding-bottom: 45px;}
.bkresenas .swiper-container .swiper-button-next::after,
.bkresenas .swiper-container .swiper-button-prev::after{color: white; border-color: white;}
.foo1 svg path{fill: black;}


.homep.pagina-equipo .equipo .persona .top{height: 11vw;}

.contenedor-single-post .cabecera h1{max-width: 783px; color: white;   font-size: 80px;  font-weight: 700;  line-height: 115%; letter-spacing: -0.05em; margin-bottom: 0;  }
.contenedor-single-post .cabecera .contenido {position: relative; z-index: 2;}
.contenedor-single-post .cabecera::after{content:''; background: #00000066; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
body.header-entero .contenedor-single-post  .cabecera {padding-bottom: 40px;}
.contenedor-single-post h2{font-weight: 700;}
.contenedor-single-post .contenido-principal img{width: 100%;}
.contenedor-single-post .contenido-principal .post{box-sizing: border-box; padding: 0px 225px; position: relative; margin-top: 35px; padding-bottom: 100px;}
.contenedor-single-post .contenido-principal {border-bottom: 2px solid var(--color-principal);}
.contenedor-single-post .contenido-principal .post .vlv{left: 0; position: absolute;}
.gotop {width: 55px;  height: 55px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 100%; background-color: var(--color-principal); position: fixed; right: 5%; bottom: 36px;  font-size: 15px;   z-index: 1000;  transition: opacity 0.3s;cursor: pointer; }

.post-navigation{display: flex; flex-wrap: wrap; align-items: center; gap: 25px 50px;}
.post-navigation > *{font-weight: 600; font-family: var(--font-family-secundaria);}
.post-navigation .next-post{ margin-left: auto;}


.apartado-noticias {background-color: var(--color-principal);}
.apartado-noticias * {color:#fff !important;}
.apartado-noticias .project-excerpt {color: #A6A6A6 !important;}
.apartado-noticias .swiper-container .swiper-button-next::after, .apartado-noticias .swiper-container .swiper-button-prev::after{color: white; border-color: white;}
.apartado-noticias #proyectos-filtro .filter-btn{background-color: transparent !important; border-color: white;}
.apartado-noticias h2 {border-bottom-color: white;}

.contenido-gut{padding: 65px 0;}
.contenido-gut h2{  font-size: 80px;  font-weight: 700;  line-height: 110%;  letter-spacing: -0.05em; margin-bottom: 0;  }
.contenido-gut h3{border-bottom: 2px solid black; padding-bottom: 23px; font-weight: 700; margin-bottom: 30px;}
.contenido-gut h4{margin-bottom: 5px;}
.contenido-gut .btn a{text-decoration: none;}

.contenedor-single-post .cabecera {min-height: 60vh;}


/*Cabecera Movil*/
@media (min-width: 941px) {
body.wordpress nav.navbar.fixed #navbar .wpml-ls-first-item a{border-left: 1px solid #192022;}
body.wordpress nav.navbar.fixed #navbar ul li{}
.wpml-ls-first-item {padding:45px 0 31px !important; margin-right: 0 !important;}
.wpml-ls-first-item a{border-left: 1px solid white; padding: 10px;padding-left: 40px;}
.header-entero nav.navbar .navbar-header a.navbar-brand.negro img {opacity: 0;margin-top: -6px;}
.header-entero nav.navbar .navbar-header a.navbar-brand.blanco img {opacity: 1;transition: .5s ease opacity;}
body.header-entero nav.navbar.fixed .navbar-header a.navbar-brand.negro img {opacity: 1;transition: .5s ease opacity;}
body.header-entero nav.navbar.fixed .navbar-header a.navbar-brand.blanco img {opacity: 0;}



.pagina-equipo {padding-top: 45px;}

  .post-navigation{margin-top: 35px;}
  .logos img {max-width: 65%;}
  nav.navbar .navbar-header button.navbar-toggle{display: none;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:hover .menu-menu-principal-container > ul{display: block;}
  .single-proyectos .cabecera .contenido, .front-page .cabecera .contenido{ padding-right: 50%; }
.front-page .cabecera .contenido a{font-size: 20px; font-weight: 700;}
.single-servicios {padding-bottom: 145px; }
#servicios, #faqs-container {/*margin-top: -63px;*/ position: absolute;}
}
@media (max-width: 940px) {
.header-entero nav.navbar .navbar-header a.navbar-brand.blanco img {opacity: 0;}
body.header-entero nav.navbar.fixed .navbar-header a.navbar-brand.blanco img {opacity: 0;}

  nav.navbar .navbar-header a.navbar-brand img{padding-top: 13px;}
  nav.navbar div#navbar{        position: absolute;    left: 0;    top: 65px;}
  .gotop{bottom: 70px}
  .desplegable-container-entero{padding-top: 45px;}
  .contenido-gut .wp-block-columns{flex-direction: column-reverse;}
  .contenido-gut{padding: 35px 0; padding-bottom: 50px;}
  .post-navigation .next-post{ margin-left: 0; }
  #servicios {margin-top: -50px; position: absolute;}
  .header-entero.home nav.navbar #navbar ul li a, .header-entero:has(.contenedor-single-post) nav.navbar #navbar ul li a{color: var(--color-principal);}
  body.header-entero nav.navbar {background-color: white;}
  .homep.pagina-equipo .equipo .persona .top{height: 21vw;}
  body nav.navbar.fixed, nav.navbar.abrir{background-color: white;}
  .contenedor-single-post .contenido-principal .post .vlv {position: relative; margin-bottom: 25px;}
  .contenedor-single-post .contenido-principal .post{padding: 0; padding-bottom: 50px; }
.bkservicios,
.bkresenas{padding: 40px 0;}
  .bkresenas h2{margin-bottom: 25px;}
  .pagina-equipo .equipo .persona{width: calc(48.5%);}
  .foo2{padding-top: 30px;}
  .footer-menu{ padding-bottom: 30px;}
  .politicas{    flex-direction: column;    display: flex;    gap: 10px;}
  footer .foo2 .izda, .foo2 .dcha{width: 100%;}
  .foo1{padding-top: 20px; padding-bottom: 20px;}
  .foo1 .conte{flex-wrap: wrap;}
  .foo1 .conte > * {width:  100% !important; max-width: 100% !important;}
  .apartado-proyectos {padding-bottom: 15px;}
  .single-servicios {padding-bottom: 45px; }
  h1, .contenedor-single-post .cabecera h1, .pagina-equipo h1, .contenido-gut h2{font-size: 50px; margin: 10px 0;}
  h2{font-size: 30px; margin: 10px 0;}
  h3{font-size: 23px; margin: 5px 0;}
  h4{font-size: 22px; margin: 5px 0;}
  .bkservicios .servicio-cont{flex-wrap: nowrap; overflow: auto;}
  .bkservicios .servicio-cont > *{width: 100vw; flex-basis: 100%; flex-shrink: 0; }
  .container-bloques{gap: 35px 3%;}
  .container-bloques > * {width: calc(48.5%);}
  .container-bloques .top {height: 26vw !important;}
  body{    margin: 75px 0 0 0!important;}
  nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;}
  nav.navbar {background: #FFFFFF;height: 64px;}
  nav.navbar.abrir {background: #FFF; height: 100vh;}
  nav.navbar .centro{    width: 100%; max-width: 100%;}
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{display: none;}

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

  nav.navbar div#navbar{}
  nav.navbar #navbar .menu-menu-principal-container > ul{    padding: 0 0 0; width: 100%;}
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li > a,
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li { }

  nav.navbar #navbar .menu-menu-principal-container > ul > li{    width: 100%; border-top: 1px solid #D7DBE0; padding: 16px;    font-size: 22px; font-weight: bold;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:nth-last-of-type(1){border-bottom: 1px solid #D7DBE0;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a,
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a{}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{display: block;position: relative;}
  nav.navbar #navbar .menu-menu-principal-container > 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 .menu-menu-principal-container > ul > li span:after{transition-property: transform; transition-duration: 1s; }
  nav.navbar #navbar .menu-menu-principal-container > ul > li.brir span:after{ transform: rotate(-90deg);}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul{    position: relative; background: transparent; padding: 12px 0; min-width: auto;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li.brir .menu-menu-principal-container > ul{  display: block;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul > li{font-weight: normal;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > 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: #333E48; }

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

  .foomov {    display: flex;    position: fixed;    bottom: 0;    z-index: 111;    width: 100%;    display: grid;    padding: 0 10px;    box-sizing: border-box;    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - 10px), 1fr));  }
  .foomov .iflex {    height: 60px;    width: 100%;    background-size: auto 50%;    background-repeat: no-repeat;    background-position: center;    background-color:--color-principal#000;    border-left: 1px solid #7e7e7e;  }
  .foomov .iflex:first-child {    border-left: none;  }
  
  .bkresenas .fl{flex-wrap: wrap; gap: 45px}
  .bkresenas .fl > *{width: 100%;}
  div.centro60{width: 90%;}
}

/*Cabecera Movil*/

@media (max-width: 1500px) {
  div.centro{    width: 94%;}
  div.centro{    width: 95%;}

}
/*Cabecera Movil*/

@media (max-width: 550px) {
  .homep.pagina-equipo .equipo .persona .top{height: 40vw;}
 .container-bloques{gap: 0;}
.container-bloques > * {width: calc(100%);}
.container-bloques .top {height: 50vw !important;}
.pagina-equipo h1{padding-bottom: 25px; padding-top: 10px;}
.pagina-equipo .equipo{gap: 10px;}
.pagina-equipo .equipo .persona{width: 100%}
.pagina-equipo .equipo .persona .top{ height: 50vw;}

}



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

/* Estilo inicial: ocultar los encabezados */
h1, h2, h3 {
  opacity: 0; /* Comienza invisible */
  transform: translateY(100%); /* Comienza 100% más abajo */
}

/* Clase que se aplicará para activar la animación */
.animate {
  animation: reveal 1.5s ease forwards; /* Define la animación */
}

.container-bloques .top{ transform: translateY(100%); opacity: 0;}

/* Definimos la animación */
@keyframes reveal {
  from {
      transform: translateY(100%); /* Desde 100% más abajo */
      opacity: 0; /* Invisible al inicio */
  }
  to {
      transform: translateY(0); /* A su posición original */
      opacity: 1; /* Ahora visible */
  }
}