/* Quito Tours in Quito Layover Tours' look (Diego, 2026-10-23: "algo similar a Layovers"): navy, colonial blue and gold,
   Bricolage Grotesque, Figtree and IBM Plex Mono labels, bordered cards, gold call to action and the UIO badge. */
.atb, #site-header, #site-footer {
  --atb-bg: #F3F5F4; --atb-paper: #FFFFFF; --atb-sand: #E9EEEC; --atb-ink: #13212C; --atb-ink-2: #2D3C47;
  --atb-accent: #1C4F8C; --atb-accent-dark: #163F70; --atb-accent-soft: #E5EDF6; --atb-gold: #F2B233;
  --atb-ok: #16794A; --atb-no: #B4472A; --atb-muted: #586672; --atb-line: #DCE2E0; --atb-r: 14px;
  --atb-shadow: 0 1px 2px rgb(19 33 44 / .06), 0 10px 28px rgb(19 33 44 / .08);
  --atb-f-head: "Bricolage Grotesque", system-ui, sans-serif; --atb-f-body: "Figtree", system-ui, sans-serif;
  --atb-foot: #FFFFFF;
}
/* The phone field's country list opens outside .atb, so its focus color is set on :root */
:root { --atb-iti-focus: #1C4F8C; }
body .atb h1, body .atb h2, body .atb h3 { font-family: var(--atb-f-head); font-weight: 800; letter-spacing: -.01em; }
/* Labels in IBM Plex Mono, as on Quito Layover */
.atb-tp .atb-chips li, .atb .atb-tag, .atb .atb-card-dur { font-family: "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .04em; }
.atb-tp .atb-chips li { font-size: .74rem; font-weight: 600; background: var(--atb-accent-soft); color: var(--atb-accent); border-color: transparent; }
.atb .atb-tag { text-transform: none; letter-spacing: .02em; font-size: .74rem; color: var(--atb-accent); }
/* Bordered cards and request box */
.atb .atb-card { border: 1px solid var(--atb-line); box-shadow: none; }
.atb .atb-card:hover { box-shadow: var(--atb-shadow); transform: translateY(-2px); }
.atb .atb-book { border-top: 1px solid var(--atb-line); border: 1px solid var(--atb-line); border-radius: 14px; box-shadow: var(--atb-shadow); }
@media (max-width: 980px) { .atb .atb-book { position: relative; top: 0; } }
.atb.atb-form-sc .atb-book { position: relative; top: 0; }
.atb .atb-gallery { border-radius: 14px; }
/* The gold call to action */
.atb .atb-cta, .atb .atb-cta:visited, .atb .atb-cta:focus { background: #F2B233; color: #2E2200; border-radius: 10px; }
.atb .atb-cta:hover { background: #E5A422; color: #2E2200; }
#site-header .site-navigation ul.menu li.atb-cta > a, #site-header .site-navigation-dropdown ul.menu li.atb-cta > a { background: #F2B233; color: #2E2200; border-radius: 10px; }
#site-header .site-navigation ul.menu li.atb-cta > a:hover, #site-header .site-navigation-dropdown ul.menu li.atb-cta > a:hover { background: #E5A422; color: #2E2200; }
body .flatpickr-calendar .flatpickr-day.selected, body .flatpickr-calendar .flatpickr-day.selected:hover { background: #1C4F8C; border-color: #1C4F8C; color: #fff; }
body .flatpickr-calendar .flatpickr-day.today { border-color: #1C4F8C; }
body .flatpickr-calendar .flatpickr-day:hover { background: #E5EDF6; border-color: #E5EDF6; }
/* The UIO badge before the site name, until Diego uploads a logo */
#site-header .show-title .site-title a::before { content: "UIO"; flex: none; font-family: "IBM Plex Mono", ui-monospace, monospace; font-weight: 600; font-size: .76rem; letter-spacing: .08em; line-height: 1.2; background: #1C4F8C; color: #fff; padding: 5px 7px; border-radius: 6px; }
#site-header .site-title { font-weight: 800; letter-spacing: -.01em; }
#site-header .site-title a { gap: 10px; }
#site-footer .site-title { font-weight: 800; }
/* Elementor pages: the text area on phones under the cover photos */
.elementor .atb-hero { --atb-hero-phone: #13212C; }