/* Quilotoa Tours: bright and cheerful, rounded shapes. Diego's palette (2026-10-23): Cielo, a lagoon blue on
   sky-light backgrounds with a sun-yellow accent (design sample, 2026-10-22). */
.atb, #site-header, #site-footer {
  --atb-bg: #FBFDFE; --atb-paper: #FFFFFF; --atb-sand: #EAF3F6; --atb-ink: #12344A; --atb-ink-2: #2F5268;
  --atb-accent: #0A6F8F; --atb-accent-dark: #085A74; --atb-accent-soft: #E1F3F7; --atb-gold: #F6C343;
  --atb-ok: #0A6F8F; --atb-no: #C0533A; --atb-muted: #5E7478; --atb-line: #DCE7EC; --atb-r: 24px;
  --atb-shadow: 0 2px 6px rgb(18 52 74 / .06), 0 18px 40px rgb(18 52 74 / .10);
  --atb-f-head: "Outfit", system-ui, sans-serif; --atb-f-body: "Nunito", system-ui, sans-serif;
  --atb-foot: #F4F9FB;
}
/* The phone field's country list opens outside .atb, so its focus color is set on :root */
:root { --atb-iti-focus: #0A6F8F; }
.atb h1, .atb h2, .atb h3 { font-weight: 700; letter-spacing: -.015em; }
/* Labels as soft lagoon pills; rounder photos */
.atb-tp .atb-chips li { background: var(--atb-accent-soft); border-color: transparent; color: var(--atb-accent-dark); }
.atb .atb-gallery { border-radius: 26px; }
/* The request box: rounder, with a lagoon-to-sun band on top */
.atb .atb-book { border-top: 0; border-radius: 26px; position: sticky; overflow: hidden; padding-top: 30px; }
.atb .atb-book::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 7px; background: linear-gradient(90deg, #0A6F8F, #2BB3C9 60%, #F6C343); }
@media (max-width: 980px) { .atb .atb-book { position: relative; top: 0; } }
.atb.atb-form-sc .atb-book { position: relative; top: 0; }
body .flatpickr-calendar .flatpickr-day.selected, body .flatpickr-calendar .flatpickr-day.selected:hover { background: #0A6F8F; border-color: #0A6F8F; color: #fff; }
body .flatpickr-calendar .flatpickr-day.today { border-color: #0A6F8F; }
body .flatpickr-calendar .flatpickr-day:hover { background: #E1F3F7; border-color: #E1F3F7; }
/* Brand mark before the site name (a crater lake under the sun), until Diego uploads a logo */
#site-header .show-title .site-title a::before { content: ""; flex: none; width: 42px; height: 42px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3CclipPath id='c'%3E%3Ccircle cx='24' cy='24' r='23'/%3E%3C/clipPath%3E%3Ccircle cx='24' cy='24' r='23' fill='%23E1F3F7'/%3E%3Cg clip-path='url(%23c)'%3E%3Ccircle cx='34.5' cy='14.5' r='5' fill='%23F6C343'/%3E%3Cpath d='M0 40 L13 23 L18.5 23 Q24 30 29.5 23 L35 23 L48 40 V48 H0 Z' fill='%2312344A'/%3E%3Cpath d='M19.3 23.9 Q24 29 28.7 23.9 Z' fill='%232BB3C9'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
#site-header .site-title { font-size: 1.25rem; letter-spacing: -.01em; }
@media (max-width: 600px) { #site-header .show-title .site-title a::before { width: 36px; height: 36px; } #site-header .site-title { font-size: 1.1rem; } }
/* Elementor pages: atb-hl highlights words in a heading; atb-pills shows an inline icon list as pills */
.elementor .atb-hl { color: #0A6F8F; background: linear-gradient(transparent 62%, #FDF5DC 62%); }
.elementor .atb-pills .elementor-icon-list-items { gap: 10px; }
.elementor .atb-pills .elementor-icon-list-item { margin: 0 !important; padding: 8px 16px !important; background: #fff; border: 1px solid #DCE7EC; border-radius: 999px; }
.elementor .atb-pills .elementor-icon-list-item::after { display: none !important; }
/* The big cover slider: the highlighted words in a light tint over the photos; the text area color on phones */
.elementor .atb-hero { --atb-hero-phone: #0A6F8F; }
body .elementor .atb-hero .atb-hl { color: #9BE3EE; background: linear-gradient(transparent 90%, #F6C343 90%); }
.elementor .atb-hero .atb-pills .elementor-icon-list-item { background: rgb(255 255 255 / .95); border-color: transparent; }