/*
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
*/
html {
  scroll-behavior: smooth;
}

#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: "Inter", sans-serif; font-size: 18px; line-height: 140%;color: #191919;}
html,
body {  overflow-x: hidden; padding: 0; margin: 0;}
body:not(.home) {padding-top: 180px;}
@media(min-width: 941px) {
  body:not(.home) {padding-top: 200px;}
}
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: 'Inter';    font-weight: 700; color:#191919;}
h1,h2{font-size: 45px; line-height: 89%; letter-spacing: -5%;}
h1 {margin: 0 0 20px 0; text-transform: uppercase;}
h2 {margin: 0 0 15px 0; text-transform: uppercase;}
h2.no-transform {text-transform: none;}
h3{ font-weight: 400; font-size: 26px; line-height: 129%; margin: 0 0 15px 0;}
b, strong{font-weight: 600;}
p {padding: 0; margin: 0 0 30px 0;}
.limpiar{clear: both;}
.righ{text-align: right;}
.autor{font-size: 10px;margin: 10px auto 10px;display: block;width: fit-content;}
@media(min-width: 941px) {
  body {font-size: 20px;}
  .hide-desktop {display: none;}
  h1, h2 {font-size:48px; line-height: 87%; letter-spacing: -3%;}
  h1 {margin: 0 0 60px 0;}
  h2 {margin: 0 0 50px 0;}
  h3{ font-size: 32px; line-height: 100%;}
}
@media(max-width: 940px) {
  .hide-mobile {display: none;}
}

/* Flex */
.flex{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.flex .iflex{flex-direction: column;}
.fleximage .iflex{     background-size: cover; background-position: center;}
.flex2c .iflex{ width: 50%;  margin:  0;padding: 0;}
.flex2 .iflex{ width: 46%;  margin: 0 1%;padding: 0 1%;}
.flex3 .iflex{ width: 31.33%;  margin: 0 1%;padding: 0;}
.flex4 .iflex{ width: 21.5%;  margin: 0 1.5%; }
.flex5 .iflex{ width: 18%; margin: 0 1%; }
.flex6 .iflex{     width: 16.65%;   }
.flex .container {width: 92%; padding: 0 4%; max-width: 1200px; margin: 0 auto;}
.flex2.no-gutter {margin-left: -2%; margin-right: -2%;}
.flex3.no-gutter, .flex5.no-gutter {margin-left: -1%; margin-right: -1%;}
.flex4.no-gutter {margin-left: -1.5%; margin-right: -1.5%;}

@media(max-width: 940px) { 
  .flex2:not(.mobile) .iflex, .flex3:not(.mobile) .iflex{ width: 100%;  margin: 0;padding: 0%;}
  .flex2.no-gutter:not(.mobile) {margin-left: 0; margin-right: 0;}
}

/* Navbar */
nav.navbar {position: fixed; width: 90%; max-width: 950px; top: 30px; left: 50%; transform: translateX(-50%); z-index:1080;  border-radius: 50px; padding: 12px 23px;}
nav.navbar .navbar-cont {display: flex; align-items: center;}
nav.navbar .navbar-brand {display: flex; align-items: center; text-decoration: none; color: #000;}
nav.navbar .navbar-brand span {font-size: 16px; line-height: 1; font-weight: 600; padding-left: 20px; position: relative; top: 1px;}
nav.navbar .navbar-brand span::after {content: '';position: absolute;width: 1px; 	top: -1px;	left: 8px; height: 15px; background: #000;}
.bigd-link {text-decoration: none; font-weight: 300; font-size: 14.91px; line-height: 1; padding: 12px 22px; color: #FFF; background: rgba(9, 9, 9, 0.6); border-radius: 37.27px;}
    nav.navbar { background: transparent; }
    nav.navbar::before {    content: "";    position: absolute;    inset: 0;    backdrop-filter: blur(4px);    background-image: linear-gradient(rgba(122,122,122,0.1), rgba(122,122,122,0.1)), linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8));    z-index: 0;    border-radius: 50px    }
    nav.navbar.navbar-inverse::before {  background-image: none;    background-color: rgba(122, 122, 122, 0.1); }
    nav.navbar > * {position: relative;z-index: 1;}

@media(min-width: 941px) {
    nav.navbar {padding-top: 0; padding-bottom: 0;}
    nav.navbar .navbar-header button.navbar-toggle{display: none;}
    nav.navbar #navbar {display: flex; align-items: center; margin-left: auto;}
    nav.navbar #navbar .menu-menu-principal-container ul {display: flex; align-items: center; list-style: none; margin: 0 50px 0 0; padding: 0;}
    nav.navbar #navbar .menu-menu-principal-container ul li{ padding-top: 12px; padding-bottom: 12px;}
    nav.navbar #navbar .menu-menu-principal-container ul li + li{ margin-left: 50px;}
    nav.navbar #navbar .menu-menu-principal-container ul li a{ text-decoration: none; font-weight: 300; font-size: 16px; line-height: 1px; color: #191919}
    nav.navbar #navbar .menu-menu-principal-container ul li.current-menu-item a, nav.navbar #navbar .menu-menu-principal-container ul li.current-menu-ancestor > a{ font-weight: 700;}
    #navbar-mobile {display: none;}

    nav.navbar #navbar .menu-menu-principal-container > ul li:has( > ul) {position: relative;}
    nav.navbar #navbar .menu-menu-principal-container ul li:has( > ul) {position: relative;}
    nav.navbar #navbar .menu-menu-principal-container ul li:has( > ul):hover > ul {visibility: visible; opacity: 1;}
    nav.navbar #navbar .menu-menu-principal-container ul li ul {position: absolute; top: 100%; left: 0; background-image: linear-gradient(rgba(122, 122, 122, 0.1), rgba(122, 122, 122, 0.1)), linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)); backdrop-filter: blur(4px); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 12px 25px; flex-direction: column; margin: 0; transform: translateX(-50%); visibility: hidden; opacity: 0; display: flex;}
    nav.navbar #navbar .menu-menu-principal-container ul li ul li {text-wrap: nowrap;}
    nav.navbar #navbar .menu-menu-principal-container ul li ul li + li{margin-left: 0; margin-top: 15px;}

}

@media(max-width: 940px) {
  nav.navbar  {width: 80%; }
  nav.navbar .navbar-desktop {display: none;}
  nav.navbar.abrir { background: #fff !important; box-shadow: 0px 4px 4px 0px #00000040; z-index: 1080px;}


  #navbar-mobile.cerrado {display: none;}
  #navbar-mobile {position: fixed; top: 60px; left: 5%; right: 5%; background: #FFF; box-shadow: 0px 4px 4px 0px #00000040; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding: 25px 35px 0 35px; z-index:10;}
  #navbar-mobile ul {list-style: none; margin: 0; padding: 0;}
  #navbar-mobile ul li {padding: 20px 0; text-align: center;}
  #navbar-mobile ul li + li { border-top: 1px solid #8B8B8B;}
  #navbar-mobile ul li a { font-weight: 300; font-size: 16px; line-height: 1; text-decoration: none; color: #191919;}
  #navbar-mobile ul li.current-menu-item a { font-weight: 700;}
  #navbar-mobile ul.sub-menu {opacity: 0.6;}

  nav.navbar #navbar .bigd-link {display: none;}

  nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;background: transparent;top: 3px;}
  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: 5px;display: block;width: 30px;height: 3px;;background: #191919; }

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

/*Vabar sobre fondo oscuro*/
nav.navbar.navbar-inverse { background-color: rgba(122, 122, 122, 0.1); background-image: none;}
nav.navbar.navbar-inverse:not(.abrir) .navbar-brand { color: #FFF;}
nav.navbar.navbar-inverse:not(.abrir) .navbar-brand img { filter: invert(1);}
nav.navbar.navbar-inverse:not(.abrir) .navbar-brand span::after { background: #FFF;}
nav.navbar.navbar-inverse #navbar .menu-menu-principal-container ul li a { color: #FFF;}
nav.navbar.navbar-inverse .bigd-link { background-color: rgba(255, 255, 255, 0.6); color: #4F4F4F;}
nav.navbar.navbar-inverse:not(.abrir) .navbar-header button.navbar-toggle span.icon-bar{background: #FFF; }
 nav.navbar.navbar-inverse #navbar .menu-menu-principal-container ul li ul {background-image: none; background-color: rgba(122, 122, 122, 0.1);}



/* Footer */
footer {background: #000; color: #EDEDED; position: relative; z-index: 2;}

.foo1 {padding-top: 35px;}
.foo1 h2 {font-weight: 700;font-size: 50px;line-height: 89%;letter-spacing: -5%; color: #FFF; text-transform: uppercase; margin-bottom: 80px;}
.foo1 .contact-info .logo {margin-bottom: 60px;} 
.foo1 .contact-info .info, .popup-form .contact-info .info {display: flex; flex-wrap: wrap;} 
.foo1 .contact-info .info .item, .popup-form .contact-info .info .item {width: 100%; font-size: 20px; line-height: 140%; margin-bottom: 50px;} 
.foo1 .contact-info .info .item strong, .popup-form .contact-info .info .item strong{ display: block; color: #FFF;}
.foo1 .contact-info .info .item a, .popup-form .contact-info .info .item a{ font-weight: 300; color: #FFF; text-decoration: none;}
.foo1 .intro {font-size: 26px; line-height: 129%;}
.foo1 form { margin-bottom: 130px;}
.foo1 form p, .popup-form form p {margin: 0;}
.foo1 form label, .popup-form form label { font-weight: 600; font-size: 16px; line-height: 46px;}
.foo1 form input:not([type="checkbox"]):not([type="submit"]), .popup-form form input:not([type="checkbox"]):not([type="submit"]) { border: 0; border-bottom: 1px solid #EDEDED; background: none; color: #EDEDED; padding-bottom: 15px; font-size: 16px; margin-bottom: 30px;}
.foo1 form input:not([type="checkbox"]):focus-visible , .popup-form form input:not([type="checkbox"]):focus-visible { outline: 0;}
.foo1 form .wpcf7-not-valid-tip, .popup-form form .wpcf7-not-valid-tip { position: relative; top: -30px; font-size: 16px;}
.foo1 form .wpcf7-acceptance span, .popup-form form .wpcf7-acceptance span { display: block; width: 100%; margin-bottom: 16px; margin-bottom: 30px;}
.foo1 form .wpcf7-acceptance .wpcf7-list-item, .popup-form form .wpcf7-acceptance .wpcf7-list-item { margin-left: 15px; font-weight: 300; font-size: 16px; line-height: 1;}
.foo1 form .wpcf7-acceptance .wpcf7-list-item label, .popup-form form .wpcf7-acceptance .wpcf7-list-item label{line-height: 1; position: relative;}
.foo1 form .wpcf7-acceptance .wpcf7-list-item input, .popup-form form .wpcf7-acceptance .wpcf7-list-item input{ appearance: none; border: 1px solid #ededed;width: 14px; height: 14px; position: relative; position: absolute; left: 0; top: calc(-4px + 50%); transform: translateY(-50%);}
.foo1 form .wpcf7-acceptance .wpcf7-list-item input:checked, .popup-form form .wpcf7-acceptance .wpcf7-list-item input:checked{ background: #EDEDED;}
.foo1 form .wpcf7-acceptance .wpcf7-list-item label span, .popup-form form .wpcf7-acceptance .wpcf7-list-item label span{ position: relative; left: 29px; width: calc(-29px + 100%); display: block;}
.foo1 form input[type="submit"], .popup-form form input[type="submit"]{ background: #EDEDED; border-radius: 50px; padding: 12px 24px; font-weight: 600; font-size: 16px; line-height: 1; color: #191919; margin-top: 20px; cursor: pointer; border: 1px solid #EDEDED; width: 100%;}
.foo1 form input[type="submit"]:hover, .popup-form form input[type="submit"]:hover{ background: transparent; color: #EDEDED;}
.foo1 form input[type="submit"]:disabled, .popup-form form input[type="submit"]:disabled{ background: rgba(237, 237, 237, .5); border-color: rgba(237, 237, 237, .5); cursor: not-allowed; pointer-events: none;}

.foo2{font-size: 12px; padding-top: 10px; padding-bottom: 10px;}
.foo2 .righ{display: flex; gap: 20px; justify-content: center;flex-wrap: wrap;}
.foo2 a{ color: #FFF; text-decoration: none;}
.foomov {  display: none;  background-color: #000;}
.flex4c.foomov .iflex {  color: white;  text-align: center; }
.site-footer{
  position: relative;
  overflow: hidden;
}
.rela{position: relative !important;width: 100%; height: 100%;}


.footer-lights{
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

/* =========================
   BASE COMÚN
========================= */
.footer-lights .light{
  position: absolute;
  left: 0;

  width: 60%;
  max-width: none;

  will-change: top, transform, opacity;
  transform-origin: 50% 50%;

  /* valores por defecto */
  --inicio-x: 0%;
  --final-x: 0%;

  --inicio-y: 100%;
  --final-y: 0%;

  --rotacion-inicio: 0deg;
  --rotacion-final: 10deg;

  --opacidad-inicio: .9;
  --opacidad-final: .75;

  --duracion: 15s;
  --retraso: 0s;

  top: var(--inicio-y);
  opacity: var(--opacidad-inicio);

  animation: mover var(--duracion) ease-in-out infinite alternate;
  animation-delay: var(--retraso);
}

/* =========================
   ANIMACIÓN GENÉRICA
========================= */
@keyframes mover{
  0%{
    top: var(--inicio-y);
    transform: translateX(var(--inicio-x)) rotate(var(--rotacion-inicio));
    opacity: var(--opacidad-inicio);
  }
  100%{
    top: var(--final-y);
    transform: translateX(var(--final-x)) rotate(var(--rotacion-final));
    opacity: var(--opacidad-final);
  }
}

/* =========================
   SVG QUE SUBEN
========================= */

.footer-lights .l-02{
  --inicio-x: 44%;
  --final-x: 48%;
  --inicio-y: 80%;
  --final-y: 0%;
  --rotacion-final: 10deg;
  --retraso: .2s;
}

.footer-lights .l-03{
  --inicio-x: 54%;
  --final-x: 47%;
  --inicio-y: 80%;
  --final-y: 0%;
  --rotacion-final: -8deg;
  --retraso: .9s;
}

.footer-lights .l-04{
  --inicio-x: 80%;
  --final-x: -24%;
  --inicio-y: 110%;
  --final-y: -25%;
  --rotacion-final: -180deg;
  --retraso: .4s;
}

.footer-lights .l-06{
  --inicio-x: 70%;
  --final-x: -20%;
  --inicio-y: 80%;
  --final-y: -15%;
  --rotacion-final: 0deg;
  --retraso: 1.1s;
}

.footer-lights .l-09{
  --inicio-x: -10%;
  --final-x: 82%;
  --inicio-y: 70%;
  --final-y: 0%;     /* 👈 llega arriba del footer SIEMPRE */
  --rotacion-final: 0deg;
  --retraso: .7s;
}

/* =========================
   SVG QUE NO SUBEN (05 / 07)
========================= */

.footer-lights .l-05,
.footer-lights .l-07{
  width: 100%;
}

/* 05 */
.footer-lights .l-05{
  --inicio-x: -30%;
  --final-x: 10%;
  --inicio-y: 77%;
  --final-y: 87%;   /* misma Y → no sube */
  --rotacion-final: -32deg;
  --retraso: 0s;
}

/* 07 */
.footer-lights .l-07{  --inicio-x: -30%;  --final-x: 10%;  --inicio-y: 17%;  --final-y: 17%; --rotacion-final: -90deg;  --retraso: .1s;}
.z-3{z-index: -3 !important;}
.z-2{z-index: -2 !important;}
.z-1{z-index: -1 !important;}
.z0{z-index: 0 !important;}
.z1{z-index: 1 !important;}


.z2{z-index:  2 !important;}
.z3{z-index: 3 !important; position: relative;}
.header-home .footer-lights .l-07{  --inicio-x: 30%;  --final-x: 20%;  --inicio-y: 0%;  --final-y: 30%; --rotacion-final: 45deg;  --retraso: .1s;}

/* =========================
   MÓVIL
========================= */
@media (max-width: 768px){
  .footer-lights .light{ width: 80%; }
  .footer-lights .l-05,
  .footer-lights .l-07{ width: 100%; }
}

/* =========================
   ACCESIBILIDAD
========================= */
@media (prefers-reduced-motion: reduce){
  .footer-lights .light{
    animation: none;
    opacity: .55;
    transform: none;
  }
}




@media(min-width: 941px) {
  .foo1 {padding-top: 140px; padding-bottom: 90px;}
  .foo1 h2{font-size: 79px; margin-bottom: 40px;}
  .foo1 .intro {font-size: 32px; max-width: 66.66%;}
  .foo1 form input[type="submit"], .popup-form form input[type="submit"]{ width: auto;}
  .foo1 .contact-info, .popup-form .contact-info {display: flex;}
  .foo1 .contact-info > div {width: auto; flex: 0 1 auto;}
  .foo1 .contact-info .info {margin-left: auto; gap: 100px;}
  .foo1 .contact-info .logo, .popup-form .contact-info .logo {margin-bottom: 0;}
  .foo1 .contact-info .info .item, .popup-form .contact-info .info .item { text-align: right; width: auto; flex: 0 1 auto; margin-bottom: 0;}
  
}

/* Bloques y estilos generales */
h1 .linea, h2 .linea {display: block;; overflow: hidden;}
h1 .linea span, h2 .linea span {display: inline-block; transform: translateY(100%);}  
h1 .linea1, h2.active .linea {animation: titleShow 400ms forwards ease-in-out 1ms;}
h1 .linea2 {animation: titleShow 400ms forwards ease-in-out 200ms;}
h1 .linea1 span, h2.active .linea span {animation: titlesAnimation 400ms forwards ease-in-out 1ms;}
h1 .linea2 span {animation: titlesAnimation 400ms forwards ease-in-out 200ms;}
@keyFrames titleShow {
  0% {overflow: hidden;}   
  99% {overflow: hidden;}   
  100% {overflow: visible;}      
}
@keyFrames titlesAnimation {
  0% {transform: translateY(100%);}   
  100% {transform: translateY(0%);}      
}

.block img {border-radius: 12px;}
.block .editable *:last-of-type {margin-bottom: 0;}

.block {
  padding-top: 80px;
  padding-bottom: 80px;
}

img.image-blur {
  filter: blur(21px);
}

.btn {
  display: block;
  width: calc(100% - 40px);
  border-radius: 50px;
  padding: 13px 20px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  border: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

.btn-white {
  background: #EDEDED;
  border: 1px solid #ededed;
  color: #191919;
}

.btn-white:hover {
  background: transparent;
  color: #EDEDED;
}

.btn-dark{
  background: #000000;
  color: #E7E7E7;
}

.btn-dark:hover {
  background: #0050CC;
}

.draggable {overflow-x: scroll; cursor: grab; user-select: none; scrollbar-width: none;}
.draggable::-webkit-scrollbar {display: none;width: 0;height: 0;}
.draggable.active-dragging { cursor: grabbing;}

@media(min-width: 941px) {
  .block {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .btn {
    display: inline-block;
    width: auto;
  }
  .draggable {flex-wrap: nowrap;}
}


/* Home */
.front-page section.header-home {position: relative; background: url('images/home-header-bg.jpg') no-repeat center center; color: #FFF; height: 100vh; background-size: cover !important; background-color: black !important;}
.front-page section.header-home {background: url('images/home-header-bg.png') no-repeat center center;width: 100%;}
.front-page section.header-home .container {position: fixed; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.front-page section.header-home .container .pre-title {padding: 0; margin: 0 0 25px 0; font-weight: 200; font-size: 16px; line-height: 1; letter-spacing: -3%;}
.front-page section.header-home .container h1 {color: #FFF; font-size: 49px; line-height: 42px; letter-spacing: -3%;}
.front-page section.header-home .container .content {font-size: 22px; line-height: 1;}

.front-page section.block1 .texts {margin-bottom: 50px;}
.front-page section.block1 .texts .intro {font-size: 26px; line-height: 129%; margin-bottom: 50px;}
.front-page section.block1 .texts .intro a {font-weight: 700; color: #000000; text-decoration: none;}

.front-page section.block-informes, .page section.block-reports {/*background: #000; color: #FFF;*/}
.front-page section.block-informes .gallery, .page section.block-reports .gallery { display: flex; padding-left: 4%; gap: 40px; }
.front-page section.block-informes .gallery .item, .page section.block-reports .gallery .item {max-width: 66.667%; flex: 0 0 66.667%;}
.front-page section.block-informes .gallery .item + item, .page section.block-reports .gallery .item + item {margin-top: 50px;}
.front-page section.block-informes h2, .page section.block-reports h2 {/* color: #FFF;*/}
.front-page section.block-informes img, .page section.block-reports img {margin-bottom: 20px;}
.front-page section.block-informes p.year, .front-page section.block-herramientas p.subtitle, .page section.block-reports p.year {font-weight: 200; font-size: 16px; line-height: 1; margin-bottom: 25px;}
.front-page section.block-informes h3, .page section.block-reports h3 {/*color: #FFF;*/}
.front-page section.block-informes .text, .page section.block-reports .text {font-size: 18px; line-height: 140%; margin-bottom: 30px; width: 100%;}

.front-page section.block-repositorio h2 {margin-bottom: 40px;}
.front-page section.block-repositorio .gallery { margin-bottom: 50px; display: flex; padding-left: 4%;}
.front-page section.block-repositorio .gallery .item {max-width: 33%; flex: 0 0 33%; background: #D6D6D6; border-radius: 12px; padding: 15px; margin: 0 7.5px; display: flex; justify-content: center; align-items: center;}
.front-page section.block-repositorio .gallery .item img { max-width: calc(-15px + 100%); border: 10px solid #000; box-shadow: 8px 6px 11.6px 0px rgba(0,0,0.2);}
.front-page section.block-repositorio .gallery .item:last-of-type {margin-right: 20%;}
.front-page section.block-repositorio .text { margin-bottom: 50px; font-size: 18px; line-height: 140%;}

.front-page section.block-herramientas h3 { margin-bottom: 25px;}
.front-page section.block-herramientas .container.without-gallery { margin-bottom: 50px;}
.front-page section.block-herramientas .item { padding-bottom: 25px; margin-bottom: 25px; width: 100%;}
.front-page section.block-herramientas .item .gallery {justify-content: start; padding-left: 4%; padding-right: 4%; width: 92%;}
.front-page section.block-herramientas .item .gallery .iflex {flex: 0 0 92% !important; width: 92% !important; padding: 0 2% !important; margin-bottom: 35px; margin-top: 35px; }
.front-page section.block-herramientas .item .gallery img {width: 100%; height: 100%; object-fit: cover; margin: 0;}
.front-page section.block-herramientas .item .coming-soon {margin-top: 30px; margin-bottom: 50px;}
.front-page section.block-herramientas .item .border { border-bottom: 1px solid #191919; width: 100%; height: 0;}
.front-page section.block-herramientas .item:last-of-type {margin-bottom: 0;}
.front-page section.block-herramientas .info .text { width: 100%; margin-bottom: 25px;}

.front-page section.block-about {padding-top: 0;} 
.front-page section.block-about h3 { margin-bottom: 40px;}
.front-page section.block-about .texts + .video { margin-top: 40px;}
.front-page section.block-about .video {border-radius: 12px; overflow: hidden; isolation: isolate; mask-image: radial-gradient(white, black); line-height: 0; display: block;}  
.front-page section.block-about .video video {width: 100%;height: auto;display: block; border-radius: 0; }  

@media(min-width: 941px) {
  .front-page section.header-home .container .pre-title {font-size: 20px;}
  .front-page section.header-home .container h1 {font-size: 96px; line-height: 1;}
  .front-page section.header-home .container .content {font-size: 24px;}

  .front-page section.block1 .flex{gap: 60px;}
  .front-page section.block1 .flex.flex2c .iflex{width: calc(50% - 30px);}
  .front-page section.block1 .texts {margin-bottom: 90px;}
  .front-page section.block1 .texts .intro {font-size: 48px; line-height: 1;}
  .front-page section.block1 .video video {width: 100%; height: 100%; border-radius: 12px; background: #191919;}

  .front-page section.block-informes h2,  .page section.block-reports h2 {max-width: calc(100%/3); }
  .front-page section.block-informes .text, .page section.block-reports .text {font-size: 20px;}
  .front-page section.block-informes .gallery, .page section.block-reports .gallery { gap: 60px;}
  .front-page section.block-informes .gallery .item, .page section.block-reports .gallery .item {max-width: 33%; flex: 0 0 33%;}
  .front-page section.block-informes .gallery .item + .item, .page section.block-reports .gallery .item + .item {margin-top: 0;}
  .front-page section.block-informes .gallery .item:last-of-type, .page section.block-reports .gallery .item:last-of-type {margin-right: 20%;}

  .front-page section.block-repositorio h2 {max-width: 40%;}
  .front-page section.block-repositorio .gallery .item {padding: 30px 50px;}
  .front-page section.block-repositorio .gallery .item img {max-width: calc(-50px + 100%);}
  .front-page section.block-repositorio .text { font-size: 32px; line-height: 129%; max-width: 60%;}

  .front-page section.block-herramientas h2 {max-width: 55%;}
  .front-page section.block-herramientas .info {justify-content: space-between; align-items: center;}
  .front-page section.block-herramientas .info.justify-end {justify-content: end;}
  .front-page section.block-herramientas .info .text {max-width: 40%; margin-bottom: 0; font-size: 20px;}
  .front-page section.block-herramientas .item .gallery .iflex{ flex: 0 0 auto; width: fit-content; max-width: calc(100vw/3);}
  .front-page section.block-herramientas .item .gallery .iflex:last-of-type{ margin-right: 20%;}
  .front-page section.block-herramientas .item .gallery .iflex + .iflex{ margin-left: 30px;}
  .front-page section.block-herramientas .item .gallery.limit-height .iflex img {max-height: 305px; width: auto;}

  .front-page section.block-about h2 {max-width: calc(100%/3);}
  .front-page section.block-about h3 {max-width: 40%;}
  .front-page section.block-about .content {max-width: 45%;}
  .front-page section.block-about .texts + .video { margin-top: 95px;}

}

@media (max-width: 940px) {
  .front-page section.block1 .flex{gap: 0;}
  .front-page section.block1 .flex.flex2c .iflex{width: 100%;}
  .front-page section.block1 .video video{max-width: 100%; height: auto;}
}

@media(min-width: 1200px) {
   .front-page section.block-informes .gallery, .front-page section.block-repositorio .gallery, .front-page section.block-herramientas .item .gallery, .page section.block-reports .gallery {padding-left: calc((100vw - 1200px) / 2);}
}

/* Paginas */
.page .header .container .image {position: relative; overflow: hidden; border-radius: 12px;}
.page .header .container .image:before {display: block; content: ""; padding-top: calc(100%*436/441);}
.page .header .container .image img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; }
.page .header .container .video video {max-width: 100%; height: auto; border-radius: 10.57px;}
.page h1 {text-transform: none;}

.page .block-docs .item > .container {padding: 80px 0; border-top: 1px solid #000; position: relative}
.page .block-docs .item > .container .dropper {border: 0; background: 0; position: absolute; top: 68px; right: 0; font-size: 48px; line-height: 1; cursor: pointer;}
.page .block-docs .item > .container h2 {font-size: 26px; line-height: 129%; font-weight: 400; margin-bottom: 15px; text-transform: none; letter-spacing: 0%;}
.page .block-docs .item > .container h2.no-subtitle { margin-bottom: 35px;}
.page .block-docs .item > .container .subtitle {font-weight: 200; font-size: 16px; line-height: 1; margin-top: 35px;}
.page .block-docs .item > .container .info {margin-bottom: 35px;}
.page .block-docs .item > .container .info p{margin-bottom: 15px;}
.page .block-docs .item > .container .info p:last-of-type{margin-bottom: 0;}
.page .block-docs .item > .container .titles .info .description span{display: block;}
.page .block-docs .item > .container .titles .info .description span.description{font-weight: 200; font-size: 16px; line-height: 1;}
.page .block-docs .item > .container .texts {margin-bottom: 35px;}
.page .block-docs .item > .container .texts .intro {font-weight: 600; margin-bottom: 30px;}
.page .block-docs .item > .container .droppable {display: none;}
 .page .block-docs .item > .container .video {position: relative; aspect-ratio: 16/9; width: 100%; overflow: hidden; border-radius: 12px;margin-top: 25px;}
 .page .block-docs .item > .container .video video{width: 100%; height: 100%; object-fit: cover;}
.page .block-docs .gallery {margin-top: 35px; justify-content: start; padding-left: 4%; min-width: 96%;}
.page .block-docs .gallery img {margin-bottom: 35px;}

.popup-form {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1080; padding-top: 60px; padding-bottom: 60px; color: white; overflow-y: auto; display: none;}
.popup-form .close {position: absolute; top: 50px; right: 40px; border: 0; background: none; color: #FFF; line-height: 35px; font-size: 35px; cursor: pointer;}
.popup-form .close:hover {opacity: .7;}
.popup-form h2 {color: #FFF; margin-bottom: 25px;}
.popup-form .container > .flex {justify-content: start; align-items: end;}
.popup-form form {margin-bottom: 50px;}
.popup-form .contact-info {flex-wrap: wrap; justify-content: end;}
.popup-form .contact-info > div {width: 100%;}
.popup-form .contact-info > div.logo {width: 100%; display: flex; justify-content: end; margin-bottom: 30px;}
.popup-form .contact-info > .info .item {min-width: 25%; flex: 0 0 25%; margin-bottom: 30px;}
.popup-form .contact-info > .info .item.telefono {min-width: 50%; flex: 0 0 50%;}

.page .prizes {margin-top: 75px;}
.page .prizes .container { display: flex; justify-content: space-between; align-items: center;} 
.page .prizes .item { width: calc(150px - 80px); height: calc(150px - 80px); padding: 40px; border-radius: 20px; background: rgba(210, 210, 210, 0.2);} 
.page .prizes .item img{ object-fit: contain; width: 100%; height: 100%;} 
.page .block-highlight-repository {background: #000; margin-top: 80px; color: #FFF;}
.page .block-highlight-repository h2 {color: #FFF; text-transform: none;}
.page .block-highlight-repository .intro {font-size: 26px; line-height: 129%; margin-bottom: 40px;}
.page .block-highlight-repository .flex.flex-highlight-repository {position: relative;}
.page .block-highlight-repository .gallery {padding-left: 4%; flex-wrap: wrap; overflow-x: hidden; scroll-behavior: smooth; position: relative; display: flex; width: 92%;}
.page .block-highlight-repository .gallery .item {min-width: 100%; flex: 0 0 100%;}
.page .block-highlight-repository .gallery .item + .item {margin-top: 75px;}
.page .block-highlight-repository .gallery .item .img {margin-bottom: 25px;}
.page .block-highlight-repository .gallery .item .img img[data-target] {cursor: pointer;}
.page .block-highlight-repository .gallery .item .year {font-weight: 200; font-size: 16px; line-height: 1; margin-bottom: 15px;}
.page .block-highlight-repository .gallery .item h3 {color: #FFF; line-height: 1; margin-bottom: 15px;}
.page .block-highlight-repository .gallery .item h3 a{color: #FFF; text-decoration: none;}
.page .block-highlight-repository .gallery .item h3 a:hover{text-decoration: underline;}
.page .block-highlight-repository .gallery .item .text {margin-bottom: 25px;}
.page .block-highlight-repository .prev, .page .block-highlight-repository .next{position: absolute; border: solid #424242; border-width: 0 8px 8px 0; padding: 8px; cursor: pointer; z-index: 10;}
.block-highlight-repository .prev.is-disabled, 
.block-highlight-repository .next.is-disabled {opacity: 0.3 !important; cursor: default !important; pointer-events: none !important;}
.page .block-highlight-repository .prev {left: 25px; top: 50%; transform: translateY(-50%) rotate(135deg); }
.page .block-highlight-repository .next {right: 25px; top: 50%; transform: translateY(-50%) rotate(-45deg); }
.page .block-highlight-repository .prev-bg, .page .block-highlight-repository .next-bg {position: absolute; content: ""; top:0; width: 100px; z-index: 5; height: calc(100% * 305 / 432);}
.page .block-highlight-repository .prev-bg {left: 0; background: linear-gradient(270deg, rgba(237, 237, 237, 0) 0%, #EDEDED 100%);}
.page .block-highlight-repository .next-bg {right: 0; background: linear-gradient(90deg, rgba(237, 237, 237, 0) 0%, #EDEDED 100%);}

.page .block-interfaces .intro {font-size: 26px; line-height: 129%; margin-bottom: 50px;}

.page .block-more-coming {display: flex; flex-wrap: wrap; justify-content: center; padding-top: 0;}
.page .block-more-coming .clear{width: 100%; height: 0; display: block;}
.page .block-more-coming .title{font-weight: 600; font-size: 32px; line-height: 1;}
.page .block-more-coming a{font-weight: 300; text-decoration: none; font-size: 20px; line-height: 1; color: #191919;}
.page .block-more-coming a:hover{text-decoration: underline;}


@media(max-width: 940px) {
  .page .block-highlight-repository .prev-bg, .page .block-highlight-repository .next-bg, .page .block-highlight-repository .prev, .page .block-highlight-repository .next {display: none;}
}

@media(min-width: 941px) {
  .page .header .container { padding-left: 0; padding-right: 0; justify-content: space-between;}
  .page .header .container .texts {padding-left: 0; margin-left: 0; width: 48%;}
  .page .header .container .image {padding-right: 0; margin-right: 0; width: 48%;}
  .page .block-docs .item > .container {padding: 100px 0; display: flex; flex-wrap: wrap;}
  .page .block-docs .item > .container .dropper {top: 85px;}
  .page .block-docs .item > .container .titles {min-width: 41.6667%; flex: 0 0 41.6667%;}
  .page .block-docs .item > .container h2 {font-size: 32px; line-height: 1;}
  .page .block-docs .item > .container .texts {min-width: 58.333%; flex: 0 0 58.333%; margin-bottom: 0;}
  .page .block-docs .item > .container .texts > div {max-width: 60%;}
  .page .block-docs .item > .container .texts {margin-bottom: 15px;}
  .page .block-docs .gallery .iflex{ flex: 0 0 auto; width: fit-content; max-width: calc(100vw/3);}
  .page .block-docs .gallery .iflex:last-of-type{ margin-right: 20%;}
  .page .block-docs .gallery .iflex + .iflex{ margin-left: 30px;}
  .page .block-docs .gallery.limit-height .iflex img {max-height: 305px; width: auto;}
  
  .popup-form h2 {max-width: 50%; }

  .page .block-highlight-repository {margin-top: 100px;}
  .page .block-highlight-repository .intro {font-size: 32px; margin-bottom: 80px; max-width: 65%;}
  .page .block-highlight-repository .gallery {justify-content: start; flex-wrap: nowrap;}
  .page .block-highlight-repository .gallery .item {min-width: 33%; flex: 0 0 33%;}
  .page .block-highlight-repository .gallery .item:last-of-type {margin-right: 20%;}
  .page .block-highlight-repository .gallery .item .img {position: relative; width: 100%; overflow: hidden;}
  .page .block-highlight-repository .gallery .item .img:before {content: ""; display: block; padding-top: calc(100% * 305 / 432);}
  .page .block-highlight-repository .gallery .item .img img {position: absolute; top: 50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%); max-width: unset;}
  .page .block-highlight-repository .gallery .item + .item {margin-top: 0; margin-left: 50px;}

  .page .block-interfaces .intro {font-size: 32px; max-width: 60%; margin-bottom: 80px;}

}

@media(max-width: 699px) {
  .page .prizes .item { width: calc(75px - 40px); height: calc(75px - 40px); padding: 20px;} 
}

@media(max-width: 940px) {
  .page .block-highlight-repository .gallery {padding-right: 4%; width: 92%;}
  .page .block-docs .gallery {justify-content: start; padding-left: 4%; padding-right: 4%; width: 92%;}
  .page .block-docs .gallery .iflex {flex: 0 0 92% !important; width: 92% !important; padding: 0 2% !important; margin-bottom: 35px; }
  .page .block-docs .gallery img {width: 100%; height: 100%; object-fit: cover; margin: 0;}
  .popup-form .close {top: 10px; right: 10px;}
  .popup-form .contact-info > div {width: 100%;}
  .popup-form .contact-info > div.logo {justify-content: start; margin-bottom: 25px;}
  .popup-form .contact-info .info .item {margin-bottom: 25px; font-size: 18px; flex: 0 0 50%; min-width: 50%;}
  .popup-form .contact-info .info .item.telefono, .popup-form .contact-info .info .item.facebook {margin-bottom: 30px;}
  .page .block-docs .item > .container .video + .hide-desktop:has( button) {margin-top: 25px;}
}

@media(min-width: 1200px) {
   .page .block-docs .gallery, .page .block-highlight-repository .gallery {padding-left: calc((100vw - 1200px) / 2); min-width: calc(100% - ((100vw - 1200px) / 2));}
}

.page .block-interfaces h3 {font-size: 1em;}
.page .block-interfaces .filters {display: flex; flex-wrap: wrap;}
.page .block-interfaces .filters .filter + .filter {margin-left: 25px;}
.page .block-interfaces .filters .delete-filters{margin-left: auto; display: none;} 
.page .block-interfaces .filters .delete-filters a {font-size: 12px; line-height: 12px; font-weight: 200; color: #000; text-decoration: none;}
.page .block-interfaces .filters .delete-filters a span { padding: 2px; border-radius: 100%; border: 1px solid #4A4A4A; color: #4A4A4A; line-height: 12px; width: 12px; display: inline-block; text-align: center; font-weight: 400;}
.page .block-interfaces .filters .filter input, .page .block-interfaces .filters .filter select {appearance: none; background: transparent; border: 1px solid #A2A2A2; border-radius: 33px; padding: 8px 15px; font-size: 12px; line-height: 12px;}
.page .block-interfaces .filters .filter select {padding-right: 30px; background: url('images/select-arrow.svg') no-repeat right 12px top calc(50% + 1px);}
.page .block-interfaces .filters .filter input:focus-visible, .page .block-interfaces .filters .filter select:focus-visible {outline: none;}
.page .block-interfaces .filters .filter input::placeholder, .page .block-interfaces .filters .filter select:not(.selected) {font-weight: 200;}
.page .block-interfaces .interfaces {justify-content: start; align-items: start; margin-top: 30px; padding-top: 130px; display: flex; flex-wrap: wrap; position: relative;}
.page .block-interfaces .interfaces:before {position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #A2A2A2; content: "";}
.page .block-interfaces .interfaces .interface {margin-bottom: 65px;}
.page .block-interfaces .interfaces .interface .img {position: relative; width: 100%; padding: 0; background-color: #D6D6D6; display: block; border-radius: 12px; margin-bottom: 15px;}
.page .block-interfaces .interfaces .interface .img:before {display: block; padding-top: calc(100% * 207 / 353); content: "";}
.page .block-interfaces .interfaces .interface .img img {position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: fill;}
.page .block-interfaces .interfaces .thumbnails:after {content: ""; position: absolute; background: rgba(0, 0, 0, .3); top: 0; left: 0; width: 100%; height: 100%; z-index: 8; display: none; border-radius:12px; pointer-events: none; user-select: none;}
.page .block-interfaces .interfaces .interface .thumbnails img {cursor: pointer; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;}
.page .block-interfaces .interfaces .interface .thumbnails img.active {cursor: pointer; opacity: 1; z-index: 5;}
.page .block-interfaces .interfaces .interface .thumbnails .prev,.page .block-interfaces .interfaces .interface .thumbnails .next,.page .block-interfaces .interfaces .interface .thumbnails .navigation{position: absolute; z-index: 10; display: none;}
.page .block-interfaces .interfaces .interface .thumbnails .prev, .page .block-interfaces .interfaces .interface .thumbnails .next {border: solid #FFF; border-width: 0 4px 4px 0; padding: 4px; cursor: pointer;}
.page .block-interfaces .interfaces .interface .thumbnails .prev {left: 8px; top: 50%; transform: translateY(-50%) rotate(135deg); }
.page .block-interfaces .interfaces .interface .thumbnails .next {right: 8px; top: 50%; transform: translateY(-50%) rotate(-45deg); }
.page .block-interfaces .interfaces .interface .thumbnails .navigation {left: 0; right: 0; bottom: 6px; justify-content: center; align-items: center;}
.page .block-interfaces .interfaces .interface .thumbnails .navigation span {width: 6px; height: 6px; border-radius: 100%; background: #FFF; cursor: pointer;}
.page .block-interfaces .interfaces .interface .thumbnails .navigation span.active {outline: 2px solid #FFF; background: none; cursor: default;}
.page .block-interfaces .interfaces .interface .thumbnails .navigation span + span {margin-left: 6px;}
.page .block-interfaces .interfaces .interface .thumbnails:hover {background-image: linear-gradient(to right, rgba(214, 214, 214, 0) 0%, rgba(139,139,139,.5) 15%, rgb(214, 214, 214) 18%, rgb(214, 214, 214) 82%, rgba(139,139,139,.5) 85%, rgba(214, 214, 214, 0) 100%);}
.page .block-interfaces .interfaces .interface .thumbnails:hover .prev, .page .block-interfaces .interfaces .interface .thumbnails:hover .next, .page .block-interfaces .interfaces .thumbnails:hover:after  {display: inline-block;}
.page .block-interfaces .interfaces .interface .thumbnails:hover .navigation {display: flex;}

.page .block-interfaces .interfaces .interface h3 {font-weight: 600; font-size: 20px; line-height: 1; margin-bottom: 20px;}
.page .block-interfaces .interfaces .interface h3 a, .gallery-popup .gallery .texts h3 a {color: #191919; text-decoration: none;}
.page .block-interfaces .interfaces .interface h3 a:hover, .gallery-popup .gallery .texts h3 a:hover {color: #191919; text-decoration: underline;}
.page .block-interfaces .interfaces .interface .text {font-size: 16px;}
.page .block-interfaces .interfaces .interface .badges {display: flex; flex-wrap: wrap; width: 100%;}
.page .block-interfaces .interfaces .interface .badges .badge {border-radius: 33px; border: .67px solid #A2A2A2; font-weight: 200; font-size: 12px;line-height: 1; padding: 10px; flex: 0 0 auto; margin-bottom: 10px; text-align: center; margin-right: 15px;}
.page .block-interfaces .interfaces .no-result {width: 100%; font-size: 16px;}

.gallery-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 1100; background: rgba(0, 0, 0, .3); display: none;}
.gallery-popup .gallery { width: 90vw; max-width: 1200px; height: calc(90vh - 140px); max-height: 660px; overflow-x: hidden; overflow-y: auto; background: #EDEDED;border-radius: 12px; position: relative; padding: 70px 0;}
.gallery-popup .gallery .close { position: absolute; top: 25px; right: 25px; line-height: 1; cursor: pointer;}
.gallery-popup .gallery .close:hover { opacity: .75;}
.gallery-popup .gallery .content-slider{position: relative;}
.gallery-popup .gallery .slider {display: flex; flex-wrap: nowrap; gap: 35px; align-items: center; height: 500px; max-height: calc(100% * 500/800); margin-bottom: 30px; position: relative; overflow-x: auto; scrollbar-width: none;}
.gallery-popup .gallery .slider::-webkit-scrollbar {display: none;}
.gallery-popup .gallery .content-slider:before, .gallery-popup .gallery .content-slider:after  {content: ""; position: absolute; top: 0; bottom: 0; width: 100px; z-index: 5;}
.gallery-popup .gallery .content-slider:before  {left: 0; background: linear-gradient(270deg, rgba(237, 237, 237, 0) 0%, #EDEDED 100%);}
.gallery-popup .gallery .content-slider:after {right: 0; background: linear-gradient(90deg, rgba(237, 237, 237, 0) 0%, #EDEDED 100%);}
.gallery-popup .gallery .slider img {max-height: 100%; width: auto; max-width: unset; position: relative; z-index: 1;}
.gallery-popup .gallery .content-slider .prev, .gallery-popup .gallery .content-slider .next{position: absolute; border: solid #424242; border-width: 0 8px 8px 0; padding: 8px; cursor: pointer; z-index: 10;}
.gallery-popup .gallery .content-slider .prev[disabled], .gallery-popup .gallery .content-slider .next[disabled]{ cursor: default; opacity: .3; pointer-events: none;}
.gallery-popup .gallery .content-slider .prev {left: 25px; top: 50%; transform: translateY(-50%) rotate(135deg); }
.gallery-popup .gallery .content-slider .next {right: 25px; top: 50%; transform: translateY(-50%) rotate(-45deg); }
.gallery-popup .gallery .texts {margin-left: 80px; margin-right: 80px; width: calc(100% - 160px); display: inline-block;}
.gallery-popup .gallery .texts h3 {font-weight: 600; font-size: 32px; line-height: 1; letter-spacing: 0%; margin-bottom: 15px;}
.gallery-popup .gallery .texts .text {font-size: 20px; margin-bottom: 30px;}
.gallery-popup .gallery .texts .badges .badge {flex: 0 0 auto !important; padding-left: 20px !important; padding-right: 20px !important; font-size: 16px !important;}

@media(min-width: 941px) {
  .page .block-interfaces .interfaces {margin: 50px -20px; padding-top: 50px;}
  .page .block-interfaces .interfaces:before {left: 20px; right: 20px;}
  .page .block-interfaces .filters .filter {max-width: calc((100%/7));}
  .page .block-interfaces .filters .filter input {max-width: calc(100% - 30px);}
  .page .block-interfaces .filters .filter select {max-width: 100%;}
  .page .block-interfaces .interfaces .interface { margin-left: 20px; margin-right: 20px; width: calc(100% / 3 - 40px)}
  .page .block-interfaces .interfaces .no-result {margin-left: 20px; margin-right: 20px; width: calc(100% - 40px); display: none;}
}

@media(max-width: 940px) { 
  .page .block-interfaces .filters .filter.searcher {width: 100%;}
  .page .block-interfaces .filters .filter {min-width: calc(-25px + 50%); margin-bottom: 10px;}
  .page .block-interfaces .filters .filter.searcher + .filter, .page .block-interfaces .filters .filter:nth-child(2n-1) + .filter {margin-left: 0;}
  .page .block-interfaces .filters .delete-filters {margin-left: 0; width: 100%; display: flex; justify-content: end;}
  .page .block-interfaces .interfaces {padding-top: 30px;}
  .page .block-interfaces .interfaces .interface {margin-bottom: 30px;}
  .page .block-interfaces .interfaces .interface .thumbnails {background-image: linear-gradient(to right, rgba(214, 214, 214, 0) 0%, rgba(139,139,139,.5) 15%, rgb(214, 214, 214) 18%, rgb(214, 214, 214) 82%, rgba(139,139,139,.5) 85%, rgba(214, 214, 214, 0) 100%);}
  .page .block-interfaces .interfaces .interface .thumbnails .prev, .page .block-interfaces .interfaces .interface .thumbnails .next {display: inline-block;}
  .page .block-interfaces .interfaces .interface .thumbnails .navigation {display: flex;}
  .page .block-interfaces .interfaces .interface .thumbnails img {pointer-events: none;}
}

/* generales */
.gallery.draggable img { -webkit-user-drag: none; user-drag: none; user-select: none; -webkit-user-select: none;}
.gallery.flex.draggable {display: flex !important;flex-wrap: nowrap !important;overflow-x: auto !important;-webkit-overflow-scrolling: touch;}
.gallery.flex.draggable .iflex {flex: 0 0 auto !important;width: auto;}
.gallery.draggable::-webkit-scrollbar {display: none;}


/* Backgrounds */
.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
******************/
 /* General */
 .page .centro > .block, .page .centro > .wp-block-buttons.btn-controlled {width: 92%; padding: 0 4%; max-width: 1200px; margin: 0 auto; position: relative;}
 .page .centro > .block:not(.block-main-title) {padding-bottom: 50px; padding-top: 50px;}
 .page .centro > .block:not(.block-main-title):not(.block-img-text:not(.with-subtitle)) + .block:before {content:""; position: absolute; top: calc(-1px/2); left: 0; right: 0; height: 1px; background-color: #A2A2A2; border-left: 4vw solid transparent; border-right: 4vw solid transparent; background-clip: padding-box;}
 .page .centro .block .wp-block-buttons .wp-block-button__link, .wp-block-buttons.btn-controlled .wp-block-button__link {padding: 13px 25px; background: #191919; border-radius: 50px; font-weight: 600; font-size: 16px;line-height: 1; letter-spacing: 0; color: #EDEDED;}
 .page .centro .block .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons.btn-controlled .wp-block-button__link:hover {background: #0050CC;}

 @media (max-width: 940px) {
   .page .centro > .block:not(.block-main-title) {padding-top: 30px; padding-bottom: 30px;}
 }

/* Titulo principal */
 .page .centro .block-main-title .wp-block-heading{margin: 0; font-weight: 700; font-size: 48px; line-height: 1; letter-spacing: 0; text-transform: uppercase;}
 .page .centro .block-main-title:not(:has(+ .block)) .wp-block-heading{margin-bottom: 50px;}

/* Bloque imagen + texto y imagen texto con subtitulo */
 .page .centro .block-img-text .image figure{margin-bottom: 0; height: 100%; width: 100%; overflow: hidden; border-radius: 12px;}
 .page .centro .block-img-text .image figure img{width: 100%; height: 100%; object-fit: cover;}
 .page .centro .block-img-text .text {padding-top: 50px; padding-bottom: 50px;}
 .page .centro .block-img-text .text .wp-block-heading.active{font-weight: 700;font-size: 32px; line-height: 1; letter-spacing: 0; text-transform: none; margin-bottom: 25px;}
 .page .centro .block-img-text.with-subtitle .text .wp-block-heading.active{text-transform: uppercase; font-size: 48px;}
 .page .centro .block-img-text .text .wp-block-heading:not(.active){font-weight: 400;font-size: 32px; line-height: 1; letter-spacing: 0; margin-bottom: 35px;}
 .page .centro .block-img-text .text :is(p,ul){margin: 0 0 25px 0; font-weight: 400; font-size: 20px;line-height: 140%;letter-spacing: 0;}

 @media (max-width: 940px) {
   .page .centro .block-img-text .text {padding-top: 0; padding-bottom: 0;}
 }

/* Bloque cita */
 .page .centro .block-quote{align-items: start !important;}
 .page .centro .block-quote .autor {display: flex; align-items: center; gap: 10px; justify-content: start;}
 .page .centro .block-quote .autor figure{margin: 0; width: 16px; height: 16px; border-radius: 100%; overflow: hidden; position: relative;}
 .page .centro .block-quote .autor figure img{object-fit: unset; position: absolute; width: 16px; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
 .page .centro .block-quote .autor p {margin: 0; font-size: 16px; line-height: 1; letter-spacing: 0; color: #5F5F5F;}
 .page .centro .block-quote .quote {font-weight: 500;font-size: 30px; line-height: 1; letter-spacing: 0;}

 /* Bloque informativo */
 .page .centro .block-info .quote{font-size: 20px;line-height: 120%;letter-spacing: 0; margin: 0;}
 .page .centro .block-info .quote + .bottom{margin-top: 100px;}
 .page .centro .block-info .bottom .small{font-size: 16px; line-height: 1; letter-spacing: 0; margin: 0;}
 .page .centro .block-info .bottom .small + .large{margin-top: 15px;}
 .page .centro .block-info .bottom .large{font-weight: 700; font-size: 30px; line-height: 1; letter-spacing: 0; margin: 0;}
 .page .centro .block-info figure{height: 100%; width: 100%; overflow: hidden; border-radius: 12px;}
 .page .centro .block-info figure img {width: 100%; height: 100%; object-fit: cover;}

 @media (min-width: 941px) {
   .page .centro .block-info .quote{max-width: 60%;}
 }

 @media (max-width: 940px) {
   .page .centro .block-info .quote + .bottom{margin-top: 30px;}
 }

 /* Bloque Galeria */
 .page .centro > .block.block-gallery {padding-bottom: 10px;}
 .page .centro .block-gallery:has(+ .block-gallery) {padding-bottom: 0;}
 .page .centro .block-gallery + .block-gallery {padding-top: 0;}
 .page .centro .block-gallery + .block-gallery:before {display: none;}
 .page .centro .block-gallery {--dynamic-gap: 50px; --dinamyc-font-size: 20px; --text-padding: 20px; gap: var(--dynamic-gap);}
 .page .centro .block-gallery:has(> .wp-block-column:nth-last-child(n+4):first-child) {--dynamic-gap: 16px; --dinamyc-font-size: 14px; --text-padding: 20px 0 5px 0;}
 .page .centro .block-gallery .wp-block-column.gray{--bg-color: #EDEDED; --font-color:#191919;}
 .page .centro .block-gallery .wp-block-column.black{--bg-color: #191919; --font-color:#FFF;}
 .page .centro .block-gallery .wp-block-column {margin-bottom: 40px; border-radius: 26px; background-color: var(--bg-color); color: var(--font-color); padding: 11px 13px; font-size: var(--dinamyc-font-size); height: 100%;}
 .page .centro .block-gallery .wp-block-column figure {width: 100%; height: calc(100% * 368 / 557); margin: 0; overflow: hidden; border-radius: 12px;}
 .page .centro .block-gallery .wp-block-column figure img{width: 100%; height: 100%; object-fit: cover;}
 .page .centro .block-gallery .wp-block-column .text{padding: var(--text-padding);}
 .page .centro .block-gallery .wp-block-column .text .wp-block-heading{text-transform: none; font-weight: 600;font-size: 32px; line-height: 1; letter-spacing: 0; margin: 0 0 15px 0; color: var(--font-color);}
 .page .centro .block-gallery .wp-block-column .text p{font-size: var(--dinamyc-font-size);line-height: 140%; letter-spacing: 0; margin: 0;}
 .page .centro .block-gallery .wp-block-column .text p + .wp-block-buttons{margin-top: 15px;}
 .page .centro .block-gallery .wp-block-column .wp-block-buttons .wp-block-button__link:not(:hover){background: none; border: 1px solid var(--font-color); color: var(--font-color);}
 .page .centro .block-gallery .wp-block-column .wp-block-buttons .wp-block-button__link:hover{border: 1px solid #0050CC;}

 @media (max-width: 940px) {
   .page .centro .block-gallery, .page .centro .block-gallery:has(> .wp-block-column:nth-last-child(n+4):first-child) {--dynamic-gap: 20px; --dinamyc-font-size: 14px;}
   .page .centro .block-gallery .wp-block-column {margin-bottom: 20px;}
   .page .centro .block-gallery .wp-block-column .text {padding: 20px 0 5px 0 !important;}
 }

 /* Bloque iconos */
 .page .centro .block-icons .wp-block-heading.active {font-weight: 700;font-size: 48px; line-height: 1; letter-spacing: 0; text-transform: uppercase; margin: 0 0 60px 0;}
 .page .centro .block-icons .wp-block-columns {gap: 80px 40px; flex-wrap: wrap !important;}
 .page .centro .block-icons .wp-block-columns .wp-block-column {flex: 0 0 calc((100%/3) - 40px); min-width: calc((100%/3) - 40px); display: flex; align-items: center; text-align: center; flex-wrap: wrap; gap: 20px; flex-direction: column;}
 .page .centro .block-icons .wp-block-columns .wp-block-column :is(figure,.wp-block-heading,p,ul) {margin: 0;}
 .page .centro .block-icons .wp-block-columns .wp-block-column figure {width: 60px; height: 60px; background: #EDEDED; border-radius: 60px; overflow: hidden;}
 .page .centro .block-icons .wp-block-columns .wp-block-column img {width: 100%; height: 100%; object-fit: cover;}
 .page .centro .block-icons .wp-block-columns .wp-block-heading {font-weight: 700;font-size: 32px; line-height: 1; letter-spacing: 0; text-transform: none;}
 .page .centro .block-icons .wp-block-columns :is(p,ul) {font-size: 14px; line-height: 140%; letter-spacing: 0;}

 @media (min-width: 941px) {
   .page .centro .block-icons .wp-block-heading.active{max-width: 50%; margin-left: auto; margin-right: auto;}
 }

 /* Bloque imagenes */
 .page .centro .block-images.wp-block-columns { display: flex; align-items: stretch !important;}
 .page .centro .block-images .wp-block-column {height: auto; display: flex; flex-direction: column; gap: 2em;}
 .page .centro .block-images .wp-block-column figure {margin-bottom: 0;}
 .page .centro .block-images .wp-block-column figure:only-child {flex-grow: 1;height: 100%;}
 .page .centro .block-images .wp-block-column figure:has(+ figure),.page .centro .block-images .wp-block-column figure + figure {width: 100%; height: auto; max-width: unset; aspect-ratio: 459/292;}
 .page .centro .block-images .wp-block-column figure img{width: 100%; height: 100%; object-fit: cover;}

 @media (max-width: 940px) {
   .page .centro .block-images.wp-block-columns {display: block;}
   .page .centro .block-images.wp-block-columns .wp-block-column + .wp-block-column {margin-top: 15px;}
 }

 /* Bloque cifras */
 .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns + .wp-block-columns{margin-top: 20px;}
 .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns :is(.wp-block-columns,p) {margin: 0;}
 .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {padding: 40px 20px; margin: 0; background: #EDEDED; border-radius: 28px;}
 .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns .text {font-size: 20px;line-height: 140%; letter-spacing: 0; flex: 1 1 0; min-width: 0;}
 .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns .cipher {flex: 0 0 auto; white-space: nowrap; text-align: center;}
 .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns .cipher .number {font-weight: 500;font-size: 40px; line-height: 1; letter-spacing: 0; text-align: center; white-space: nowrap;}
 .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns .cipher .info {font-size: 16px; line-height: 1; letter-spacing: 0; text-align: center; white-space: nowrap;}

 @media (max-width: 940px) {
   .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns .text {order: 1;}
   .page .centro .block-ciphers .wp-block-group__inner-container > .wp-block-columns .cipher {order: 0;}
 }

 /* Bloque dos columnas */
 .page .centro .block-two-columns .wp-block-heading.active {font-weight: 700;font-size: 32px;line-height: 1;letter-spacing: 0; text-transform: none; margin: 0 0 15px 0;}
 .page .centro .block-two-columns .wp-block-heading:not(.active) {font-weight: 400;font-size: 32px;line-height: 1;letter-spacing: 0; text-transform: none; margin: 0 0 30px 0;}

 @media (max-width: 940px) {
   .page .centro .block-two-columns {gap: 0;}
 }

 /* Bloqe dos columnas con listado */
 .page .centro .block-text-with-list .wp-block-heading {font-weight: 700;font-size: 32px;line-height: 1;letter-spacing: 0; margin: 0 0 30px 0; text-transform: none;}
 .page .centro .block-text-with-list p {margin: 0;}
 .page .centro .block-text-with-list :is(p,ul) + :is(p,ul) {margin-top: 30px;}
 .page .centro .block-text-with-list .wp-block-list {margin: 0; padding: 0; list-style: none;}
 .page .centro .block-text-with-list .wp-block-list li{padding: 0 16px 12px 50px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; position: relative;}
 .page .centro .block-text-with-list .wp-block-list li:before{position: absolute; width: 18px; height: 18px; background: #191919; content: ""; -webkit-mask: url("images/check-list.png") no-repeat center;mask: url("images/check-list.png") no-repeat center; -webkit-mask-size: contain;mask-size: contain; left: 16px; top: 5px;}

 /* Bloque texto con multi imagenes */
 .page .centro .block-text-multiimg .wp-block-heading {font-weight: 700;font-size: 32px;line-height: 1;letter-spacing: 0; margin: 0 0 30px 0; text-transform: none;}
 .page .centro .block-text-multiimg p {margin: 0;}
 .page .centro .block-text-multiimg :is(p,ul) + :is(p,ul) {margin-top: 30px;}
 .page .centro .block-text-multiimg figure {width: 100%; height:calc(100% * 194 / 384); margin: 0 0 25px 0; overflow: hidden; border-radius: 12px; position: relative; margin-bottom: 0;}
 .page .centro .block-text-multiimg figure + figure{margin-top: 17px;}
 .page .centro .block-text-multiimg figure img {width: 100%; height:100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

 @media (max-width: 940px) {
   .page .centro .block-text-multiimg {gap: 25px;}
   .page .centro .block-text-multiimg .wp-block-column {display: block;}
   .page .centro .block-text-multiimg .wp-block-column figure {height: auto;}
   .page .centro .block-text-multiimg .wp-block-column figure img{position: relative; object-fit: unset; top: unset; left: unset; transform: unset;}
 }

 /* Herramientas embed */
 .contenedor-single-herramientas-embed .centro {width: 92%; padding: 0 4%; max-width: 972px; position: relative; margin: -100px auto 0;}
 .contenedor-single-herramientas-embed .centro iframe{width: 100%; height: 150vh; border: none;}



.foo-navarra {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 20px 30px;
    gap: 20px;
}

.foo-navarra .logo-navarra {
    width: auto;
    max-width: 280px;
    height: auto;
}

.foo-navarra .texto-navarra {
    color: #ffffff;
    font-size: 0.85rem;
    max-width: 700px;
    line-height: 1.6;
    opacity: 0.85;
    margin: 0;
}