/* HF_FNS_VISUAL_V9 — Diseño FNSBooking coherente con Hotel Frutillar.
   Barlow para interfaz; verde pino, blanco, gris cálido. Iconos preservados. */

body.home #reservar #inicio {
    font-family: 'Barlow', Arial, sans-serif !important;
    color: #253a32;
    font-size: 14px !important;
    line-height: 1.42;
}

/* Solo elementos textuales. NO incluye i, svg, iconos de fuentes ni pseudoelementos. */
body.home #reservar #inicio :is(div, span, label, p, b, strong, small, a, button, input, select, option, textarea):not([class*="icon"]):not([class*="Icon"]):not([class*="fa-"]):not([class*="glyphicon"]):not([class*="material"]) {
    font-family: 'Barlow', Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

body.home #reservar #inicio :is(label, input, select, textarea, button) {
    font-size: 14px !important;
    line-height: 1.4 !important;
}
body.home #reservar #inicio :is(b, strong) {
    font-weight: 600 !important;
}
body.home #reservar #inicio :is(input, select, textarea) {
    color: #253a32 !important;
}
body.home #reservar #inicio input::placeholder {
    color: #696d68 !important;
    opacity: 1;
}

/* Botones nativos cuando FNS los representa con button o input submit.
   Para los controles dibujados por JS se utiliza el color del constructor FNS. */
body.home #reservar #inicio :is(button[type="submit"], input[type="submit"]) {
    background-color: #253a32 !important;
    border-color: #253a32 !important;
    color: #fff !important;
    font-family: 'Barlow', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: .025em !important;
}

/* El calendario externo puede insertarse fuera de #inicio. */
body :is(.datepicker, .datepicker__inner, .datepicker__topbar, .datepicker__month,
         .datepicker__day, .datepicker__month-name, .datepicker__day-name,
         .datepicker__info, .hotel-datepicker) {
    font-family: 'Barlow', Arial, sans-serif !important;
}

@media (max-width: 850px) {
    body.home #reservar #inicio { font-size: 15px !important; line-height: 1.42; }
    body.home #reservar #inicio :is(label, input, select, textarea, button) {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }
    body.home #reservar #inicio :is(button[type="submit"], input[type="submit"]) {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }
}