/*
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=Cormorant+Unicase:wght@300;400;500;600;700&family=Inter:wght@100..900&display=swap');
#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', 'Montserrat','Roboto','Lato', 'Open Sans', sans-serif;    margin: 92px 0 0 0!important;  color:#000000;background-color: #F9F5EF;  font-size: 15px;  font-weight: 300;line-height: 135%;  }
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
input {font-family: 'Inter'}
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-weight: 400; color:#000000;}
h1, h2{font-family: 'Cormorant Unicase', 'Roboto';    font-weight: 400; color:#1F1F1F;    letter-spacing: -0.03em; line-height: 90%; }
h3, h4 {font-family: 'Inter';color: #BC9557;}
h1 {font-size: 65px;}
h2 {font-size: 50px;text-transform: uppercase;}

b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.foo1 iframe {height: 300px;}
.autor{font-size: 10px}
footer {padding: 10px 0 25px; }
footer .centro {}
.foomov {  display: none;  background-color: #000;}
.flex4c.foomov .iflex {  color: white;  text-align: center;}

a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1200px;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-color: #F9F5EF; }
h5 a {background-color: #1F1F1F;color: #F9F5EF !important;  border-radius: 10px;font-weight: 400;font-size: 30px;line-height: 45px;text-align: center;padding: 15px 20px;padding: 10px 40px; text-decoration: none; font-family: 'Cormorant Unicase'; transition: .4s ease all; border: 1px solid transparent;}  
h5 a:hover{background: #F9F5EF !important; color: #1F1F1F!important;border: 1px solid #1F1F1F;}
body.wordpress nav.navbar.fixed {    }
nav.navbar .navbar-header{    width: fit-content;  margin: auto !important;  float: none;  position: absolute;  left: 0;  right: 0;}
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-header {}

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: 36px 1%; position: relative;width: auto;margin: 0px 1%; text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar ul li:nth-last-of-type(1){  padding-right: 0;margin-right: 0; }
nav.navbar #navbar ul li a{color: #000;text-decoration: none;font-size: 14px;}
body.wordpress nav.navbar.fixed #navbar ul li a{color: #000; }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{color: #000; }
nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li.current-menu-item > a{color: #333E48 !important; }
nav.navbar #navbar ul li:hover ul{display: block;}
nav.navbar #navbar ul li.current-menu-item ul li{}
nav.navbar #navbar ul li.current-menu-item ul li a{}
nav.navbar #navbar ul li ul{ left: 0; position: absolute; display: none; width: 100%;}
nav.navbar #navbar ul li ul li{}
nav.navbar #navbar ul li ul li a{}
.cent {text-align: center;}
.montadas {    position: relative;  display: flex;  justify-content: center;  align-items: center;  flex-wrap: wrap;}
.montadas img {object-fit: contain;}
.montadas .im-0 {height: 50vh; max-width: 55%;}
.montadas .im-1 {height: 35vh;object-fit: contain;margin-left: -20px;max-width: 40%;}
.seguidas {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap; height: 37vh;}
.seguidas img {object-fit: cover;}
.seguidas .im-0 {width: 28.5%;height: 100%;}
.seguidas .im-1 {width: 70%; height: 100%;}

.arr-link, .cont a {font-family: 'Inter';  font-size: 14px;  font-weight: 500;  color: #BC9557; width: fit-content;text-decoration: none;border-bottom: 1px solid !important; /*display: none !important;*/}
.dnone {display: none !important;}
.arr-link:hover, .cont a:hover {opacity: .6;}
.cont-80 {margin-left: auto;width: 80%;box-sizing: border-box;}
.tit-75 {width: 75%;margin-right: auto;text-align: left;}
.imful {width: 100%; object-fit: cover; max-height: 37vh;}
.imbkful {    width: 100%;  height: 37vh;  background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}



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

.formulario-reserva {  display: flex;  flex-wrap: wrap;  gap: 3%; align-items: end; }  
.form-group {  display: flex;  flex-direction: column;  width: calc(30%);box-sizing: border-box; margin-bottom: 35px;}
.form-group label {  margin-bottom: 10px; font-family: 'Inter'; font-size: 14px;  font-weight: 500;   }
.form-group.code {margin-right: 70%;}
.form-group input[type="text"],
.form-group input[type="date"],
.form-group input[type="number"] {  border: 1px solid #BC9557;  padding: 7px;   font-size: 14px;  width: 100%; box-sizing: border-box; background-color: transparent; color: #565456;}
.formulario-reserva input[type="submit"] {  background-color: transparent;   border: none;  cursor: pointer; height: fit-content;}
.formulario-reserva input[type="submit"]:hover {  color: #BC9557;}
#adultos {width: 35px;text-align: center;height: 35px;}

.front-page .bk1 {margin-bottom: 50px;}
.front-page .bk2 {margin-bottom: 50px;}
.front-page .bk2 .cont-80{margin-bottom: 30px;}

.front-page .bk2 > .flex > .centro{border-top: 1px solid #BC9557;}
.front-page h2 {margin-bottom: 10px;}
.front-page .bk3 ul {    columns: 3;  padding: 0; /*padding-left: 18px;*/ line-height: 135%; box-sizing: border-box; gap: 40px;}
.front-page .bk3 ul li{}
.front-page .bk3 .montadas {margin: 55px auto;}
.front-page .bk3 a {text-align: center;width: 100%; box-sizing: border-box;    display: block;  width: fit-content;  margin: auto;margin-top: 35px}
.front-page .bk3 .seguidas {margin-top: 35px;}

.front-page .bk1 .flex .dcha {display: none;}
.front-page .bk4 h2 {font-size: 50px;text-transform: uppercase; color: #BC9557;}

.front-page .bk3 ul li{  list-style-type: none; /* Remove default bullets */  padding: 0;}
.front-page .bk3 ul li {  position: relative; /* Enable positioning of the custom bullet */  padding-left: 20px; /* Space for custom bullet */}
.front-page .bk3 ul li::before {  content: '•'; /* Custom bullet character */  position: absolute;  left: 0;  font-size: 0.7em; /* Smaller font size for lighter weight */  color: #000000; /* Light gray color */}

.mapa {margin-bottom: 35px;}
.front-page .bk3 em {color: #BC9557;}
.front-page .bk1 .izda .cent {line-height: 150%;}
	.pojo-a11y-toolbar-toggle {  padding-top: 8px;    padding-left: 5px;} 
	.pojo-a11y-toolbar-toggle .pojo-a11y-toolbar-toggle-link {border-radius: 333px !important;}

/*Cabecera Movil*/
@media (min-width: 941px) {
	nav.navbar #navbar ul > li:first-child {margin-right:auto;}
  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;}
  .front-page .bk1 .flex .izda, .front-page .bk1 .flex .dcha {width: 45%;}
  .front-page .bk1 .flex {align-items: center;}
  .front-page h1 {width: 60%;    font-size: 90px;    margin: auto;    margin-bottom: 35px; margin-top:30px;}
  .montadas {padding-bottom: 50px;}
  .front-page .tit-75 {    width: 50%;    font-size: 80px;    margin-left: 10%;margin-bottom: 0;}
  .front-page .cont-80 {font-size: 22px;    line-height: 150%;     margin-left: auto;    width: 60%;    box-sizing: border-box;    margin-right: 12%;}
  h2 {font-size: 80px;}
  .front-page .bk3 ul li {    font-size: 20px;    line-height: 150%;}
  .front-page .bk2 .cont-80 {margin-bottom: 65px;}
  .front-page .bk1 .izda .cent{margin-bottom: 50px; font-size: 22px; text-align: center; margin-top: 50px; }
  .front-page .bk1 .flex .izda, .front-page .bk1 .flex .dcha {width: 100%;}        
  .montadas img.im-0 {    object-fit: cover ;max-width: 100vw; width: 50%;}
  .montadas img.im-1 {    object-fit: cover;max-width: 100vw; width: 35%; margin-left: -5%;}
  .front-page .bk4 h2.tit-75 {text-align: center; margin: 0; margin-bottom: 30px;margin-top: 55px; width: 100%;font-size: 60px;}
.front-page .bk3 h4 {font-size: 22px;}
	.tlf-menu{    width: fit-content;    position: absolute;    top: 34px;    left: 9%;    text-decoration: underline;}
  .logos img {max-width: 70%; display: block ; margin: auto;}
}
@media (max-width: 940px) {



	.tlf-menu {display: none;}
  body{    margin: 65px 0 0 0!important;}
  nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;}

  nav.navbar {background-color: #F9F5EF;height: 64px;}
  nav.navbar.abrir {background: #F9F5EF; height: 100vh;}
  nav.navbar .centro{    width: 100%; max-width: 100%;}
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{display: none;}

  nav.navbar .navbar-header { top: 16px;    margin-left: 16px;     width: fit-content;    margin: auto !important;    display: block;    float: none; }
  nav.navbar.abrir .navbar-header a.navbar-brand img { /*filter: brightness(0) invert(1); */}

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

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

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

  nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;background: transparent;top: 6px;}
  nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); border: 0;}
  nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 8px;display: block;width: 25px;height: 3px;;background: #333E48; }
  nav.navbar .navbar-header button.navbar-toggle {display: none;}
  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: #333E48;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #333E48;transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #333E48;transform: rotate(1deg); top: -11px; position: relative;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(4){  background-color: transparent;}

  .foomov {    display: flex;    position: fixed;    bottom: 0;    z-index: 111;    width: 100%;    display: grid;     box-sizing: border-box;    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - 10px), 1fr));  }
  .foomov .iflex {    height: 60px;    width: 100%;    background-size: auto;    background-repeat: no-repeat;    background-position: center;    background-color: #878787;    border-left: 1px solid #787878;  }
  .foomov .iflex:first-child {    border-left: none;  }

  input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {    /* display: none; <- Crashes Chrome on hover */    -webkit-appearance: none;    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */}

input[type=number] {    -moz-appearance:textfield; /* Firefox */}

/* CSS actualizado para el efecto parallax */
.montadas { position: relative;  display: flex;  justify-content: center;  align-items: center;  flex-wrap: nowrap;  overflow: hidden; /* Asegúrate de que las imágenes no desborden el contenedor */}
.montadas img {  object-fit: contain;  /* Se agregará la posición fija en JavaScript */}
.montadas .im-0 {height: 40vh;max-width: 55%;z-index: 1; /* La imagen de fondo debe tener un z-index más bajo */object-position: right;object-fit: cover;}
.montadas .im-1 {height: 28vh;object-fit: cover;margin-left: -5%;max-width: 40%;z-index: 2; /* La imagen del frente debe tener un z-index más alto */object-position: left;}

  h1{ font-size: 45px;}
  h2, .front-page .bk4 h2{ font-size: 40px;}
  h3 {font-size: 15px;}
  h4 {}

  .front-page .bk1 .flex .izda h3 {margin-top: 35px;}
  .front-page .bk1 .flex .dcha {margin-top: 40px;}
  .form-group.code {width: 50%;    margin-right: 50%;}
  .front-page .bk3 ul {    columns: 2;  line-height: 135%;gap: 10px;}
  .seguidas {height: 20vh;}
  .seguidas.centro {width: 100%;}
  .seguidas .im-0 {width: 32.5%;height: 100%;}
  .seguidas .im-1 {width: 65%;}

  .montadas .im-0 {max-width: 63%;width: 63%;}
  .montadas .im-1 {width: calc(43% - 20px);max-width: unset;}
  .front-page h1 {margin-top: 40px;}
  .imbkful {height: 27vh;}
  .front-page .bk1 {margin-bottom: 25px;}

  footer {padding: 10px 0 75px; }
}

/*Cabecera Movil*/

@media (max-width: 1250px) {
  div.centro{    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;}

.foo2 iframe {
	height:300px;
}