@charset "UTF-8";
/*!
Theme Name: Booklium Child
Theme URI: https://motopress.com/products/booklium
Author: MotoPress
Author URI: https://motopress.com
Description: Awesome WordPress theme.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: booklium
Template: booklium
*/
/* Registrar fuente BB Modern Condensed */
/* === FUENTES PERSONALIZADAS === */
/* === FUENTES PERSONALIZADAS === */
@font-face {
  font-family: 'BB Modern Condensed';
  src: url('fonts/bb-modern-condensed.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Alpina Light';
  src: url('fonts/GT-Alpina-Standard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.mphb-label,
.mphb-booking-form label,
.mphb-field-group label,
.mphb-check-in-date label,
.mphb-check-out-date label,
.mphb-datepick-popup label,
.mphb-search-form label,
.mphb-room-type-title,
.mphb-room-type-description,
.mphb-price,
.mphb-total-price,
.mphb-form label,
.mphb-checkout-label {
    color: #2F591C !important;
}
body,
button,
input,
select,
optgroup,
textarea {
  color: #2F591C;
  font-family: 'GT Alpina Light', serif;
  font-weight: 400;
  font-size: 18px; 
 font-size: 1rem;
  line-height: 1.75;
}
h1:first-child {
    margin-top: 0;
    font-family: 'BB Modern Condensed', sans-serif;
    text-transform: uppercase;
	letter-spacing: 0.3px;
	font-weight: 400;
	font-size: 50px;
color: #2F591C;
}
label, h1, h2, h3, h4, h5, h6 {
	color: #2F591C;
}
/* Clases auxiliares */
.fuente-bb {
  font-family: 'BB Modern Condensed', sans-serif;
}

.fuente-alpina {
  font-family: 'GT Alpina Light', serif;
}

/* === NAVEGACIÓN Y CABECERA === */
body.site-boxed .main-navigation .menu > li > a,
body.site-wide .main-navigation .menu > li > a {
  font-family: 'GT Alpina Light', serif !important;
  font-size: 16px !important;
  color: #2F591C !important;
  font-weight: normal !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

#masthead {
  position: sticky;
  top: 0;
  z-index: 10;
}

body.site-boxed .site-header,
body.site-wide .site-header {
  padding: 10px 40px !important;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  body.site-boxed .site-header,
  body.site-wide .site-header {
    padding: 10px 20px !important;
  }
}

.site-header:before {
  background-color: #E6F9C5;
}

.site-branding img {
  max-height: 110px !important;
}

.site-header {
  height: 110px !important;
  display: flex;
  align-items: center;
}

/* === FORMULARIO DE DISPONIBILIDAD === */

/* Fuente general */
.mphb_sc_search-form,
.mphb_sc_search-form * {
  font-family: 'GT Alpina Light', serif;
}

/* Fondo del formulario */
.mphb_sc_search-form {
  padding: 20px;
  border-radius: 12px;
}

/* Campos del formulario */
.mphb_sc_search-form input[type="text"],
.mphb_sc_search-form input[type="date"],
.mphb_sc_search-form select,
.mphb_sc_search-wrapper input[type="text"],
.mphb_sc_search-wrapper select,
.mphb_sc_booking_form-wrapper input[type="text"],
.mphb_sc_booking_form-wrapper select,
.widget_mphb_search_availability_widget input[type="text"],
.widget_mphb_search_availability_widget select {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc !important;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-family: 'GT Alpina Light', serif !important;
}

/* Botón de búsqueda */
.mphb_sc_search-form button,
.mphb_sc_search-form input[type="submit"] {
  background-color: #D36231;
  color: #fff;
  border: 0px solid #D36231;
  padding: 12px 24px;
  border-radius: 40px;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family: 'GT Alpina Light', serif;
}

.mphb_sc_search-form button:hover,
.mphb_sc_search-form input[type="submit"]:hover {
  background-color: #FFE092;
	color: #D36231;
}
/* Etiquetas del formulario */
.mphb_sc_search-wrapper label,
.mphb_sc_booking_form-wrapper label,
.widget_mphb_search_availability_widget label {
  color: #2F591C !important;
  font-family: 'GT Alpina Light', serif !important;
  font-weight: 500;
  font-size: 14px;
}
.borde-verde {
  border: 3px solid #2F591C;
  border-radius: 0px;
}
.borde-nube {
  border: 3px solid #FFFEE6;
  border-radius: 0px;
}
.mphb_sc_rooms-wrapper.mphb-room-types.standard.horizontal-list {
  justify-content: center;
}
.site-footer {
  display: none !important;

}
  color: #2F591C;            /* Color del texto */
	max-width: 100%;
}
.site-footer a {
  color: #FFE092;            /* Color de enlaces */
}
.footer-widgets {
  background-color: #FFE092; /* O el color que tú quieras */
  font-family: 'GT Alpina Light', serif; /* Cambia por la fuente que prefieras */
  color: #2F591C; /* Cambia por el color de texto que desees */
 	max-width: 100%;
	margin-top: 0rem;
}
/* Títulos (como “Explore Booklium”, etc.) */
.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
  color: #2F591C !important;
  }

.footer-widgets .widget-title {
  font-size: 18px; /* Aumenta el tamaño del título */
  font-weight: 400; /* Negrita para resaltar más */
}

/* ACORDEON */
.wp-block-getwid-accordion .wp-block-getwid-accordion__content {
    border: 0;
    background: transparent !important;
    padding: 1.875rem 2.0rem;
    margin: o;
	
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-title {
    color: #2F591C;
	
}
/* Estilo general del acordeón */
.wp-block-getwid-accordion {
  color: #2F591C;
  padding: 10px 3px;
}
.wp-block-getwid-accordion__header a {
  font-size: 20px;
  margin: 0;
  line-height: 1.3;
  background-color: #FFFEE6 !important;
	padding: 10px 10px;
}
/* Contenedor del contenido */
.wp-block-getwid-accordion__content-wrapper {
  background-color: #FFFEE6 !important;
  line-height: 1.3;
}
/* Quitar línea gris inferior */
header,
.site-header,
.navbar,
.menu,
.main-navigation {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* GALERIA CON DESLIZADOR */
.swiper-button-next,
.swiper-button-prev {
  background-color: #FFE092;
  color: #D36231;
  padding: 10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: background-color 0.3s, color 0.3s;
}

/* Íconos (las flechas) */

/* Estado normal */
.wp-block-getwid-images-slider.has-arrows-inside .slick-prev,
.wp-block-getwid-images-slider.has-arrows-inside .slick-next {
  background: #D36231 !important;
  color: #FFFEE6 !important;
  width: 40px;
  height: 40px;
  border-radius: 10%;
  z-index: 10;
  transition: background 0.3s, color 0.3s;
}

/* Estado hover */
.wp-block-getwid-images-slider.has-arrows-inside .slick-prev:hover,
.wp-block-getwid-images-slider.has-arrows-inside .slick-next:hover {
  background: #FFE092 !important;
  color: #D36231 !important;
}


/* PARALLAX */

/* Efecto parallax para fondo en Gutenberg */
.fondo-parallax {
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Fallback para móviles (donde fixed no funciona bien) */
@media screen and (max-width: 768px) {
  .fondo-parallax {
    background-attachment: scroll;
  }
}


/* ============= CONTACT FORM 7 – ESTILOS PERSONALIZADOS =============
   Versión corregida: botón sin borde verde y texto blanco
===================================================================== */

/* ---------- Fuente y color base ---------- */
.fuente-alpina,
.fuente-alpina input,
.fuente-alpina textarea,
.fuente-alpina select,
.fuente-alpina label {
  font-family: 'GT Alpina Light', serif !important;
  color: #2F591C !important;
}

/* ---------- Estructura de columnas ---------- */
.fuente-alpina .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 12px;
}

.fuente-alpina .form-col {
  flex: 1 1 200px;
}

/* Campos a ancho completo */
.fuente-alpina .form-full {
  margin-bottom: 12px;
}

.fuente-alpina .form-full > * {
  display: block;
  width: 100%;
}

/* ---------- Campos de entrada ---------- */
.fuente-alpina input[type="text"],
.fuente-alpina input[type="email"],
.fuente-alpina input[type="tel"],
.fuente-alpina textarea,
.fuente-alpina select {
  width: 100%;
  padding: 10px;
  border: 3px solid #2F591C !important;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  color: #2F591C;
}

/* Placeholders */
.fuente-alpina input::placeholder,
.fuente-alpina textarea::placeholder {
  color: #2F591C;
  opacity: 1;
}

/* ---------- Botón de envío ---------- */
.fuente-alpina input[type="submit"] {
  font-family: 'GT Alpina Light', serif !important;
  background-color: #C26529 !important;
  color: #fff !important;
  border: none !important;
  width: 100%;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}

.fuente-alpina input[type="submit"]:hover {
  background-color: #FFE092 !important;
  color: #C26529 !important;
}

/* ========== ESTRUCTURA GENERAL ========== */

.mphb-calendar,
.mphb-calendar *,
.mphb-datepick-popup,
.mphb-datepick-popup * {
    font-family: 'GT Alpina Light', serif !important;
}
/* Fondo blanco del calendario */
.mphb-calendar,
.mphb-datepick-popup {
    background-color: #ffffff;
}

/* Estilo base de celdas del calendario */
.mphb-calendar .datepick-month td,
.mphb-datepick-popup .datepick-month td {
    background-color: #ffffff;
    color: #2F591C;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer;
}

/* Día de hoy */
.mphb-datepick-popup .datepick-month td a.datepick-today {
    border: 2px solid #E6F9C5 !important;
}

/* ========== DÍAS OCUPADOS ========== */

.mphb-calendar .datepick-month td .mphb-mark-as-unavailable--check-in,
.mphb-calendar .datepick-month td .mphb-mark-as-unavailable--check-out,
.mphb-calendar .datepick-month td .mphb-out-of-season-date--check-in,
.mphb-calendar .datepick-month td .mphb-out-of-season-date--check-out {
    background-color: #2F591C !important;
    color: #ffffff !important;
}

/* Hover sobre días ocupados */
.mphb-calendar .datepick-month td .mphb-mark-as-unavailable--check-in:hover,
.mphb-calendar .datepick-month td .mphb-mark-as-unavailable--check-out:hover,
.mphb-calendar .datepick-month td .mphb-out-of-season-date--check-in:hover,
.mphb-calendar .datepick-month td .mphb-out-of-season-date--check-out:hover {
    background-color: #1e3d13 !important;
}

/* ========== DÍAS DISPONIBLES ========== */

.mphb-calendar .datepick-month td .mphb-available-date {
    background-color: #ffffff !important;
    color: #2F591C !important;
}

/* Hover sobre días disponibles */
.mphb-calendar .datepick-month td .mphb-available-date:hover {
    background-color: #E6F9C5 !important;
}

/* Día seleccionado */
.datepick-popup .mphb-datepicker-grayscale.mphb-datepick-popup .datepick-month td .datepick-selected {
    background-color: #2F591C !important;
    color: #ffffff !important;
}

/* Día resaltado (hover en pop-up) */
.datepick-popup .mphb-datepicker-grayscale.mphb-datepick-popup .datepick-month td a.datepick-highlight {
    background-color: #2F591C !important;
    color: #ffffff !important;
}

/* ========== CABECERA DEL CALENDARIO ========== */

.mphb-calendar .mphb-datepicker-grayscale .datepick-nav,
.datepick-popup .mphb-datepicker-grayscale .datepick-nav {
    background-color: #FFFFFF;
    color: #2F591C;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
}

/* Flechas de navegación */
.mphb-calendar .mphb-datepicker-grayscale .datepick-nav a,
.datepick-popup .mphb-datepicker-grayscale .datepick-nav a {
    color: #2F591C;
    text-decoration: none;
}

/* Hover sobre flechas de navegación */
.mphb-calendar .mphb-datepicker-grayscale .datepick-nav a:hover,
.datepick-popup .mphb-datepicker-grayscale .datepick-nav a:hover {
    background-color: #E6F9C5;
    color: #2F591C;
}

/* Deshabilitados: no cambiar color al pasar el mouse */
.mphb-calendar .mphb-datepicker-grayscale .datepicker-nav a.datepick-disabled:hover,
.datepick-popup .mphb-datepicker-grayscale .datepicker-nav a.datepick-disabled:hover {
    background-color: #FFFEE6 !important;
    color: #cccccc !important;
    cursor: default;
}