/** * Josefina booking drawer — Hostinger static embed * Scope: avoid resetting global body/html; drawer UI lives under #booking-drawer-root + fixed layers. */ #booking-drawer-root { font-family: 'Barlow', sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; } /* Hidden Bentral iframe host (sibling of root in page HTML) */ #bentral-host { position: fixed !important; top: -9999px !important; left: -9999px !important; width: 4px !important; height: 4px !important; overflow: hidden !important; pointer-events: none !important; opacity: 0 !important; z-index: -1 !important; } #bentral-host iframe { display: block !important; width: 4px !important; height: 4px !important; border: 0 !important; } .booking-drawer-panel.drawer-container { width: 760px; max-width: min(760px, 100vw); } @media (max-width: 809px) { .booking-drawer-panel.drawer-container { width: 100vw !important; width: 100dvw !important; max-width: none !important; height: 100vh !important; height: 100dvh !important; min-height: 100dvh !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; border-left: none !important; box-sizing: border-box !important; padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px); } } .title-text { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em; line-height: 0.95; } @media (min-width: 810px) { .title-text { font-size: clamp(32px, 5vw, 48px); } } @media (max-width: 809px) { .title-text { font-size: clamp(28px, 5.5vw, 32px); } } /* intl-tel-input dark theme (dropdown may append to body — keep global selectors) */ .iti { width: 100%; display: block; } .iti__country-list { font-family: 'Barlow Semi Condensed', system-ui, sans-serif; } .iti--open input.iti__tel-input { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-color: transparent !important; box-shadow: none !important; } .iti__selected-country-primary { background: transparent !important; } .iti__dropdown-content { background: #1a1b18 !important; border: 1px solid rgba(239, 231, 210, 0.12) !important; border-top: none !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important; overflow: hidden; z-index: 10050 !important; max-width: calc(100vw - 44px); } .iti__search-input { width: 100% !important; border: none !important; border-bottom: 1px solid rgba(239, 231, 210, 0.1) !important; border-radius: 0 !important; background: rgba(239, 231, 210, 0.05) !important; padding: 10px 14px !important; font-family: 'Barlow Semi Condensed', sans-serif !important; font-size: 15px !important; height: auto !important; box-shadow: none !important; outline: none !important; color: #efe7d2 !important; } .iti__search-input:focus { border-bottom-color: rgba(0, 113, 227, 0.5) !important; box-shadow: none !important; } .iti__country-list { max-height: 200px; font-size: 15px; color: #efe7d2; background: #1a1b18; } .iti__country { padding: 8px 14px !important; } .iti__country.iti__highlight { background: rgba(0, 113, 227, 0.12) !important; } .iti__country-name { color: #efe7d2 !important; } .iti__dial-code { color: rgba(239, 231, 210, 0.5) !important; } .iti__flag-box, .iti__flag { border-radius: 3px !important; overflow: hidden !important; } /* Dropdown is often portaled to — stay above the drawer panel */ body .iti__dropdown-content { z-index: 12050 !important; } .booking-drawer-panel .iti .iti__tel-input { padding-left: 58px !important; padding-right: 16px !important; }