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



/* Gotham Thin */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

/* Gotham Extra Light */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}

/* Gotham Light */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

/* Gotham Book */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-BookItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

/* Gotham Medium */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-MediumItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

/* Gotham Bold */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

/* Gotham Black */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

/* Gotham Ultra */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Ultra.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-UltraItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}


:root {
  --color-fondo-blanco: #F7F9FB;
  --color-principal: #00256D;
  --color-principal-alt: #00256D;
  --color-secundario: #95C11F;
  --color-secundario-alt: #93D500;
  --color-secundario-ter: #95C11F;
  --font-family-principal: 'Roboto';
  --font-family-secundaria: 'Gotham';
}

#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: var(--color-fondo-blanco);   display: block; background-size: cover;}
body{ font-family: var(--font-family-principal),'Lato', 'Open Sans', sans-serif;    margin: 130px 0 0 0!important; color:var(--color-principal);font-size: 16px;}
body.customize-support .navbar-fixed-top{margin-top:0px;}
html,
body { }

hr{clear:both;border: 1px solid #000;}
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);   line-height: 110%; color: var(--color-principal); margin: unset; margin-top: 20px; margin-bottom: 20px; line-height: 110%;font-weight: 500; }

h1 {font-size: 60px; letter-spacing: -0.04em; text-transform: uppercase; }
h2{ font-size: 40px;   font-size: 40px; line-height: 110%;  letter-spacing: -0.04em;  }
h3{ font-size: 24px;}
h4{ font-size: 20px; font-family: var(--font-family-principal); font-weight: 400; line-height: 120%;}
b, strong{font-weight: bold;}
p{font-size: 16px; line-height: 140%;}
.limpiar{clear: both;}
.foo2{font-size: 13px; background-color: var(--color-principal); padding: 40px 0; color: white;}
.foo2 a{color: white; text-decoration: none;}
.foo2 *{color: white;}
.foo2 > .centro > .top{ padding-bottom: 35px; display: flex;  gap: 8%;}
.foo2 > .centro > .top .izda .contenido{ max-width: 275px;}
.foo2 > .centro > .top .dcha {display: flex; flex: 1 1 0;}
.foo2 > .centro > .top .titu{margin-top: 0; padding-bottom: 7px; border-bottom: 1px solid var(--color-secundario); font-family: var(--font-family-secundaria); letter-spacing: -.04em;}
.menu-menu-servicios-footer-container ul#menu-menu-servicios-footer li.menu-item-has-children > a{letter-spacing: -.04em;}
.foo2 > .centro > .top .contacto { margin-top: 8px;    flex: 1 1 0;}
.foo2 > .centro > .top .contacto .contenido {box-sizing: border-box; padding-right: 75px;}
.foo2 > .centro > .top .contacto .contenido p{margin-bottom: 15px;}
.foo2 > .centro > .top .contacto .contenido strong{font-family: var(--font-family-secundaria);}
.foo2 .dcha .contacto .titu{ font-size: 18px; }


.politicas{border-top: 1px solid var(--color-secundario); display: flex; padding-top: 22px;}
.politicas .left{margin-right: auto;}
.politicas .righ{margin-left: auto;}
.autor{font-size: 10px}
footer {padding: 0px 0 0px; }
footer .centro {}
.foomov {  display: none;  background-color: var(--color-principal);}
.flex4c.foomov .iflex {  color: rgba(255, 255, 255, 0.399);  text-align: center;}
.ftit{line-height: 110%;}

a.enlacetitulo{text-decoration: none;}
/*div.centro {width: 1200px;margin: 0 auto;max-width: 100%;}*/
div.centro {width: 85%;margin: 0 auto;max-width: 100%;}
div.centro2 {width: 75%;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*/

.bbottom, .borderb{border-bottom: 2px solid var(--color-principal); padding-bottom: 30px; margin-bottom: 0;} 
/*.btn,
nav.navbar #navbar >* > ul > li:last-child a,
.swiper-container .contenido a, .wp-block-button__link,
.bloque-formulario form input[type="submit"]  {display: block; width: fit-content; padding: 10px 17px; background-color: var(--color-secundario); color: #fff !important; text-decoration: none; border-radius: 5px; font-family: var(--font-family-principal);
  font-size: 16px;  font-weight: 500;  letter-spacing: normal; border: 1px solid transparent; transition: .35s ease all; } 
.btn:hover, nav.navbar #navbar >* > ul > li:last-child a:hover, .swiper-container .contenido a:hover, .bloque-formulario form input[type="submit"]:hover  {background-color: transparent; color: var(--color-secundario) !important; border-color: var(--color-secundario);}*/
/*menu*/
nav.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 999;background: #EDF5F9;height: 103px;}
.home nav.navbar, .page-template-page-plantilla-php nav.navbar {background: transparent;}
body.wordpress nav.navbar.fixed { position: absolute;background: transparent;   }
body.wordpress.home nav.navbar.fixed {background-color: transparent;}
nav.navbar .navbar-header{width: 20%;margin-top: auto;margin-bottom: auto;height: fit-content;margin-left: 43px;    margin-top: 29px;}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;  background: transparent;    top: 10px;   color: white;  }
body.customize-support nav.navbar .navbar-header button.navbar-toggle{top: 70px;}
.navbar-header .redes {position: fixed;right: 41px;top: 150px;}
.home nav.navbar.abrir .navbar-header button.navbar-toggle, .page-template-page-plantilla-php nav.navbar.abrir .navbar-header button.navbar-toggle{filter: invert(0) !important;}
.white {filter: invert(0) !important;}
nav.navbar .navbar-header a.navbar-brand img.white{filter: (1) !important;}
nav.navbar .navbar-header button.navbar-toggle, nav.navbar .navbar-header a.navbar-brand img, .navbar-header .redes img {filter: none;}
nav.navbar.abrir .navbar-header button.navbar-toggle, nav.navbar.abrir .navbar-header a.navbar-brand img{filter: invert(0);}
.navbar-header .redes > *{ cursor: pointer;}
.navbar-header .redes > *:hover{ opacity: .7;}
.navbar-header .redes > *:nth-of-type(1){ margin-top: 0px;}
.navbar-header .redes > *:nth-of-type(2){ margin-top: 40px;}
.navbar-header .redes > *:nth-of-type(3){ margin-top: 80px;}
.navbar-header .redes img, nav.navbar .redes img {width: 29px;}

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 {  position: fixed;  top: 6px;}
nav.navbar .navbar-header a.navbar-brand img{    max-width: 175px;padding: 8px 0;filter: none;}
.home nav.navbar .navbar-header a.navbar-brand img, .page-template-page-plantilla-php nav.navbar .navbar-header a.navbar-brand img{/*filter: brightness(0) invert(1);*/ }

nav.navbar #navbar{transition: transform .4s linear;}
nav.navbar #navbar *{position: relative;z-index: 999999;}
nav.navbar #navbar > .redes {display: flex; align-items: center; }
nav.navbar #navbar > .redes img{margin-right: 15px;}
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-start;flex-direction: column;}
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: white;text-decoration: none;font-size: 14px;}
body.wordpress nav.navbar.fixed #navbar ul li a{color: #fff; margin-bottom: 20px; display: block; padding-top: 5px; font-size: 17px; font-family: var(--font-family-secundaria); letter-spacing: 1.2px; }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover, nav.navbar #navbar ul li.current a{color: white; text-decoration: underline; }
/*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{}

.home nav {background-color: transparent;}
body.page nav.navbar {background-color: transparent;}

body.wordpress.home, body.wordpress { background-color: var(--color-fondo-blanco); }


/*INICIO Header*/
nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;}

nav.navbar .centro{    width: 100%; max-width: 100%;}
nav.navbar div#navbar.cerrado,
nav.navbar .bloqueidiomas.cerrado{}

nav.navbar.abrir .navbar-header a.navbar-brand img { /*filter: brightness(0) invert(1); */}
nav.navbar div#navbar{transform: translateX(calc(100% + 45px));background: linear-gradient(114deg, #F2F2F2 0%, #E2ECF2 100%);box-shadow: -4px 0px 10px 0px rgba(0, 0, 0, 0.15); background: var(--color-principal);}
nav.navbar #navbar .menu-menu-principal-container > ul{padding: 0 0 0;width: 100%;display: block;margin-right: auto;}
nav.navbar #navbar .menu-menu-principal-container > ul > li{width: 100%;padding: 0px;font-size: 22px;font-weight: bold;border-bottom: 1px solid white;    margin-bottom: 15px;}
nav.navbar #navbar .menu-menu-principal-container > ul > li:nth-last-of-type(1){}
nav.navbar #navbar .menu-menu-principal-container > ul > li a,
nav.navbar #navbar .menu-menu-principal-container > ul > li span{color: white;/*display: block*/;margin-bottom: 20px;padding-top: 5px;text-align: left;margin-right: auto;width: fit-content;font-size: 17px;font-weight: 600;}
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.hchilds:after{content:'';background-image: url('images/arrow.svg');position: absolute;right: -27px;width: 20px;height: 20px;z-index: 99999;transform: rotate(90deg);background-size: cover;}
nav.navbar #navbar .menu-menu-principal-container > ul > li span:has(*):after{transition-property: transform; transition-duration: .6s; }
nav.navbar #navbar .menu-menu-principal-container > ul > li.brir span:after{ transform: rotate(-90deg);}
nav.navbar #navbar .menu-menu-principal-container > ul > li > ul{    position: relative; background: transparent; padding: 12px 0; min-width: auto;}
nav.navbar #navbar .menu-menu-principal-container > ul > li.brir > ul{  display: block;}
nav.navbar #navbar .menu-menu-principal-container > ul > li > ul > li{font-weight: normal; margin: 0px; padding: 0px;}
nav.navbar #navbar .menu-menu-principal-container > 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: 41px;border: 0px;padding: 8px 0px 12px 11px;background: transparent;top: 33px;}
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: var(--color-secundario); }

nav.navbar.abrir  .navbar-header button.navbar-toggle{        top: 8px;    padding: 8px 0 0; z-index: 9999; position: fixed;color: black;}


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

.navbar-fixed-top.abrir .menu-txt{display: none;}




.servicios-padre h2 {  font-size: 50px;  text-transform: uppercase;  font-weight: bold;  margin-bottom: 25px;  margin-top: 70px;}
.servicios-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 20px;}
.wp-block-column:has(>.servicios-item){height: 100%;}
.servicios-item {
  background: #fff;  border-radius: 12px;  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  overflow: hidden;  display: flex;  flex-direction: column;  justify-content: space-between;  /*tituerro height: 100%;Para que todas las cajas tengane el mismo tamaño*/ max-height: 100% !important; height: 100%;}

.servicios-item img{ height: 250px !important;}

.servicios-item > *, .servicios-item > * > *{height: 100%;}
.servicios-item .is-layout-flex{align-items: normal; justify-content: normal;flex-direction: column;}
.servicios-item .is-layout-flex .wp-block-button{margin-top: auto;}
.servicios-item .wp-block-group__inner-container .wp-block-group__inner-container{    height: 100%;  display: flex;  flex-direction: column;}
.servicios-img img {
  width: 100%;
  height: auto;
  display: block;
}

.servicios-content {
  padding: 30px; padding-top: 20px;    height: auto;
  flex: 1 1;
}
.servicios-content h3 a{text-decoration: none; color: #00256D; transition: .4s ease all}
.servicios-content h3 a:hover{ color: #95C11F;}
.servicios-content h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: -1.2px;
  margin-top: 0;
}

.servicios-content p {
  font-size: 14px;
  color: #00256D;
  margin-bottom: 30px;
}

.servicios-item .btn, .servicios-item .wp-block-button.custom-button a.wp-block-button__link {
  display: inline-block;
  background: #95C11F;
  color: #fff !important;
  padding: 8px 15px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 14px;
  margin-top: auto;
  font-family: var(--font-family-principal);
  font-weight: 400;
}

.servicios-item .btn:hover, .servicios-item .wp-block-button.custom-button a.wp-block-button__link:hover {
  color: #388E3C !important;
  background-color: transparent;
  border: 1px solid #95C11F;
  font-family: var(--font-family-principal);
  font-weight: 400;
}

@media (max-width: 1024px) {
  .servicios-grid {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .servicios-grid {
      grid-template-columns: repeat(1, 1fr);
  }
}


/*Menu*/
nav.navbar #navbar .menu-menu-principal-container > ul > li > ul {
  display: block !important;
}



.btn, .swiper-container .contenido a, .wp-block-button__link, .bloque-formulario form input[type="submit"] {
  display: block;
  width: fit-content;
  padding: 10px 17px;
  background-color: var(--color-secundario);
  color: #fff !important;
  text-decoration: none;
  border-radius: 5px;
  font-family: var(--font-family-principal);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
  border: 1px solid transparent;
  transition: .35s ease all;
}

.banner-peque-background-color a.wp-block-button__link.wp-element-button:hover, .bloque-servicios-columnas a.wp-block-button__link.wp-element-button:hover, a.btn.btn-verde:hover {
  background-color: transparent;
  color: var(--color-secundario-patters) !important;
  border: 1px solid var(--color-secundario-patters);
}

body.page .page .centro article.post { margin-top: 80px; }
.banner-peque-background-color h2 {font-family: 'Gotham';  font-weight: 400;  font-size: 22px !important;  line-height: 121% !important;  letter-spacing: -.04em !important;  }
.banner-peque-background-color .wp-block-column { padding: 0em; }
.banner-peque-background-color  p.wp-block-heading.has-text-align-left.has-x-huge-font-size { margin-bottom: 0px; font-family: var(--font-family-secundaria); }

.wp-block-buttons.is-content-justification-left.is-layout-flex.wp-container-core-buttons-is-layout-1.wp-block-buttons-is-layout-flex{ padding-left: 0px !important; }
.bloque-servicios-columnas .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow { padding: 0em !important; }
.contenedor-single.bloque_nuestros_servicios { background-color: transparent !important; }
.menu-menu-principal-container ul#menu-menu-principal-1 li a{ text-transform: uppercase; }
.bloque-contenido-botones .centro2.contenido { font-size: 20px; line-height: 140%; }
.bloque-servicios-columnas h2.titulo_principal, .bloque-servicios-columnas .header-column h3, .bloque-servicios-columnas .header-column h3 a, .faq-cont.centro .contenido h2 { font-weight: bold !important; letter-spacing: -0.04em; }
/*Banner botones*/
.banner-botones .wp-block-button.custom-button { /*margin-left: 30px; */}
.banner-botones .wp-block-columns .wp-block-column p:last-of-type {/* margin-bottom: 30px;*/ }
.banner-botones .wp-block-columns .wp-block-column p:only-of-type { margin-bottom: 30px; }
.banner-botones p.wp-block-heading.has-text-align-left.has-x-huge-font-size { font-weight: bold !important; letter-spacing: -1px; }
.banner-botones p.wp-block-heading.has-text-align-left.has-x-huge-font-size.ftitsec {  font-size: 20px !important;    font-style: normal;    font-weight: 600 !important;    font-family: 'Roboto';    letter-spacing: 0; line-height: 120%; }
.banner-botones .colupastillas{gap: 12px;padding-top: 30px;}
.boton-banner-botones .texto-inicial, .boton-banner-botones:hover .texto-hover{display: flex;}
/*Banner botones*/



.menu-menu-servicios-footer-container ul#menu-menu-servicios-footer li a, .contacto .contenido p strong, .menu-menu-footer-container ul#menu-menu-footer li a{ font-size: 15px; font-weight: 400; font-family: var(--font-family-secundaria);}
.menu-menu-servicios-footer-container ul#menu-menu-servicios-footer ul.sub-menu li{ margin-bottom: 10px !important; }
.menu-menu-servicios-footer-container ul#menu-menu-servicios-footer ul.sub-menu li:last-of-type{ margin-bottom: 20px !important; }
.menu-menu-servicios-footer-container ul#menu-menu-servicios-footer li ul.sub-menu li a, .contacto .contenido p a{ font-size: 14px; font-weight: 400; font-family: var(--font-family-principal);}
.menu-menu-servicios-footer-container ul.sub-menu { list-style-type: disc; }

.contenedor-single .centro .post .centro, .page .centro .post .centro{ width: 100%; }

.cont-abierto.centro { text-align: left; color: #fff; margin-bottom: 20px; display: block; padding-top: 5px; font-size: 14px; font-family: var(--font-family-secundaria); margin-top: 50px; }
.cont-abierto.centro a { color: #fff; }

.navbar .col-der {text-align: right;    margin-left: -100px;}
#navbar > div.col-der > a:nth-of-type(4){margin-bottom: 20px;}
.navbar-collapse{width: calc(20% + 200px) !important;max-width: 75vw;height: 100vh;overflow: auto; background: darkgrey;padding:0 41px;margin-left: auto;transform: translateX(0px);    top: 0;  position: fixed;  right: 0;}
.navbar-collapse.cerrado{}

nav.navbar #navbar .menu-menu-principal-container {/*overflow: auto; max-height: 80vh;*/padding: 15vh 0 0 0; /*border-bottom:  1px solid white;*/}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:nth-last-of-type(1){border-bottom:0;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:nth-last-of-type(1) a {}
  nav.navbar .bloqueidiomas > div , nav.navbar .bloqueidiomas > div ul li a{padding-left: 5px ;padding-right: 5px;}


.custom-pattern .columna-flex-35{    flex-basis: 35%  }
.banner-botones .wp-block-column.columna-flex-35{display: flex; flex-direction: column; justify-content: center;        text-align: center;        border-left: 1px solid #95C11F;        border-left-width: 1px; border-left-style: solid; border-left-color: rgb(149, 193, 31); padding-left: 42px !important;    }
  /* 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%;   }

.faq-cont {padding: 30px 0;}
.faq-cont .contenido{max-width: 500px; margin: auto;padding: 45px 0; font-size: 18px; text-align: center;}
.faq-cont .contenido p{font-size: 18px;}
.faq-cont .contenido .btn{margin: auto;}

.faq-acordeon {  border-radius: 5px;  margin: 20px 0;  display: flex;  flex-wrap: wrap; gap: 20px; }
.faq-item {  border-bottom: 1px solid var(--color-principal);  width: calc(50% - 10px);  height: fit-content;}
.faq-question {  background-color: transparent;  border: none;  width: 100%; padding: 30px 65px 30px 25px;   cursor: pointer; font-family: var(--font-family-secundaria);  font-size: 20px;  font-weight: 400;  line-height: 125%;  letter-spacing: -0.04em; color: var(--color-principal); text-align: left; position: relative; box-sizing: border-box; margin: 0; }
.faq-question .arr{position: absolute; right: 20px; transition: .35s ease all; pointer-events: none;    border: 1px solid var(--color-principal); border-radius: 100%; top: 0; bottom: 0; margin: auto;transform: rotate(180deg); }
.faq-item:has(.faq-answer.active) .faq-question {color: var(--color-secundario); border-bottom: 1px solid var(--color-secundario); transition: .35s ease all; }
.faq-item:hover .faq-question {color: var(--color-secundario);transition: .35s ease all; }
.faq-item:has(.faq-answer.active) .faq-question .arr{transform: rotate(0deg); border-color: transparent; transition: .35s ease all; }
.faq-item:hover .faq-question .arr{border-color: transparent; transition: .35s ease all; }
.faq-item:has(.faq-answer.active) .faq-question .arr path, .faq-item:hover .faq-question .arr path{fill: white; transition: .35s ease all; }
.faq-item:has(.faq-answer.active) .faq-question .arr ellipse, .faq-item:hover .faq-question .arr ellipse{fill: var(--color-secundario); transition: .35s ease all; }
.faq-answer {  padding: 0 15px;  max-height: 0; /* Oculta las respuestas por defecto */  overflow: hidden; /* Esconde el contenido desbordante */  transition: all 0.3s ease-out; /* Agrega una transición */}

.faq-answer.active {  max-height: 500px; /* Ajusta este valor según el tamaño esperado del contenido */  padding: 5px 15px;}
.contenido-desplegado {opacity: 0; height: 0;transition: .3s ease all;}

.visible > .contenido-desplegado {opacity: 1; height: auto;}

.bloque-servicioshijos {margin-top: 100px; margin-bottom: 100px;}
.bloque-servicioshijos .servicio-hijo{display: flex;gap: 25px;margin-bottom: 15px;/* flex-wrap: wrap; */}
.bloque-servicioshijos .servicio-hijo .contenido-desplegado .botones { margin-bottom: 30px; }
.bloque-servicioshijos .servicio-hijo .izda{/* width: 380px; */border-radius: 8px;object-fit: cover;height: 160px; /* Ajusta la altura según necesites */flex: 1 0 25%;}
.bloque-servicioshijos .servicio-hijo img.izda{/* max-height: fit-content; */width: 25%;}
.bloque-servicioshijos .servicio-hijo .dcha{position: relative;cursor: pointer;/* width: 100%; */border-bottom: 1px solid var(--color-secundario-ter);flex: 1 0 75%;}

.dcha {}
.bloque-servicioshijos .servicio-hijo .dcha svg{position: absolute;  right: 0px;  top: 20px;  margin: auto; }
.bloque-servicioshijos .servicio-hijo .dcha .contenido-inicial{max-width: 584px;}
.bloque-servicioshijos .servicio-hijo .dcha.visible .contenido-inicial *{color: var(--color-secundario); transition: .2s ease all;}


.swiper-container .swiper-slide{position: relative;display: flex;    min-height: calc(95vh - 130px); height: 600px; }
.swiper-container .swiper-slide img{height: 100%; width: 100%; object-fit: cover;     filter: brightness(0.65);  position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -2; }
.swiper-container .swiper-button-prev{left: 5%;}
.swiper-container .swiper-button-next{right: 5%;}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev{color: white;}
.swiper-container .swiper-pagination-bullet{background: transparent !important;  border: 1px solid white;  opacity: 1; height: 4px !important; transition: .3s ease all;}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-container .swiper-pagination-bullet:hover{background: white !important;}
.swiper-container .swiper-slide .contenido{display: flex; flex-direction: column; justify-content: center; align-items: center; color: white; text-align: center; padding: 2% 6%; margin: auto;}
.swiper-container .swiper-slide .contenido *{color: white;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 22px;}

.swiper-slide .contenido p{ margin: 4px; }


.bloque-contenido-botones {padding: 40px 0;}
.bloque-contenido-botones .botones {  display: flex;  gap: 20px;  justify-content: center; flex-wrap: wrap; align-items: center;}
.bloque-contenido-botones .botones .btn {  font-size: 40px;  letter-spacing: -0.04em;  padding: 15px 40px;  transition: 0.3s ease all;  overflow: hidden; /* Para evitar que el contenido extra desborde */ text-align: center; width: calc(50% - 10px);    box-sizing: border-box; font-family: var(--font-family-secundaria);}
.swiper-container .contenido a{font-family: var(--font-family-secundaria);}
.bloque-contenido-botones .botones .btn .texto-escondido {  max-height: 0;  opacity: 0;  transition: max-height 0.3s ease, opacity 0.3s ease;  display: block;  font-size: 20px;  font-weight: 400;  line-height: 195%;  text-align: center;  overflow: hidden; }
.bloque-contenido-botones .botones .btn:hover .texto-escondido {  max-height: 100px; /* Ajusta el valor según la altura máxima esperada */  opacity: 1;}


.bloque-formulario{margin-top: 50px;}
.bloque-formulario form {  display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: start;  gap: 0px;}
.bloque-formulario form > *{  width: 100%;}
.bloque-formulario form * {font-family: var(--font-family-principal); color: var(--color-principal);}
.bloque-formulario form label {  font-size: 21px;  font-weight: 700;  line-height: 150%;   color: var(--color-principal);  margin-bottom: 10px;}
.bloque-formulario form label span{/* color: var(--color-secundario);  */ font-family: 'Roboto'; color: #002D74;  font-weight: 400;  font-size: 16px;  line-height: 100%;  letter-spacing: 0;  }
.bloque-formulario form input, .bloque-formulario form textarea {border: 0; border-bottom: 1px solid var(--color-principal); padding: 10px; padding-left: 0; font-size: 16px; line-height: 150%; width: 100%; background-color: transparent; color: #002c74;padding-top: 15px;}
.bloque-formulario form input[type="checkbox"]{    float: left;  width: fit-content;  margin-top: 10px;margin-right: 15px;}
.bloque-formulario form .wpcf7-list-item:has(input[type="checkbox"]){  margin-left: 0;}
.bloque-formulario form p:has(input[type="checkbox"]){margin-top: 5px; margin-bottom: 5px;}
.wpcf7-not-valid-tip {  color: #dc3232 !important; padding-top: 5px !important;}
.bloque-formulario form input::placeholder,
.bloque-formulario form textarea::placeholder {font-family: 'Roboto';  font-weight: 400;  font-size: 16px;  line-height: 150%;  letter-spacing: 0; color: #002D7499;  }
.bloque-formulario form input:focus, .bloque-formulario form textarea:focus { outline: none; }
.bloque-formulario form textarea{height: 50px;}
.bloque-formulario form input::placeholder, 
.bloque-formulario form textarea::placeholder {color:  var(--color-principal); opacity: .6;  }
.bloque-formulario form input[type="submit"]{width: 100%;}
.bloque_nuestros_servicios h2.titulo_principal{
  padding: 100px 0px 10px 0;
  text-align: center;
  font-family: 'Gotham';
  font-weight: 400;
  font-size: 40px;
}
.bloque_nuestros_servicios p{
  margin: 0px;
  padding: 0px;
}
.header-column h3, .header-column h3 a {
  font-family: 'Gotham';
  font-weight: 400;
  font-size: 35px;
  color: #002D74;
  text-decoration: none;
}
.header-column h3 a:hover{ color: var(--color-secundario-patters);}
.bloque_nuestros_servicios .listado_servicios{
  margin-bottom: 20px;
  height: 100%;
}
.bloque_nuestros_servicios .wp-block-columns.is-layout-flex {
  display: flex;               /* Flexbox para el contenedor de las columnas */
  flex-wrap: wrap;             /* Asegura que las columnas se ajusten si hay varias filas */
  gap: 30px;                   /* Espacio entre columnas */
}
.bloque_nuestros_servicios .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  border-radius: 12px;
  background-color: #ffffff;
  text-align: center;
  display: flex;               /* Flexbox para alinear contenido interno */
  flex-direction: column;      /* Orden en columna */
  justify-content: space-between; /* Distribuye elementos (contenido + botón) */
  flex: 1;                     /* Todas las columnas tendrán la misma altura */
  min-height: 100%;            /* Asegura que las columnas sean iguales */
}
.bloque_nuestros_servicios.comolohacemos .wp-block-columns.is-layout-flex {
  display: flex;
  flex-wrap: wrap !important;
  gap: 20px;
}
.bloque_nuestros_servicios.comolohacemos .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  border-radius: 12px;
  background-color: transparent;
  box-shadow: none !important;
  border-color: #95C11F;
  border: 1px solid #95C11F;
  padding: 20px !important;
  text-align: left;
  display: flex;               /* Flexbox para alinear contenido interno */
  flex-direction: column;      /* Orden en columna */
  justify-content: space-between; /* Distribuye elementos (contenido + botón) */
  min-height: 100%;            /* Asegura que las columnas sean iguales */
}

/* Escritorio: 3 columnas */
.bloque_nuestros_servicios.comolohacemos .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  flex: 0 0 calc(33.333% - 60px); /* 33.333% menos el padding y gap */
}

.bloque_nuestros_servicios.comolohacemos h4 {
    font-family: 'Gotham';
    font-weight: 600;
    font-size: 25px;
    display: flex;
    align-items: center; /* Alinea verticalmente */
    gap: 5px; /* Espacio entre el número y el texto */
    margin-top: 0px;
    margin-bottom: 5px;
}
.bloque_nuestros_servicios.comolohacemos h4 span {
  color: #95C11F;
  font-size: 35px;
  font-family: 'Gotham';
  margin-right: 10px;
}
.bloque_nuestros_servicios.comolohacemos p {
  width: 80%;
  margin-left: 40px;
}


.lista-entradas .flex{justify-content: start;align-items: start;}
.lista-entradas img{width: 100%; height: 263px; object-fit: cover;}
.lista-entradas .tit > a{font-weight: 600;font-size: 25px;line-height: 1;letter-spacing: 0;color: var(--color-principal); display: block; padding-top: 22px;padding-bottom: 10px;}
.lista-entradas .excp{    font-weight: 400;    font-size: 16px;    line-height: 1.2;}
.homep{padding-top: 100px;}


.btn.rojo{background-color: #E40A0D;}
.btn.rojo:hover{/*background-color: transparent; color: #E40A0D !important; border-color: #E40A0D;*/}
.btnrojo{position: fixed;     cursor: pointer;    right: 100px; top: 39px; display: flex; gap: 10px; align-items: center;}
/* Tabletas: 2 columnas */
@media (max-width: 1024px) {
  .bloque_nuestros_servicios.comolohacemos .wp-block-column {
      flex: 0 0 calc(50% - 60px) !important; /* 50% menos el padding y gap */
  }
}

/* Móviles: 1 columna */
@media (max-width: 768px) {
  .bloque_nuestros_servicios.comolohacemos .wp-block-column {
      flex: 0 0 90% !important; /* 100% de ancho */
  }
}

.bloque_nuestros_servicios a{
  color: #00256D;
  font-size: 16px;
}
.bloque_nuestros_servicios figure {
  height: 185px;
  width: 100%; 
  border-radius: 12px 12px 0 0;
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat;
}
.contenedor-single.bloque_nuestros_servicios {
  padding: 10px 0 40px 0;
  margin-top: 0px;
}
/* Asegura que el botón quede al final */
.bloque_nuestros_servicios .boton-inferior {
  margin-top: auto; /* Empuja el botón hacia el fondo del contenedor */
  margin: 0 0 20px 0;
}
.boton-inferior a.wp-block-button__link.wp-element-button {
  color: #FFFFFF !important;
}
.bloque_nuestros_servicios .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Añade sombra */
  border-radius: 12px; /* Mantiene bordes redondeados si los tienes */
  background-color: #ffffff; /* Asegura un fondo para que la sombra sea visible */
}
.header-column hr {
  background-color: #D9D9D9;
  color: #D9D9D9;
  width: 80%;
  margin-bottom: 20px;
  border: 1px solid #D9D9D9;
}

.servicios-content hr {
  background-color: #D9D9D9;
  color: #D9D9D9;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #D9D9D9 !important;
}

.cabecera-pequena {min-height: 50vh; display: flex;align-items: end; background-position: center; background-size: cover;}
.cabecera-pequena h1 {color: white; text-transform: uppercase; padding-bottom: 65px; max-width: 650px; margin: 0;}
.contacto-menu, .logo-pc{display: none;}

.wp-block-columns {
  align-items: center;
}

.wp-block-column {
  flex: 1; /* Ajustar para que cada columna ocupe el espacio necesario */
  padding: 1em; /* Espaciado interno de las columnas */
  position: relative; /* Para usar pseudoelementos */
}
.patron-personalizado .wp-block-column {
  flex: 1; /* Ajustar para que cada columna ocupe el espacio necesario */
  padding: 0em !important; /* Espaciado interno de las columnas */
  position: relative; /* Para usar pseudoelementos */
}

/*.wp-block-column:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px; * Grosor de la línea *
  height: 100%; * Altura completa de la columna *
  background-color: white; * Color de la línea *
}*/

.wp-block-group.alignfull.custom-pattern.banner-peque-background-color.border-radius-12.has-color-1-background-color.has-background:not(.patron-personalizado):not(.banner-botones) .wp-block-column:nth-last-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%; /* Colocar la línea a la derecha de la penúltima columna */
  width: 1px; /* Grosor de la línea */
  height: 100%; /* Altura completa de la columna */
  background-color: white; /* Color de la línea */
}



.bloque-servicios-columnas {
  margin-top: 80px;
}

.bloque-servicios-columnas .wp-block-column img {
  vertical-align: middle;
  /*margin-right: 10px;*/
}
.bloque-servicios-columnas .wp-block-column > p {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  margin-right: 15px; 
  align-items: center;
}
.bloque-servicios-columnas .wp-block-column p:last-of-type {
  margin-bottom: 0;           /* Elimina margen en el último bloque */
}

ul#menu-menu-footer {
  list-style: none;
  padding-left: 0px;
  text-transform: uppercase;
}
ul#menu-menu-footer li {
  margin-bottom: 10px;
}
ul#menu-menu-servicios-footer {
  list-style: none;
  padding-left: 0px;
  text-transform: uppercase;
}
ul#menu-menu-servicios-footer > li > ul > li {
  text-transform: none;
}
ul#menu-menu-servicios-footer > li > ul {
  padding-left: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}
ul#menu-menu-footer li a, ul#menu-menu-servicios-footer li a {
font-size: 15px;
}
ul#menu-menu-servicios-footer ul.submenu li a {
  font-size: 14px;
  font-family: 'Go';
}

.front-page .bloque-cabeceragrande h2{font-size: 60px;} 
.front-page .bk1 .swiper-slide a{    padding: 12px 12px;    font-size: 16px;  font-weight: 500;}
.front-page .bk1 .swiper-slide a:hover{    background-color: transparent;  color: var(--color-secundario-patters) !important;  border: 1px solid var(--color-secundario-patters);}
.boton-banner-botones p{line-height: 120%;  }
.servicios-content hr{    border-top: 0 !important;    border-bottom: 0.5px !important;    margin-top: 2px;  margin-bottom: 0;}
.pageid-807 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{padding-top: 0;flex-shrink: 1; height: auto;display: flex; flex-direction: column;  }
.pageid-807 h2.wp-block-heading a{text-decoration: none; color: var(--color-principal); transition: .4s ease all; }
.pageid-807 h2.wp-block-heading a:hover{color: #95C11F; }
.contenedor-single-servicio h2{font-weight: 600;}
.bloque-servicios-columnas .wp-block-column > p > a:not(:first-of-type) img{padding-left: 28px;}
.bloque-servicios-columnas .wp-block-column > p > a:hover{transition: .3s ease all; color: var(--color-secundario)}

.swiper-container .swiper-slide{position: relative;display: flex;    min-height: calc(30vh - 130px);}
.grecaptcha-badge{opacity: 0;}

.bloque-contenido-botones{padding: 10px 0;}
.bloque-contenido-botones .botones {margin-top: 35px;}
.bloque-contenido-botones .botones .btn{font-size:  25px; padding: 15px;}

.swiper-container .swiper-button-prev{left: 3%;}
.swiper-container .swiper-button-next{right: 3%;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 35px;}
.custom-button .wp-block-button__link{font-family: var(--font-family-principal);}
.banner-superior-404{ padding: 170px 0;}
.banner-superior-404 h1{font-weight: 700;font-size: 150px;line-height: 110%;letter-spacing: -.04em;}

.single .contserv{display: flex;}
.single div.contserv .pleft{width: 65%;}
.single div.contserv .pright{width: 30%; margin-left: 5%;box-shadow: 0px 10px 54.2px 1px #0808081A;    top: 165px;   position: sticky;   height: fit-content; padding:  55px 50px;  background: white; border: 2px solid white; box-sizing: border-box;border-radius: 10px;}
.single div.contserv .pright .ti1{  font-size: 16px;   font-weight: 700;   line-height: 120%;   letter-spacing: 0.1em;   text-align: center ; color: var(--color-principal);   }
.single div.contserv .pright .ti2{ font-size: 25px;   font-weight: 700;   line-height: 120%;   text-align: center; color: black;  margin-bottom: 30px;  }
.single div.contserv .pright .btn{color: black; width: 100%; text-align: center; padding: 15px 30px; box-sizing: border-box;}


/*Cabecera Movil*/
@media (min-width: 941px) {
.contenedor-single-servicio .post{padding: 0 10%;}

  .servicios-content h3{min-height: 45px;}
  .front-page h1{font-size: 40px; font-weight: 400;}
  .faq-acordeon { display: grid; grid-template-columns: repeat(2, 1fr);}
  .faq-acordeon .faq-item{height: 100%; width: 100%;}
  .centro .centro2{width: 100%;}

  .contenedor-single-servicio h3{font-size: 30px;}
  body{  margin: 0px 0 0 0!important;  }
  body.home, body:has(.cabecera-pequena){  margin: 0px 0 0 0!important;  }
  .contacto-menu, .contacto-menu-azul{display: block; position: absolute;  right: 41px; top: 15px; z-index: 99; display: flex; gap: 20px;}
  .contacto-menu a{color: white; text-decoration: none; display: flex; gap: 10px; align-items: center;}
  .contacto-menu-azul a{color: #002D74; text-decoration: none; display: flex; gap: 10px; align-items: center;}
  .logo-pc{display: block; position: absolute;  left: 5%; top: 44px; z-index: 999;}
  .logo-pc.blanco {display: none;}
  .home .logo-pc.blanco, body:has(.cabecera-pequena) .logo-pc.blanco{display: block;}
  .home .logo-pc.normal, body:has(.cabecera-pequena) .logo-pc.normal{display: none;}
  .swiper-container .contenido a{padding: 30px 50px; font-size: 30px;}

.bloque-txtizd {width: 50%; margin: 35px 0; /*max-width: 525px;*/}
.bloque-txtizd p{ }

nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;}

  nav.navbar {background: #EDF5F9;height: 0px;}
  nav.navbar.abrir {background: transparent; height: 100vh;}
  nav.navbar .centro{    width: 100%; max-width: 100%;}
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{}

  nav.navbar .navbar-header { top: 16px;    margin-left: 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 {   color: white;width: 90%;text-align: left;}

  nav.navbar #navbar .menu-menu-principal-container > ul > li{width: 100%;/*border-top: 1px solid #D7DBE0;*/padding: 8px;font-size: 22px;font-weight: bold;padding-top: 0;margin-left: 3%;margin-right:3%; width: 88%;}
  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{color:#fff;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a{width: 100% !important;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{display: block;position: relative;    width: 100%;    text-align: center;}
  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: 3%;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;*/ }
  .navbar-header .redes {right: calc(3% + 11px);}

  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: #EDF5F9;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #EDF5F9;transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #EDF5F9;transform: rotate(1deg); top: -11px; position: relative;}

  nav.navbar .navbar-header a.navbar-brand {top: 33px; left: 41px;}
  .navbar-collapse {width: 100%;/* padding-left: 0; */padding: 0 41px;/* padding-top: 75px; */}
  .mobile-im {width: 40px;position: absolute;left: 3%;top: 25px;}
  .mobile-im img {    max-height: 47px;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a, nav.navbar #navbar .menu-menu-principal-container > ul > li span {font-size: 14px;}
  #navbar .cont-abierto {margin-top: 45px;}
  .cont-abierto .redes > a {margin-bottom: 15px;}
  .espects {flex-direction: column;}
  .espects .espect {width: 100%;}
  .wpcf7 input, .wpcf7 textarea {width: 100%;}
  .navbar-header .redes {top: 80px;}
  nav.navbar.abrir .navbar-header button.navbar-toggle{top: 15px !important;}

  .cont-abierto.centro .flex { display: flex; flex-direction: row; align-items: center; justify-content: left; margin-left: 3%; margin-right: 3%;}
  .cont-abierto.centro img { height: 31px; object-fit: none; margin-right: 25px; }
}

/*Cabecera Movil*/

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

  .bloque-contenido-botones .botones .btn{font-size: 30px;}
}




@media (max-width: 940px) {
  .btnrojo{    right: 75px;    top: 14px;}
.single .contserv h1{font-size: 30px !important; line-height: 1 !important;padding-top: 0 !important;}
.single .contserv h1 strong{ line-height: 1;}

     .single div.contserv .pleft{width: 100%;}
   .single div.contserv .pright{display: none;}
  .banner-superior-404{padding: 50px 0;}
  .wp-block-spacer:has(+ .servicios-item){display: none;}
  .servicios-item {/*height: fit-content;Para que todas las cajas tengane el mismo tamaño*/}

  h1 {font-size: 40px;}
h2{ font-size: 28px;}
h3{ font-size: 19px;}
h4{ font-size: 17px; }
.faq-item{width: 100%;}
  .contenedor-single-servicio h2{font-size: 22px;}
  .wp-block-column .wp-block-column{padding: 0;}
  .front-page .bloque-contenido-botones{padding-top: 30px;}
  .bloque-servicios-columnas .wp-block-column img{width: 25px;}
  .wp-block-columns.is-layout-flex{gap: 20px}
  .bloque-contenido-botones .centro2.contenido{font-size: 18px;}
  .centro .centro2{width: 100%;}
  .centro .wp-block-column{padding-left: 0; padding-right: 0;}
  .front-page  .bloque-contenido-botones .centro2.contenido *{text-align: left !important;}
  .front-page .bloque-contenido-botones .botones .btn{width: 100%;}
  .front-page .bloque-contenido-botones .botones{justify-content: start;}
  .front-page .bloque-cabeceragrande h2{font-size: 51px;} 
  .cabecera-pequena h1 {padding-bottom: 45px;}
  .foo2 {padding-bottom: 80px;}
  .foo2 > .centro > .top{flex-wrap: wrap;}
  .foo2 > .centro > .top > *{ width: 100%;}
  .foo2 > .centro > .top > .izda img {  margin-bottom: 10px;}
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li:last-child a{/*margin: auto;*/} 
  nav.navbar #navbar ul .sub-menu  {display: none;}/*flex*/
  body{    margin: 0px 0 0 0!important;}
  nav.navbar .navbar-header a.navbar-brand img{    max-height: 40px; max-width: initial;}

  .contacto-menu-azul, .contacto-menu{display: none;}
  
  nav.navbar {background: #072643bd !important;height: 0px;}
  nav.navbar.abrir { height: 100vh;}
  nav.navbar .centro{    width: 100%; max-width: 100%;}
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{display: none;}

  .cont-abierto.centro .flex { display: flex; flex-direction: row; align-items: center; justify-content: left; margin-left: 3%; margin-right: 3%;}
  .cont-abierto.centro img { height: 31px; object-fit: none; margin-right: 15px; }

  .navbar-collapse{ padding:0 20px; max-width: 85vw;}

  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li > a { text-align: center; }

  .banner-superior-servicios { height: 30vh; }
  /*.banner-superior-servicios p { font-size: 40px; }*/
  .foo2 > .centro > .top .contacto { margin-bottom: 40px !important; }

  .foo2 > .centro > .top .dcha { display: inline; }

  .politicas { display: inline; }


  .navbar-collapse {width: 100% !important;max-width: 100%; box-sizing: border-box;}

  ul#menu-menu-principal-1 a { color: #fff !important; }

  nav.navbar #navbar ul li { width: 100%; }
  nav.navbar #navbar ul .sub-menu li  {margin-top: 15px;}
  
  nav.navbar .navbar-header { top: 5px;    margin-left: 16px; left: 0; } 
  nav.navbar.abrir .navbar-header a.navbar-brand img { /*filter: brightness(0) invert(1); */}
  
  
  nav.navbar div#navbar {margin-top: 0px;  overflow: auto;  max-height: 100vh;}
  nav.navbar #navbar .menu-menu-principal-container{padding-top: 10vh;}
  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 { color: #fff; margin-bottom: 20px; display: block; padding-top: 5px; font-size: 17px; font-family: var(--font-family-secundaria); letter-spacing: 1.2px; }
  
  nav.navbar #navbar .menu-menu-principal-container > ul > li{width: 90%; border-top: 0px solid #D7DBE0; padding: 16px 0; font-size: 22px; font-weight: bold;   margin-bottom: 0 !important; padding-bottom: 10px !important; border-color: #BDD469 !important; }
  nav.navbar #navbar .menu-menu-principal-container > ul > li a{text-decoration: none;     font-weight: 700;    font-size: 45px !important;    Line-height: 110%;    letter-spacing: -.04em;    text-transform: uppercase; margin-bottom: 0 !important; padding-top: 13px !important;}
  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{color: var(--color-principal)}
  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{margin-top: 8px;display: block;width: 25px;height: 3px;;background: var(--color-secundario); }
  
  nav.navbar.abrir  .navbar-header button.navbar-toggle{   transform: rotate(45deg);    top: 15px;    padding: 8px 0 0;    right: 30px;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(1){    background:  var(--color-secundario);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background:  var(--color-secundario);transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: var(--color-secundario);transform: rotate(1deg); top: -11px; position: relative;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(4){ background-color: 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)); width: 80%;    left: 10%;    bottom: 20px;    border-radius: 100px;} 

  .foomov .iflex {    height: 50px;    width: 100%;    background-size: auto 50%;    background-repeat: no-repeat;    background-position: center;  border-left: 1px solid #7e7e7e;  }
  .foomov .iflex:first-child {    border-left: none;  }

  .foomov {   position: fixed;   z-index: 111;    width: 95%;    display: grid;    padding: 0 10px;    box-sizing: border-box;    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - 10px), 1fr));    border-radius: 30px;    left: 0;    right: 0;    margin: auto;    bottom: 15px;     box-shadow: 0 0 11px 0px #001a44;}
  .foomov .iflex {    height: 50px;    width: 100%;    background-size: auto 50%;    background-repeat: no-repeat;    background-position: center;    background-color: transparent;    border-left: 1px solid #7e7e7e;  }
  .foomov .iflex:first-child {    border-left: none;  }
  /*.banner-superior-servicios p { font-size: 40px; }*/
  .banner-superior-servicios h1 { font-size: 40px; color: white; text-align: left; }

  div.centro { width: 90%; margin: 0 auto; }

  .bloque-servicioshijos .servicio-hijo .dcha svg { top: -10px; }
  .faq-question .arr { /*top: -20px;*/ margin-top: 5px; }
  .faq-question { padding: 10px 75px 30px 25px; }
  .faq-cont { padding: 0px; }

  body.page .page .centro article.post { margin-top: 0px; }
  .banner-superior-servicios { margin-bottom: 40px; }
  
  h1 {font-size: 40px;}
  .front-page h1 {font-size: 35px;}
  h2{ font-size: 40px;}
  h3{ font-size: 19px;}
  h4{ font-size: 17px; }
  .faq-item{width: 100%;}

  .bloque-contenido-botones{padding: 10px 0;}
  .bloque-contenido-botones .botones {margin-top: 35px;}
  .bloque-contenido-botones .botones .btn{font-size:  25px; padding: 15px;}

  .swiper-container .swiper-button-prev{left: 3%;}
  .swiper-container .swiper-button-next{right: 3%;}
  .swiper-button-next:after, .swiper-button-prev:after{font-size: 35px;}

  

}



@media (max-width: 781px) {
  .banner-botones .wp-block-column.columna-flex-30{border-left: 0 !important;}
  .banner-botones .wp-block-column.columna-flex-30 > *{text-align: center; justify-content: center;}
.pageid-807 h2.wp-block-heading{font-size: 30px;}
}
@media (max-width: 550px) {
  .bloque-contenido-botones{padding: 10px 0;}
  .bloque-contenido-botones .botones .btn{width: 100%;}
  .swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;}
  .swiper-container h1{font-size: 36px;}
  div.centro2{width: 85%;}
  .bloque-servicioshijos .servicio-hijo {/* display: block; */flex-wrap: wrap;}
  .bloque-servicioshijos .servicio-hijo .izda { width: 100%; }
  .wordpress.page .page .centro .post :is(h1):first-of-type, .wordpress.single .centro .post :is(h1):first-of-type { font-size: 50px; }
  body.customize-support nav.navbar .navbar-header button.navbar-toggle {top: 10px;}
  .bloque-servicios-columnas {margin-top: 0px;}
}


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