.elementor-kit-5{--e-global-color-primary:#336538;--e-global-color-secondary:#1B7D07;--e-global-color-text:#6C6765;--e-global-color-accent:#334A65;--e-global-color-a230cc8:#3E3737;--e-global-color-05a8228:#62615B;--e-global-color-e83c503:#FFFFFF;--e-global-color-00e7370:#45645A;--e-global-color-57d1b9e:#C6D3C2;--e-global-color-10d8355:#F7F7F0;--e-global-color-add08f7:#3D533F;--e-global-typography-primary-font-family:"Merriweather Sans";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Merriweather Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6rem;--e-global-typography-text-letter-spacing:0.2px;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-word-spacing:2px;--e-global-typography-f8b386a-font-family:"Montserrat";--e-global-typography-f8b386a-font-size:0.9rem;--e-global-typography-f8b386a-line-height:1.4rem;--e-global-typography-f8b386a-letter-spacing:0.6px;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:1rem;}.elementor-kit-5 h1{font-family:"Merriweather sans", Sans-serif;font-weight:300;letter-spacing:-1.1px;}.elementor-kit-5 h2{color:var( --e-global-color-a230cc8 );font-family:"Merriweather sans", Sans-serif;font-weight:300;line-height:2.8rem;letter-spacing:-1.2px;word-spacing:3px;}.elementor-kit-5 h3{color:var( --e-global-color-a230cc8 );font-family:"Merriweather sans", Sans-serif;font-weight:300;letter-spacing:-0.6px;word-spacing:1px;}.elementor-kit-5 h4{color:var( --e-global-color-a230cc8 );letter-spacing:-0.2px;word-spacing:1px;}.elementor-kit-5 h5{color:var( --e-global-color-a230cc8 );}.elementor-kit-5 h6{color:var( --e-global-color-a230cc8 );font-family:"Montserrat", Sans-serif;font-size:0.6rem;font-weight:600;text-transform:uppercase;letter-spacing:0.4px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-size:22px;font-weight:500;color:var( --e-global-color-05a8228 );accent-color:var( --e-global-color-accent );border-style:solid;border-width:0px 0px 2px 0px;border-color:#B4B4B4;border-radius:0px 0px 0px 0px;transition:200ms;padding:15px 0px 10px 0px;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{color:var( --e-global-color-text );accent-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
.f-hided{
    display: none;
}
.f-reserva .wpforms-field{
width: 11%;
float: left;
border: 1px solid red;
text-align: center;
}
.f-reserva .wpforms-field label{
    color: #333;
    font-family: montserrat, Sans-Serif;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-align: center;
    
}
.f-reserva .wpforms-field div input{
    background: white;
    border: none;
    padding: 4px;
    align-self: center;
    color: blue;
    
    
}
.btn-reserva{
    display:inline;
    float: left;
    padding: 9vw;
    background: green;
}
.fecha-in{}
.fecha-out{}
.personas{}

*/

/*
 * ESTILOS FINALES v2 - Formulario de Reservas "Reserva-w" (Clase: f-reserva)
 * Ajustado con layout de 5 columnas y padding de campos unificado.
 */
 
.f-hided{
    display: none;
}


/* 2. Variables de Color y Tipografía */
:root {
    /* -- Colores -- */
    --form-primary-color: #3D533F; /* Tu color principal */
    --form-primary-hover: #2c3d2e; /* Tono más oscuro para el hover */
    --form-border-color: #dcdcdc;
    --form-text-color: #333333;
    --form-label-color: #555555;

    /* -- Tipografía -- */
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Open Sans', sans-serif;
}

/* 3. Contenedor Principal Transparente */
.wpforms-container.f-reserva {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    max-width: 70%;
    font-family: var(--font-secondary);

}

/* 4. Ocultar el asterisco de campos obligatorios */
.f-reserva .wpforms-required-label {
    display: none;
}
.f-reserva .wpforms-field{ 
    width: 24%; 
    float: left;
    
    
}

/* 5. Layout Horizontal con Flexbox (5 columnas) */
.f-reserva form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;

}

/* Cada campo y el botón ocuparán el mismo espacio */
.f-reserva .wpforms-field,
.f-reserva .wpforms-submit-container {
    flex: 1; /* Clave para que todos los items ocupen el mismo ancho */
    min-width: 160px; /* Ancho mínimo antes de que pasen a la siguiente línea */
    margin-bottom: 0;
}

/* --- Estilos de Etiquetas y Campos --- */
.f-reserva .wpforms-field-label {
    color: var(--form-label-color);
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0.5em;
    text-align: center;
    display: block;
}


/* 6. Apariencia unificada para TODOS los campos con padding amplio */
.f-reserva .wpforms-field input[type="text"],
.f-reserva .wpforms-field input[type="date"],
.f-reserva .wpforms-field input[type="number"] {
    width: 80%;
    min-height: 70px;
    padding: 30px; /* Padding interno más amplio */
    border: 1px solid var(--form-border-color);
    border-radius: 6px;
    font-size: 18px;
    font-family: var(--font-secondary);
    color: var(--form-text-color);
    transition: border-color 0.3s, box-shadow 0.3s;
    box-sizing: border-box; /* Asegura que el padding no altere el ancho */
}
.f-reserva .wpforms-field label {
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.f-reserva .wpforms-field input[type="number"]{
    font-size: 36px;
    font-weight: 600;
    text-align: center;
}

.f-reserva .wpforms-field input:focus {
    outline: none;
    border-color: var(--form-primary-color);
    box-shadow: 0 0 0 2px rgba(61, 83, 63, 0.2);
}

/* --- Estilos del Botón de Envío (clase .btn-reserva) --- */
.f-reserva .btn-reserva {
    background-color: var(--form-primary-color) !important;
    color: #ffffff;
    border: none;
    padding: 44px 15px; /* Padding vertical alineado con los inputs */
    font-size: 16px;
    font-family: var(--font-primary);
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    width: 100%;
    text-transform: uppercase;
    box-sizing: border-box;
}

.f-reserva .btn-reserva:hover {
    background-color: var(--form-primary-hover) !important;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/Montserrat-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/Montserrat-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/Montserrat-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/Montserrat-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/Montserrat-BoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Merriweather sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/MerriweatherSans-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Merriweather sans';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/MerriweatherSans-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Merriweather sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/MerriweatherSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Merriweather sans';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/MerriweatherSans-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Merriweather sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/MerriweatherSans-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Merriweather sans';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/MerriweatherSans-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Merriweather sans';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/MerriweatherSans-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Merriweather sans';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://altoverdehotel.com/wp-content/uploads/2025/08/MerriweatherSans-BoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */