/*
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=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');


:root {
  --color-fondo: #4B0822;
  --color-fondo-secundario: #ADBCAB;
  --color-fondo-secundario-claro: #E4EEE2;
  --color-texto: #212026;
  --color-texto-secundario: #340438;
  --font-family-principal: 'Red Hat Text';
  --font-family-secundaria: 'Red Hat Display';
  --font-family-terciaria: 'Hanken Grotesk';
}


#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:  'Red Hat Text', 'Roboto','Lato', 'Open Sans', sans-serif;    margin: 85px 0 0 0!important;  color:#212026;font-size: 16px;}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body { overflow-x: hidden;  }
@media (min-width: 941px) {
  body {overflow-x: clip;  }
}
p {margin-bottom: 25px;margin-top: 25px; line-height: 150%;}
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), 'Roboto';    font-weight: 700; color: var(--color-texto); line-height: 110%; }
h1 {font-size: 48px;font-weight: 400;    margin-top: 0;  margin-bottom: 27px;}
h2{ font-size: 40px;    margin-top: 0;  margin-bottom: 20px; font-weight: 400; font-family: Red Hat Display;
 
  }
h3{ font-size: 25px;     margin-top: 0;  margin-bottom: 10px; font-weight: 500; font-family: var(--font-family-secundaria);  font-weight: 400;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0%;}
h4 {font-size: 22px;    margin-top: 0;  margin-bottom: 10px; font-family: var(--font-family-principal); font-weight: 600;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.autor{font-size: 10px}
footer {padding: 10px 0 0px; }
footer .centro {}
.foomov {  display: none;  background-color: #4B0822; bottom: 8px;}
.flex4c.foomov .iflex {  color: white;  text-align: center;}

a{color: var(--color-texto);text-decoration:none;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 90%;margin: 0 auto;max-width: 100%;}
div.centro2 {width: 80%;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;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: 15px 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: #340438;text-decoration: none;font-size: 14px;}
body.wordpress nav.navbar.fixed #navbar ul li a{}
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{color: #340438; }
nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li.current-menu-item > a{color: #000 !important; }
nav.navbar #navbar ul li:hover ul{display: flex;}
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: 30px; position: absolute; width: 100%; min-width: 500px; display: none; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,.5); top: 100%;}
nav.navbar #navbar ul li ul li{width: 100%; text-align: left; margin: 0; padding: 15px;}
nav.navbar #navbar ul li ul li + li{border-top: 1px solid rgba(0,0,0,.5);}
nav.navbar #navbar ul li ul li a{padding: 0;}

/* Flex */
.flex, .bloques{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.bloques > .bloque {width: 50%;}
.bloques > .bloque.contenido {box-sizing: border-box; padding: 75px;}
.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, nav.navbar #navbar ul li a {display: block; padding: 13px 30px;transition: .4s ease all;border: 1px solid transparent; border-radius: 82px;  width: fit-content; text-decoration: none; font-family: var(--font-family-secundaria);  font-size: 20px;  font-weight: 400;   }
.btn.tr{background-color: transparent; border: 1px solid white;}
.btn.tr:hover{background-color: #340438; border-color: #340438;}
.btn.rojo{background-color: #4B0822; border: 1px solid #4B0822; color: white}
.btn.rojo:hover{background-color: transparent; border-color: #340438;color: #4B0822;}
.btn.verde {background-color: var(--color-fondo-secundario);color: white; box-shadow: 0px 0px 27.1px 0px #1D445626;}
.btn.verde:hover {border-color: var(--color-fondo-secundario);display: block; padding: 13px 30px; background-color: white; color: var(--color-fondo-secundario)}
.btn.azul{background-color: var(--color-fondo); color: white; border-color: var(--color-fondo); }
.btn.azul:hover {background-color: white; color: var(--color-fondo);}

.cajas > .caja { border-radius: 10px; box-sizing: border-box;}
.cajas > .caja.normal {border: 1px solid #D9EAF9;background-color: white;border-radius: 10px;margin-bottom: 10px;padding: 20px;box-sizing: content-box;}
.cajas > .caja.normal h4:nth-child(2){ padding-top: 10px; }
.cajas > .caja.normal h4:first-child{  font-size: 22px;  font-weight: 700; font-family: var(--font-family-secundaria);  }
.cajas > .caja.normal h4:first-child{color: #340438; font-weight: 600; font-family: var(--font-family-primaria);}
.cajas > .caja.imagen {border: 1px solid var(--color-fondo-secundario-claro); position: relative; ;}
.cajas > .caja.imagen .im h2 {display: none;}
.cajas > .caja.imagen .im {    width: 100%;  height: 100%; background-size: cover; background-position: center; border-radius: 10px; }
.cajas > .caja.imagentexto {position: relative; background-color: #D9EAF9;}
.cajas > .caja.imagentexto .im{    width: 100%;  height: 100%; background-size: contain; background-position: top right; border-radius: 10px; display: flex; align-items: end; background-repeat: no-repeat; }
.cajas > .caja.imagentexto .im > *{  font-size: 30px;  font-weight: 700; padding-bottom: 40px;padding-left: 35px; }


.swiper-bloques {padding-left: calc(5% - 10px) !important;margin-top: 35px;}
.swiper-bloques .swiper-slide {padding: 10px; cursor: grab;  height: auto; box-sizing: border-box;}
.swiper-bloques .bloque {box-shadow: 0px 0px 9.4px 0px #00000040;  width: 100%;height: 100%;border-radius: 10px;padding: 40px;box-sizing: border-box; padding-bottom: 20px; background-color: white;}
.swiper-bloques .bloque:hover {box-shadow: 0px 0px 9.4px 3px #00000040; }
.swiper-bloques .bloque p:last-child {margin-bottom: 0;}
.swiper-bloques .bloque p:has(img) {margin-top: 0; margin-bottom: 0;}
.swiper-bloques .bloque img {max-width: 45px;}
.swiper-bloques .bloque h4{margin: 15px 0 10px 0;}
.swiper-cont {position: relative;}
.swiper-cont .swiper-pagination {bottom: -25px !important;}
.swiper-cont .swiper-pagination-bullet-active {background-color:  #4B0822A8;}

.faq-container { gap: 60px;  padding-top: 50px;  max-width: 80%;   margin: auto;}
.faq-question{  margin-bottom: 15px;}
.faq-question .faq-head{  font-size: 20px;  color: #fff;  cursor: pointer;  padding: 14px 25px;  margin: 0;  display: flex;  justify-content: space-between;  align-items: center;border: 2px solid #AED2F2;  border-radius: 30px;  color: #3C4C59;font-family: 'Red Hat Text';  font-size: 21px;  font-weight: 600;  background: transparent; flex-wrap: wrap;transition: .4s linear all;}
.faq-question .faq-head:hover{border-color: #3C4C59; }
.faq-question .faq-head p{margin: 0px;  width: calc(100% - 25px);}
.faq-question .faq-head:hover{  }
.faq-question .faq-head > .pregunta {display: flex; width: 100%; align-items: center;}
.faq-question .faq-head > .pregunta span {display: flex;}
.faq-question .faq-content > *:first-child {  margin-top: 35px;}
.faq-question .faq-content{  max-height: 0px;  padding:0px 20px 0px 20px ;  overflow-y: hidden;  transition: all 0.4s ease;}
.faq-question.active .faq-content {  padding-bottom: 20px;  height: inherit;  max-height: 1500px;  width: 100%;}
.faq-question .respuesta p {  font-family: 'Red Hat Text';font-size: 16px;font-weight: 400;}
.faq-question .faq-head span {transition: .4s linear all;}
.faq-question.active .faq-head span {  transform: rotate(180deg); }





nav.navbar #navbar ul li a {background-color: white; }

.front-page .bk {padding-top: 25px;padding-bottom: 25px;}
.front-page .bk0{position: relative; background: #4B0822B2; padding-top: 0; }
.front-page .bk0 .imfondo{width: 100%;height: 100%;position: absolute; left: 0;  opacity: 0.3; object-fit: cover;    opacity: .7;  mix-blend-mode: multiply;  object-fit: cover;}
.front-page .bk0 .caja {display: flex;   border-radius: 20px; flex-wrap: wrap;}
.front-page .bk0 .caja > *{width: 100%;}
.front-page .bk0 .caja > .izda {position: relative;}
.front-page .bk0 .caja > .izda img{object-fit: cover; width: 100%; height: 100%; border-radius: 20px 0 0 20px;}
.front-page .bk0 .caja > .dcha {align-items: center;     display: flex;  flex-direction: column;  justify-content: center;  min-height: calc(60vh - 100px); position: relative;}
.front-page .bk0 .caja > .dcha *{color: white;}
.front-page .bk0 .caja > .dcha .btn{margin: auto;}
.front-page .bk0 .caja > .dcha > .cont{padding: 65px; }
.front-page .bk0 .caja > .dcha > .cont .desc{margin-bottom: 25px;}
.front-page .bk0 .caja > .dcha > .cont .desc p{font-size: 26px; font-family: var(--font-family-secundaria);}

.front-page .bk1 em {color: var(--color-fondo-secundario);font-style: normal;}
.front-page .bk1 .dcha .im{position: relative;border-radius: 20px; width: calc(100% - 100px); height: calc(100% - 100px); background-size: cover;}
.front-page .bk1 .dcha .im::after{content: ''; right: -43px;bottom: -46px; border-radius: 20px; height: calc(100% - 40px); width: calc(100% - 40px); position: absolute; z-index: -1;}

.front-page .bk2 {background-color: #fff; padding-top: 90px;}
.front-page .bk2 > * > .cont {margin-bottom: 35px;}
.front-page .bk2 > * > .cont h2{color: #4B0822;}
.front-page .bk2 h3 {color: #340438;}
.front-page .bk2 .flex{overflow-x: auto;overflow-y: hidden;flex-wrap: nowrap;justify-content: start;padding-bottom: 10px;margin-bottom: 30px;}
.front-page .bk2 .flex .iflex{flex: 0 0 calc(31.33% - 42px);     background: #F7EFF24D;  border: 1px solid #F7EFF2;}
.front-page .bk2 .flex .iflex.verde{background: #E7EFEB4D;  border: 1px solid #E7EFEB;}
.front-page .bk2 .flex .iflex.verde h3{color: #14533B;}


.front-page .bk3, .front-page .bk4 { padding-top: 75px;}

.front-page .bk3 h2 em{ font-style: normal; color: #340438;}
.front-page .bk4 h2 em { font-style: normal; color: var(--color-fondo-secundario)}
.front-page .bk4 {background-color: #fff;  padding-bottom: 35px; margin-bottom: 140px;}

.front-page .bk5 {padding-top: 45px;padding-bottom: 75px;   }
.front-page .bk5 .bloque {border: 2px solid var(--color-fondo-secundario-claro); border-radius: 20px; background-color: white; display: flex; flex-wrap: wrap;}
.front-page .bk5 .bloque > *{width: 50%;}
.front-page .bk5 .bloque > .im{background-size: cover; background-position: center; border-radius: 20px 0px 0px 20px;}
.front-page .bk5 .bloque > .cont{padding: 140px 120px 80px 80px; box-sizing: border-box;}

.front-page .bk6 {padding-top: 45px; background-color: #FAFAF7;}
.front-page .bk6 .btn{display: block; margin: auto;width: fit-content;}
.front-page .bk6 .swiper-slide {width: fit-content;}
.front-page .bk6 .swiper-slide img {max-width: 250px;}

.front-page .bk7  {padding-top: 45px; padding-bottom: 55px;  background: linear-gradient(to top, #EFF7FF 50%, white 50%);}
.front-page .bk7 .faq-container {padding: 75px; background-color: white;border-radius: 20px; border: 5px solid #EFF7FF; padding-top: 20px;}
.front-page .bk7 .faq-container > h2{max-width: 650px; margin: auto;padding-top: 50px; padding-bottom: 35px;}

.front-page .bk8 {padding-top: 55px;padding-bottom: 155px; background-color: #EFF7FF;}
.front-page .bk8 .flexi {gap: 70px; row-gap: 50px; margin-top: 60px;}
.front-page .bk8 .conte {gap: 17px;}
.front-page .bk8 .conte img{height: 52px; width: 52px; object-fit: contain;}
.front-page .bk8 .conte .dcha *{margin: 0;}

.front-page .bk9 iframe {border-radius: 20px;}
.front-page .bk9 .dcha input, .front-page .bk9 .dcha textarea {width: 100%;border: 1px solid #340438; padding: 10px 15px; box-sizing: border-box; margin-bottom: 20px; font-family: var(--font-family-principal); color: #340438; font-size: 16px;}
.front-page .bk9 .dcha input::placeholder, .front-page .bk9 .dcha textarea::placeholder {font-family:  var(--font-family-principal);font-family: Montserrat;  font-size: 16px;  font-weight: 300;  color: #231C3F59;}
.front-page .bk9 .dcha input[type="submit"] {background-color: #340438; color: white;  margin-bottom: 0; border-radius: 99px; padding : 15px 50px; background-color: var(--color-fondo); border: 1px solid transparent;width: fit-content; cursor: pointer; font-size: 20px; margin-top: 15px;}
.front-page .bk9 .dcha input[type="submit"]:hover {background-color: transparent; color: var(--color-fondo); border: 1px solid var(--color-fondo);}
.front-page .bk9 .dcha input[type="checkbox"] {border: 1px solid #340438; margin-left: 0px; margin-right: 5px; width: fit-content;}
.front-page .bk9 .dcha input[type="checkbox"] + span{color:#340438;}
.front-page .bk9 .dcha input[type="checkbox"] + span a{color:#340438;}
label:has(input[type="checkbox"]){display: flex  ;      gap: 5px;}
.wpcf7-list-item {margin-left: 0;}
p:has(.wpcf7-form-control-wrap) {font-family:  var(--font-family-principal);  font-size: 14px;  font-weight: 400; margin-top: 0;}
.front-page .bk9 .flex {padding-top: 50px;}
.front-page .bk9 .flex > * {    padding: 1%;  display: flex;  flex-direction: column;}
.front-page .bk9 .flex > .dcha  { box-sizing: border-box;}
.front-page .bk9 .flex > .dcha h3{color: #4B0822; padding-bottom: 20px; font-size:  22px;}
.front-page .bk9 .flex > .izda iframe {  flex-grow: 1;  width: 100%;  height: 100%;  border: 0;}
.front-page .bk9 .flex .cont {margin-bottom: 25px;}
.front-page .bk9 .flex .cont h2 {font-weight: 700;}

p:has(.wpcf7-select){font-family: var(--font-family-secundaria);color: #4B0822;  font-weight: 400;  font-size: 16px;  line-height: 100%;  }
.wpcf7-form-control.wpcf7-select {  padding: 8px 12px;  border: 1px solid #340438; /* Color morado del borde */  background-color: white;  color: #4B082259;   color: #4B0822; /* olor gris claro del texto */  font-size: 16px;  appearance: none; /* Oculta el estilo nativo del select */  -webkit-appearance: none;  -moz-appearance: none;  position: relative; margin-left: 10px;}

/* Agrega un icono de flecha personalizada */
.wpcf7-form-control.wpcf7-select {  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234B2354" troke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');  background-repeat: no-repeat;  background-position: right 10px center;  background-size: 12px;  padding-right: 30px; /* Espacio para la flecha */}

/* Cambio de color cuando el select está en foco */
.wpcf7-form-control.wpcf7-select:focus {  border-color: #6A2C70;  outline: none;}

/* Ajuste para navegadores que no soportan appearance */
select::-ms-expand {  display: none;}

/* Estilos checkbox */
 .wpcf7-acceptance label span{font-weight: 300; font-size: 16px; line-height: 1; letter-spacing: 0;color: #340438;}
 .wpcf7-acceptance label span a{color: #340438;}
 .wpcf7-acceptance label span a:hover{text-decoration: none;}
 .wpcf7-acceptance label input{width: 19px; height: 19px; border: 1px solid #340438; position: relative; top: -4px;}


footer .foo1 {background-color: #4B0822; color: white;padding-top: 100px;padding-bottom: 100px;}
footer .foo1 .container {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5%; }
footer .foo1 a{ color: white; text-decoration: none;}
footer .foo1 ul{list-style: none;    padding: 0;  text-align: left;}
footer .foo1 .left .logo {height: 93px; margin-bottom: 20px;}
footer .foo1 .left .conte {margin-top: 20px; margin-bottom: 15px;}
footer .foo1 .left ul {margin-top: 20px;}
footer .foo1 .left ul li {margin-bottom: 8px;}
footer .foo1 .med > ul{display: flex; flex-wrap: wrap;      gap: 30px 70px;  justify-content: start; }
footer .foo1 .med > ul > li > a{font-family: var(--font-family-secundaria);  font-size: 18px;  font-weight: 600;  letter-spacing: 0.1em;  }
footer .foo1 .sub-menu {margin-top: 20px; gap: 5px; display: flex;   flex-direction: column;}
footer .foo1 .sub-menu li{ gap: 8px; display: flex;   flex-direction: column; font-family: var(--font-family-principal);  font-size: 14px;  font-weight: 400;   text-transform: uppercase;}
footer .foo1 .right .cont, footer .foo1 .left .cont{width: fit-content; margin: auto;}
footer .foo1 .right .cont h3{  font-size: 18px;  font-weight: 600;  letter-spacing: 0.1em; color: white;   }
.contacto-footer p:first-child{margin-top: 20px;}
footer .foo1 .med > ul ul{}
footer .foo1 .med > ul ul > li{}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {border-radius: 100%; background-color: var(--color-fondo) !important;}

.front-page .bk3{background-color: #FAFAF7;} 
.front-page .bk3 .izda .faq-container{max-width: 100%;}
.front-page .bk3 .izda .faq-container .faq-head{padding-left: 10px;}
.front-page .bk3 .izda .faq-container .faq-question .faq-head{border-radius: 0; border-left: 0; border-right: 0; border-color: #4B082280;}
.front-page .bk3 .izda .faq-container .faq-question .faq-head .pregunta{  font-weight: 700;  font-size: 18px;  line-height: 180%;  color: #340438; font-family: var(--font-family-terciaria);  }
.front-page .bk3 .izda .faq-container .faq-question .faq-head .pregunta p{padding-left: 20px;}
.front-page .bk3 .izda .faq-container{}
.front-page .bk3 .izda .faq-container{}


.fila { display: flex; width: 100%; }
.caja { perspective: 1000px; width: 100%; position: relative; transition: height 0.4s ease; }
.flip-container { width: 100%; position: relative;}
.flipper { transition: transform 0.6s; transform-style: preserve-3d; position: relative; }
.front, .back {width: 100%;backface-visibility: hidden;display: flex;justify-content: center;align-items: start;/* padding: 20px; */box-sizing: border-box;position: absolute;top: 0;left: 0;border-radius: 10px; padding-bottom: 35px;}
.caja.flipped .front { display: none; }
.front { z-index: 2; }
.back { transform: rotateY(180deg); }
.caja.flipped .flipper { transform: rotateY(180deg); }
.contenido-visible { width: 100%; }
.carousel-container { width: 100%; overflow-x: auto; scrollbar-width: none; position: relative; }
.carousel-container::-webkit-scrollbar { display: none; }
.carousel { display: flex; gap: 20px; padding: 20px 3%; width: max-content; }
.slide{  flex: 0 0 calc(33.333vw - 20px); background: #fff; padding: 20px; border-radius: 10px; text-align: center; user-select: none; width: calc(33.333vw - 20px); }
.slide>.top{display: flex; align-items: center; gap: 12px}
.slide>.top>h2{font-weight: 500;  font-size: 100px;  line-height: 100%;  letter-spacing: .02em;  text-align: center;       color: #6E696533;}
.slide>.top>h3{border-bottom: #340438 solid 1px; font-weight: 600;  font-size: 24px;  line-height: 120%;  text-transform: uppercase; color: #340438; text-align: left; padding-bottom: 6px; max-width: 200px;}
.slide>.top>*{margin-bottom: 0;}
.slide>.conte{text-align: left;  font-weight: 400;  font-size: 18px;  line-height: 150%;  letter-spacing: 0%; color: #340438;  }
.scrollbar { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 25%; height: 6px; background: #e0e0e0; border-radius: 10px; overflow: hidden; cursor: pointer; }
.scrollbar-thumb { width: 33%; height: 100%; background: #450D35; border-radius: 10px; transition: transform 0.3s ease; }

.btn-abrir, .btn-cerrar{width: 34px; height: 34px; border-radius: 50%;  cursor: pointer; display: flex; justify-content: center; align-items: center;    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"><circle cx="17" cy="17" r="16.5" transform="rotate(-90 17 17)" fill="%234B0822" stroke="%234B0822"/><path d="M15.6797 21.0079L20.1875 16.5001L15.6797 11.9923" stroke="white"/></svg>'); background-repeat: no-repeat;  background-position: center;  background-size: contain; transition: .6s ease all;  position: absolute; bottom: 0;}
:where(.btn-abrir, .btn-cerrar):hover{opacity: .6;}

:where(.btn-abrir, .btn-cerrar).verde{  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"><circle cx="17" cy="17" r="16.5" transform="rotate(-90 17 17)" fill="%235ED4A7" stroke="%235ED4A7"/><path d="M15.6797 21.0079L20.1875 16.5001L15.6797 11.9923" stroke="white"/></svg>');
}
.btn-cerrar{transform: rotate(180deg);}

.bk4{ position: relative; }
.bk5{background-color: #4B0822;}
.bk5 *{color: white;}
.bk5 > .centro{position: relative;}
.bk5 > .centro .im{position: absolute; right: 0; top: -245px;  height: 400px;  width: 400px;  object-fit: contain;  object-position: right;}
.bk5 .top{width: calc(100% - 425px);padding-bottom: 20px;padding-left: 8%;box-sizing: border-box;}
.bk5 .bottom{ display: flex; flex-wrap: wrap; gap: 90px;padding-top: 20px; justify-content: space-between; padding-left: 15%; box-sizing: border-box;}
.bk5 .bottom > *{flex: 0 0 auto; display: flex;gap: 18px;}
.bk5 .bottom > * a{max-width: 330px;text-decoration: none;font-size: 18px; display: block;;}
.bk5 .bottom .titulo{text-transform: uppercase; font-weight: 600; font-size: 18px; margin-bottom: 3px; font-family: var(--font-family-terciaria); letter-spacing: .05em;}
.front-page .bk5 p{   font-family: var(--font-family-terciaria);  letter-spacing: .02em;font-size: 26px; line-height: 150%; font-weight: 300;}
.front-page .bk5 h2{}
.front-page .bk5 h2 strong{ font-weight: 400; color:#00d084;}
.bk5{}
.front-page .bk6{background-color: #FAFAF7;padding-bottom: 40px;}
.front-page .bk6 h2{color: #4B0822; max-width: 500px; margin-left: auto; margin-right: auto;}
.front-page .bk6 p{color: #4B0822;font-family: var(--font-family-terciaria);  font-weight: 400;  font-size: 22px;  line-height: 100%;  letter-spacing: 0%;  text-align: center;  }
#reserfx.btn{    width: fit-content;  display: flex;  align-items: center;  gap: 25px;  position: fixed;  right: 0px;  bottom: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
#reserfx.btn:hover{background-color: #450D35; color: white;}
.front-page .bk0 .caja > .dcha > .cont .desc{    width: 75%;  margin-left: auto;  margin-right: auto;}
.front-page .bk3 p{color: #340438;}
.single .contserv{display: flex;}
.single .contserv :where(h2, h3, h4){padding-top: 25px;}
.single div.contserv
{line-height: 150%;}
.single div.contserv .pleft{width: 65%;}
.single div.contserv .pright{width: 30%; margin-left: 5%;box-shadow: 0px 10px 54.2px 1px #0808081A;    top: 95px;   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 h4{  font-size: 16px;   font-weight: 700;   line-height: 120%;   letter-spacing: 0.1em;   text-align: center ; padding-bottom: 5px; padding-top: 0; }
.single div.contserv .pright h2{font-size: 24px; color: #424242; margin-top: 5px; text-align: center; padding-bottom: 0px;padding-top: 0;}
.single div.contserv .pright .btn{ width: 100%; text-align: center; padding: 15px 30px;box-sizing: border-box;}
.autorblog{padding-bottom: 15px}


.latest-posts {
  padding: 60px 20px;
  background: #f9fafc;
  text-align: center;
}

.latest-posts__title {
  font-size: 2rem;
  margin-bottom: 40px;
  color: #222;
  font-weight: 600;
}

.latest-posts__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
}

.latest-posts__card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.latest-posts__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.latest-posts__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.latest-posts__content {
  padding: 20px;
  text-align: left;
}

.latest-posts__heading {
  font-size: 1.2rem;
  margin: 0 0 10px;
}

.latest-posts__heading a {
  color: #222;
  text-decoration: none;
  line-height: 1.25;
}

.latest-posts__heading a:hover {
  color: #4B0822;
}

.latest-posts__excerpt {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 15px;
  line-height: 1.5;
}

.latest-posts__button {
  display: inline-block;
  background: #4B0822;
  color: #fff;
  padding: 8px 14px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s ease;
}

.latest-posts__button:hover {
  background: #4B0822;
  color: #fff;
}


/*Cabecera Movil*/
@media (min-width: 941px) {
  .front-page .bk5{padding-top: 122px;}
.front-page .bk.bk0 {margin-top: 84px; }
  body.home {margin-top: 0 !important;}
  body.home nav.navbar{position: absolute; background-color: transparent;top: 40px;}
  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;}
  .cajas > .caja.imagentexto .im > *{max-width: 200px; }
  body.wordpress nav.navbar.fixed {background-color: white;}
  body.wordpress nav.navbar {position: fixed; top: 0;background-color: white;transition: .3s ease all;}
  nav.navbar .navbar-header a.navbar-brand img {margin-top: 0px;}
  .front-page .bk3 > .flex{gap: 90px}	
  .front-page .bk3 > .flex > *{}	
  .front-page .bk3 > .flex > .izda{flex: 1 1 calc(70% - 90px);}	
  .front-page .bk3 > .flex > .dcha{flex: 1 1 30%;}
}
@media (max-width: 940px) {
   .cont-posts .post{width: 48.5%;}
  .single div.contserv .pleft{width: 100%;}
  .single div.contserv .pright{display: none;}
  .front-page .bk5 p{font-size: 20px;}
  .front-page .bk9{padding: 0 3%; box-sizing: border-box;}
  .front-page .bk9 .iflex{margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0;}
  .scrollbar{width: 55%; /*height: 12px;*/ height: 5px;}
  .front-page .bk2 .flex .iflex{flex: 0 0 calc(50% - 67px);}

.front-page .bk3 > .flex{gap: 40px;}	
  h1 {font-size: 37px;line-height: 110%;}
  h2 {font-size: 30px;}
  h3 {font-size: 24px; line-height: 135%} 
  p{line-height:135%}
  .slide{flex: 0 0 calc(max(200px, 70vw) - 20px);}

  .cajas > .caja.normal {/*padding: 35px 25px;*/}

  .front-page .bk0 .caja > .dcha {min-height: unset;}
  .front-page .bk0 .caja > .dcha > .cont .desc{width: 90%;}
  .front-page .bk0 .caja > .dcha > .cont .desc p{font-size: 22px;}
  .front-page .bk0 .caja > .izda img {border-radius: 20px;}
  .front-page .bk0 .caja > .dcha > .cont{        padding: 55px 2.5%;}
  .front-page .bk9 .flex > * {width: 100%; min-height: 250px;}
  .front-page .bk9 .flex > .izda iframe {border-radius: 20px;}
  .front-page .bk8 {padding-bottom: 65px;}
  .front-page .bk8 .flexi {max-width: 80%; justify-content: start;}
  .front-page .bk7 .faq-container {padding: 30px 15px; max-width: 90%;}
  .front-page .bk5{}
  .front-page .bk5 .bloque > .im{width: 100%; height: 30vh; border-radius: 20px 20px 0 0;}
  .front-page .bk5 .bloque > * {width: 100%;}
  .front-page .bk5 .bloque > .cont {padding: 35px; padding-top: 45px;}
  .front-page .bk6 {padding-top: 30px;}

  .swiper-bloques {padding-left: calc(3% - 10px) !important;}
  .cajas > .caja {width: calc(50% - 16px); box-sizing: border-box;}
  .front-page .bk2 {padding-top: 50px;}
  .bloques > .bloque.contenido {padding: 35px 2.5%; padding-top: 0px;}
  .front-page .bk.bk0 {padding-top: 0;padding-bottom: 0;}
  .front-page .bk0 .caja > *{width: 100%;} 
  .bloques > .bloque{width: 100%;}
  
  .faq-question .faq-content {padding: 0;}
  
  
  body{    margin: 65px 0 0 0!important;}


  nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial; box-sizing: border-box;}
  nav.navbar {background: #fff;height: 64px; position: absolute;}
  nav.navbar.abrir {background: #fff; height: 100vh;}
  nav.navbar .centro{    width: 100%; max-width: 100%;     height: 100%;    display: flex;    align-items: center;}
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{display: none;}
  nav.navbar .navbar-header { top: 16px;    margin-left: 16px; }
  nav.navbar.abrir .navbar-header a.navbar-brand {position: absolute; top: 8px;}
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 {position: absolute; top: 64px; left:0; right: 0; background: #FFF; bottom: 0;}
  nav.navbar #navbar .menu-menu-principal-container > ul{    padding: 0 0 0; width: 100%; padding-left: 16px; padding-right: 16px;}
  nav.navbar #navbar .menu-menu-principal-container > ul > .menu-item-76, nav.navbar #navbar .menu-menu-principal-container > ul > .menu-item-77{    display: none;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li{width: 100%; margin: 0;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li > a{width: 100%; text-align: left; padding: 0;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li.menu-item-has-children > a{pointer-events: none; text-transform: uppercase; cursor:default;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li.menu-item-has-children > ul{display: block; left: 0; position: relative; min-width: unset; background: unset; box-shadow: unset; top: unset;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li.menu-item-has-children > ul > li{width: 100%; padding-left: 0; padding-right: 0; border: 0 !important;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li.menu-item-has-children > ul > li + li{padding-top: 0;}

  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: 8px;    padding: 8px 0 0;}
  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: #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-color: transparent;}

  body.customize-support .navbar-fixed-top{margin-top:46px;}
  
  .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 #4B0822;}
  .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;  }
  
  .front-page .bk4{margin-bottom: 40px;}
  .bk5 .bottom{gap: 40px;}
  .bk5 > .centro .im{width: fit-content;display: block;margin: auto;position: static;    padding-bottom: 35px;}
  .bk5 .top{width: 100%;}
  .carousel{padding-bottom: 0;}
  .slide{padding: 0;}
  #reserfx.btn{gap: 18px; padding: 13px 24px; bottom: 80px; display: none;}
  .front-page .bk2 .centro2{width: 100%; max-width: 100%;}
  .front-page .bk2 .cajas{padding-left: 5%;padding-right: 5%;}
}

@media (max-width: 700px) {
  .cajas {gap: 20px}
   .cajas > .caja {width: 100%; box-sizing: border-box; margin: 0;}
   .cajas > .caja.imagentexto .im, .cajas > .caja.imagen .im {height: 40vh;}
  
   .front-page .bk2 > * > .cont {margin-bottom: 50px;}

}
@media (max-width: 550px) {
  .front-page .bk3, .front-page .bk4{padding-top: 55px;}
  .front-page .bk2 .flex .iflex{flex: 0 0 calc(80% - 67px);}
  footer .foo1 {padding-top: 60px;padding-bottom: 50px;}
  footer .foo1 .container{display: flex;gap: 10%;}
  footer .foo1 .container > * {width: 100%;text-align: left;}
  footer .foo1 .left{padding-bottom: 40px;}
  footer .foo1 .left .conte {margin-top: 25px; margin-bottom: 40px;text-align: left;}
  footer .foo1 .left ul li {margin-bottom: 4px;}
  footer .foo1 .sub-menu {margin-top: 5px;}
  footer .foo1 .right {margin-top: 20px;}
  footer .foo1 .right .cont, footer .foo1 .left .cont{margin-left: 0;}
  footer .foo1 .med {padding-bottom: 10px; text-align: left;}
  footer .foo1 .med > ul {display: block;margin-top: 25px;}
  footer .foo1 .med > ul > li {padding-bottom: 10px;}
  footer .foo1 .med > ul ul {margin-bottom: 20px;}
  footer .foo1 .right .cont h3 {margin-bottom: 0;}
  footer .foo1 .right .cont, footer .foo1 .left .cont {text-align: left;    margin-right: 0;    width: 100%;}
  footer .foo1 .left ul, footer .foo1 .med > ul, footer .foo1 .med > ul > li a {text-align: left;}
  .carousel{gap: 30px}
  .slide{flex: 0 0 calc(max(200px, 80vw) - 20px);}
  .wpcf7-form-control.wpcf7-select{margin-top: 10px; margin-left: 0;}
  .bk5 .bottom > *{flex: 1 1 auto;}
  .bk5 .bottom{padding-right: 3%;}
}

/*Cabecera Movil*/

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



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

/********************
  BLOQUES GUTTENBERG
 *******************/

 .page-guttenberg .block-header .wp-block-cover__inner-container, .page-guttenberg .block:not(.block-header) {width: 90%;margin: 0 auto;max-width: 100%;}
 .page-guttenberg :is(h1,h2,h3,h4,h5,h6,p) {margin-top: 0;}
 .page-guttenberg *, .page-guttenberg *::after, .page-guttenberg *::before {box-sizing: border-box;}

 .page-guttenberg .block:not(.block-header) {padding: 30px 0;}
 .page-guttenberg .block.block-header + .block {padding-top: 60px;}

 @media (max-width: 1250px) {
   .page-guttenberg .block-header .wp-block-cover__inner-container, .page-guttenberg .block:not(.block-header) {width: 94%;}
 }

 /* Bloque header */
 .page-guttenberg .block-header {min-height: calc(100vw * 606 / 1440); padding-top: 25px; padding-bottom: 25px;}
 .page-guttenberg .block-header .wp-block-cover__image-background {opacity: 0.6;}
 .page-guttenberg .block-header .wp-block-heading {line-height: 1; margin-bottom: 16px;}
 .page-guttenberg .block-header p {margin: 0; line-height: 1.3;}
 .page-guttenberg .block-header p.highlighted {font-family: "Red Hat Display",sans-serif; line-heigth: 110%;}
 .page-guttenberg .block-header p + p {margin-top: 20px;}
 .page-guttenberg .block-header :is(.wp-block-heading,p) + .wp-block-buttons {margin-top: 27px;}
 .page-guttenberg .block-header .wp-block-buttons .wp-block-button__link {font-family: "Red Hat Display",sans-serif;}
 .page-guttenberg .block-header .wp-block-buttons .wp-block-button__link:hover {background: #340438 !important; color: #FFFFFF !important;}

 @media (min-width: 1440px) {
   .page-guttenberg .block-header {min-height: unset; padding-top: 100px; padding-bottom: 100px;}
 }
 @media (min-width: 941px) {
   .page-guttenberg .block-header p.highlighted {max-width: 40%;}
   .page-guttenberg .block-header p:not(.highlighted) {max-width: 60%;}
 }

 /* Bloque texto destacado y centrado */
 .page-guttenberg .block-highlighted .wp-block-heading{line-height: 150%; margin-bottom: 36px;font-family: "Red Hat Display",sans-serif;}
 .page-guttenberg .block-highlighted p {margin: 0; font-family: "Hanken Grotesk",sans-serif;}
 .page-guttenberg .block-highlighted p + p{margin-top: 20px;}

 @media (min-width: 941px) {
   .page-guttenberg .block-highlighted {max-width: 50% !important;}
 }

 /* Bloque flipper */
 .page-guttenberg .block-flipper .wp-block-group__inner-container { display: flex; flex-wrap: wrap; perspective: 1000px; margin-left: -13px; margin-right: -13px;}
 .page-guttenberg .block-flipper .wp-block-columns { flex: 1 1 calc(100%/3); max-width: calc(100%/3); padding: 0 13px; margin-bottom: 26px; display: grid; grid-template-columns: 100%; transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); transform-style: preserve-3d; position: relative; }
 .page-guttenberg .block-flipper .wp-block-columns.is-flipped { transform: rotateY(180deg); }
 .page-guttenberg .block-flipper .wp-block-column { grid-area: 1 / 1 / 2 / 2; width: 100%; margin: 0 !important; padding: 28px 35px; border-radius: 10px; backface-visibility: hidden; -webkit-backface-visibility: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background: linear-gradient(to right, #F7EFF24D 0%, #F7EFF24D 100%), linear-gradient(to right, #FFF 0%, #FFF 100%); border: 1px solid #F7EFF2; }
 .page-guttenberg .block-flipper .wp-block-column.visible { z-index: 2; transform: rotateY(0deg); }
 .page-guttenberg .block-flipper .wp-block-column.hide { transform: rotateY(180deg); z-index: 1; }
 .page-guttenberg .block-flipper .wp-block-column .wp-block-heading { font-weight: 400; font-size: 26px; line-height: 1; letter-spacing: 0; color: #340438; margin-bottom: 26px;font-family: "Red Hat Display",sans-serif;}
 .page-guttenberg .block-flipper .wp-block-column :is(ul,li,p) {font-size: 18px; line-height: 150%; letter-spacing: 0;}
 .page-guttenberg .block-flipper .wp-block-column .wp-block-buttons { margin-top: auto; }
 .page-guttenberg .block-flipper .wp-block-column .wp-block-buttons .wp-block-button__link { width: 34px; height: 34px; border-radius: 34px; background: #4B0822; line-height: 34px; border: 0; padding: 0; margin: 0;}
 .page-guttenberg .block-flipper .wp-block-column .wp-block-buttons .wp-block-button__link:hover { opacity: 0.6; }

 @media (max-width: 940px) {
   .page-guttenberg .block-flipper .wp-block-columns { flex: 1 1 100%; max-width: 100%; }
 }

 /* Bloque call to action */
 .page-guttenberg .block-call-to-action .wp-block-column { padding: 30px; border-radius: 16px;}
 .page-guttenberg .block-call-to-action .wp-block-column .wp-block-heading { margin-bottom: 36px;}
 .page-guttenberg .block-call-to-action .wp-block-column p { margin-bottom: 45px;}
 .page-guttenberg .block-call-to-action .wp-block-column .wp-block-buttons .wp-block-button__link {font-family: "Red Hat Display",sans-serif;}
 .page-guttenberg .block-call-to-action .wp-block-column .wp-block-buttons .wp-block-button__link:hover {background: #340438 !important; color: #FFFFFF !important;}

 @media (min-width: 941px) {
   .page-guttenberg .block-call-to-action .wp-block-column > * { max-width: 80%; margin-left: auto; margin-right: auto;}
 }

 /* Bloque puntos */
 .page-guttenberg .block-points { position: relative; padding-bottom: 65px;}
 .page-guttenberg .block-points .wp-block-heading { line-height: 110%; margin-bottom: 32px; font-family: "Red Hat Display",sans-serif;}
 .page-guttenberg .block-points p { font-family: 'Hanken Grotesk', sans-serif; margin-bottom: 50px;}
 .page-guttenberg .block-points .wp-block-list { display: flex; flex-wrap: nowrap; overflow-x: auto; margin: 0; list-style: none; gap: 130px; padding: 0 5%; counter-reset: points; scrollbar-width: none;}
 .page-guttenberg .block-points .wp-block-list li{position: relative; counter-increment: pointer; padding-left: 73px; padding-top: 10px; min-height: 100px; font-family: "Red Hat Display",sans-serif; font-weight: 600; font-size: 24px; line-height: 120%; letter-spacing: 5%; text-transform: uppercase; color: #340438; min-width: 360px;}
 .page-guttenberg .block-points .wp-block-list li:nth-child(1){ min-width: 370px;}
 .page-guttenberg .block-points .wp-block-list li:before{position: absolute; content: counter(pointer); font-weight: 500; font-size: 100px; line-height: 1; letter-spacing: 2%;color: #6E696533; top: 0; left: 0;}
 .page-guttenberg .block-points .wp-block-list li:nth-child(1):before{left: 20px;}

 @media (min-width: 941px) {
   .page-guttenberg .block-points :is(.wp-block-heading,p) { max-width: calc(100%/4); margin-left: auto; margin-right: auto;}
 }

 @media (max-width: 940px) {
   .page-guttenberg .block-points {width: 94%; margin-left: auto; margin-right: auto;}
   .page-guttenberg .block-points .wp-block-list{padding-left: 3%; padding-right: 3%; gap: 15px;}
   .page-guttenberg .block-points .wp-block-list li{min-width: 100% !important; width: 100%;}
 }

 /* Bloque texto con imagen (con o sin fondo) */
 .page-guttenberg .block-text-img.with-bg {padding: 60px 0; position: relative;}
 .page-guttenberg .block-text-img.with-bg:after {top: 0; bottom: 0; left: -100%; right: -100%; background: #FAFAF7; content:""; z-index: -1; position: absolute;}
 .page-guttenberg .block-text-img .wp-block-heading {font-family: "Red Hat Display", sans-serif; line-height: 125%; margin-bottom: 20px;}
 .page-guttenberg .block-text-img :is(p,ul,li) {margin-bottom: 0; font-family: "Hanken Grotesk", sans-serif; line-height: 150%; color: #340438;}
 .page-guttenberg .block-text-img :is(p,ul) + :is(p,ul) {margin-top: 25px;}
 .page-guttenberg .block-text-img p + .wp-block-buttons {margin-top: 35px;}
 .page-guttenberg .block-text-img figure {position: relative; margin: 0; width: 100%;}
 .page-guttenberg .block-text-img figure:before {content:""; display: block; padding-top: calc(454 * 100% / 386);}
 .page-guttenberg .block-text-img figure img {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}
 .page-guttenberg .block-text-img .wp-block-buttons .wp-block-button__link {font-family: "Red Hat Display",sans-serif;}
 .page-guttenberg .block-text-img .wp-block-buttons .wp-block-button__link:hover {background: #340438 !important; color: #FFFFFF !important;}

 /* Bloque FAQs */
 .page-guttenberg .block-faqs .wp-block-heading {font-family: "Red Hat Display", sans-serif; line-height: 125%; margin-bottom: 50px;}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section + .schema-faq-section {margin-top: 30px;}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section {border-bottom: 1px solid #5C5C5C;}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question {font-family: "Red Hat Display", sans-serif; font-size: 20px; line-height: 125%; letter-spacing: -2%; font-weight: 500; padding-right: 15px; position: relative; cursor: pointer; width: 100%; display: block;}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question:after {position: absolute; content: ""; top: 4px; right: 0; width: 8px; height: 8px;-webkit-mask: url("images/arrow-faqs.png") no-repeat center;mask: url("images/arrow-faqs.png") no-repeat center; -webkit-mask-size: contain;mask-size: contain; background: #5C5C5C;}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer {margin: 0; padding-top: 25px; padding-bottom: 25px; font-family: "Hanken Grotesk", sans-serif; font-size: 17px; line-height: 121%; letter-spacing: 0; display: none; transition: all 500ms ease-in-out;}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer + .schema-faq-answer {margin-top: 10px}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section:not(.open) .schema-faq-question {padding-bottom: 25px;}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section.open .schema-faq-question:after {transform: rotate(180deg);}
 .page-guttenberg .block-faqs .wp-block-yoast-faq-block .schema-faq-section.open .schema-faq-answer {display: block;}

 /* Bloque call to action claro */
 .page-guttenberg .block-call-to-action-light {position: relative;}
 .page-guttenberg .block-call-to-action-light:before {position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; content:""; background: #FAFAF7; z-index: -1;}

 @media (min-width: 941px) {
   .page-guttenberg .block-call-to-action-light {max-width: 30% !important;}
   .page-guttenberg .block-call-to-action-light:before {left: -130%; right: -130%;}
   .page-guttenberg .block-call-to-action-light .wp-block-heading {font-family: "Red Hat Display", sans-serif; line-height: 110%; margin-bottom: 16px;}
   .page-guttenberg .block-call-to-action-light p {font-family: "Hanken Grotesk", sans-serif; line-height: 1.3; margin-bottom: 30px;}
   .page-guttenberg .block-call-to-action-light .wp-block-buttons .wp-block-button__link {font-family: "Red Hat Display",sans-serif; color: #FFF;}
   .page-guttenberg .block-call-to-action-light .wp-block-buttons .wp-block-button__link:hover {background: #340438 !important; color: #FFFFFF !important;}
 }

 /* Bloque contacto */
 .page-guttenberg .block-contact iframe{width: 100%; height: 100%;}
 .page-guttenberg .block-contact .wpcf7-form h3{font-family: "Hanken Grotesk", sans-serif; font-weight: 400; font-size: 22px; line-height: 100%; letter-spacing: 0; margin-bottom: 30px; color: #4B0822;}
 .page-guttenberg .block-contact .wpcf7-form-control-wrap:has(input,textarea){display: block; width: 100%; margin-bottom: 12px;}
 .page-guttenberg .block-contact .wpcf7-form-control-wrap > :is(input,textarea){width: 100%; padding: 10px 13px; font-weight: 400;font-size: 16px; line-height: 100%; letter-spacing: 0; color: #4B0822; border: 1px solid #340438;}
 .page-guttenberg .block-contact .wpcf7-form-control-wrap > :is(input,textarea)::placeholder{font-weight: 300; color: #4B082259;}
 .page-guttenberg .block-contact .wpcf7-form-control-wrap > :is(input,textarea):focus-visible{outline: 0;}
 .page-guttenberg .block-contact .wpcf7-submit{border-radius: 82px; background: #4b0822; padding: 15px 30px; border: 0; font-family: "Red Hat Display", sans-serif; font-weight: 400; font-size: 15px; line-height: 100%; letter-spacing: 0; color: #FFF; cursor: pointer;}
 .page-guttenberg .block-contact .wpcf7-submit:hover{background: #340438;}
 .page-guttenberg .block-contact .wpcf7-submit[disabled]{background: #4B082280; color: #FFFFFF80; cursor: not-allowed; pointer-events: none;}

 @media (max-width: 940px) {
   .page-guttenberg .block-contact iframe{height: 100vw;}
 }

 /*******
 BLOG
 ********/
 .homep{padding-top: 30px;}
 .homep .header {width: 100%; position: relative; margin-bottom: 50px;}
 .homep .header:before {display: block; padding-top: calc(100vw * 360 / 1440); content: "";}
 .homep .header img {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; z-index: -1;}
 .homep .header:after {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #4B082299; content: ""; z-index: 1;}
 .homep .header .centro {position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; z-index: 2;}
 .homep .header .centro h1 {text-shadow: 0 4px 4px #00000040; color: #FFF; font-family: "Red Hat Display", sans-serif; font-weight: 700; font-size: 50px; line-height: 100%;letter-spacing: 1%; margin: 0; padding: 0;}
 .homep .centro h2 {font-family: "Red Hat Display", sans-serif; font-weight: 400; font-size: 40px; line-height: 150%; letter-spacing: 0%; margin-bottom: 27px; color: #340438;}
 .homep .cont-posts {gap: 40px; justify-content: flex-start;}
 .homep .cont-posts .post {flex: 0 0 calc((100%/3) - 40px); max-width: calc((100%/3) - 40px); display: flex; flex-direction: column; align-items: flex-start;}
 .homep .cont-posts .post .img {width: 100%; position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 20px; display: block;}
 .homep .cont-posts .post .img:before {content: ""; display: block; width: 100%; padding-top: calc(100% * 361 / 391);}
 .homep .cont-posts .post .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
 .homep .cont-posts .post h3 {font-family: "Red Hat Display", sans-serif; font-weight: 700; font-size: 23px; line-height: 110%;letter-spacing: 0%; color: #4B0822; margin-bottom: 20px;}
 .homep .cont-posts .post h3 a{text-decoration: none; color: #4B0822;}
 .homep .cont-posts .post h3 a:hover{text-decoration: underline;}
 .homep .cont-posts .post p { font-family: "Hanken Grotesk", sans-serif; font-size: 18px; line-height: 150%; letter-spacing:0; margin-bottom: 25px;}
 .homep .cont-posts .post a.more { padding: 12px 25px; border-radius: 82px; text-decoration: none; background: #4B0822; font-family: "Red Hat Display", sans-serif; font-weight: 400; font-size: 15px; line-height: 100%; letter-spacing: 0; border: 0; display: inline-block; transition: all .3s ease; color: #FFFFFF; margin-top: auto;}
 .homep .cont-posts .post a.more:hover { background: #340438;}
 .homep .cont-posts .navigation.pagination { width: 100%; display: flex; justify-content: center; margin-top: 30px; margin-bottom: 50px;}
 .homep .cont-posts .navigation.pagination .nav-links { width: 100%; display: flex; justify-content: center; gap: 15px;}
 .homep .cont-posts .navigation.pagination .nav-links :is(a,span) {color: #4B0822; text-decoration: none; padding: 1px 5px;}
 .homep .cont-posts .navigation.pagination .nav-links a:hover {color: #4B0822;}
 .homep .cont-posts .navigation.pagination .nav-links span.current {background: #4B0822; color: #FFF;}

 @media (max-width: 940px) {
   .homep .header:before {padding-top: 50%;}
   .homep .cont-posts .post {flex: 0 0 100%; max-width: 100%;}
 }

 .homep.author > .centro {position: relative; padding-top: 200px;}
 .homep.author .centro .author-info{position: absolute; width: 100%; top: -248px; left: 0; z-index: 10; display: flex; gap: 40px; align-items: flex-start;}
 .homep.author .centro .author-info .img{flex: 0 0 auto; width: auto; height: 396px; max-width: 100%; overflow: hidden;}
 .homep.author .centro .author-info .info{flex: 1 0 0; width: auto; padding-top: 84px;}
 .homep.author .centro .author-info .info :is(h1,h2){color: #FFF; text-shadow: 0 4px 4px #00000040; margin: 0; padding: 0;}
 .homep.author .centro .author-info .info h1{font-family: "Red Hat Display", sans-serif; font-weight: 700; font-size: 50px; line-height: 100%; letter-spacing: 1%;}
 .homep.author .centro .author-info .info h2{font-family: "Red Hat Display", sans-serif; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: -2%;}
 .homep.author .centro .author-info .info :is(h1,h2) + :is(h1,h2){margin-top: 16px;}
 .homep.author .centro .author-info .info :is(h1,h2) + .bio{margin-top: 50px;}

 @media (max-width: 940px) {
   .homep.author .header {display: none;}
   .homep.author .centro {padding-top: 25px;}
   .homep.author .centro .author-info {position: relative; top: 0; transform: none; flex-wrap: wrap; flex-direction: column;}
   .homep.author .centro .author-info .img {max-width: 100%; height: auto; margin-left: auto; margin-right: auto;}
   .homep.author .centro .author-info .info {padding-top: 0;}
   .homep.author .centro .author-info .info :is(h1,h2,h3) {color: #4B0822; text-shadow: none;}
   .homep.author .centro .author-info .info :is(h1,h2,h3) + .bio{margin-top: 16px;}
   .homep.author .centro .author-info .bio{margin-bottom: 40px;}
 }