:root { --ba-space-2xs: 0.375rem; --ba-space-xs: 0.625rem; --ba-space-sm: 0.875rem; --ba-space-md: 1.25rem; --ba-space-lg: 1.75rem; --ba-space-xl: 2.5rem; --ba-space-2xl: clamp(3rem, 6vw, 5.5rem); --ba-space-3xl: clamp(4.5rem, 9vw, 8rem); --ba-gutter: clamp(1.25rem, 4vw, 4rem); --ba-container: 72rem; --ba-container-wide: 90rem; --ba-reading-width: 42rem; --ba-radius-sm: 0.375rem; --ba-radius-md: 0.75rem; --ba-radius-lg: 1.5rem; --ba-radius-pill: 999px; --ba-text-xs: clamp(0.75rem, 0.72rem + 0.12vw, 0.8125rem); --ba-text-sm: clamp(0.875rem, 0.84rem + 0.14vw, 0.95rem); --ba-text-base: clamp(1rem, 0.96rem + 0.16vw, 1.075rem); --ba-text-lead: clamp(1.075rem, 1rem + 0.28vw, 1.25rem); --ba-heading-3: clamp(1.4rem, 1.2rem + 0.65vw, 1.85rem); --ba-heading-2: clamp(2.15rem, 1.65rem + 1.7vw, 3.45rem); --ba-heading-1: clamp(2.75rem, 2.05rem + 2.4vw, 4.5rem); --ba-leading-tight: 1.04; --ba-leading-heading: 1.12; --ba-leading-body: 1.68; --ba-tracking-label: 0.085em; --ba-duration-fast: 180ms; --ba-ease-out: cubic-bezier(0.22, 1, 0.36, 1); } :root { --ba-color-brand: #244477; --ba-color-brand-hover: #1d3965; --ba-color-deep: #172e52; --ba-color-deepest: #0d203d; --ba-color-blue-soft: #dce7f3; --ba-color-blue-mist: #edf3f9; --ba-color-white: #ffffff; --ba-color-surface: #f6f8fb; --ba-color-ink: #172033; --ba-color-muted: #657184; --ba-color-line: #d9e0e8; --ba-color-gold: #b99652; --ba-color-gold-light: #ddc78f; --ba-color-gold-ink: #765722; --ba-gradient-brand: linear-gradient(132deg, #0d203d 0%, #172e52 44%, #244477 100%); --ba-gradient-surface: linear-gradient(135deg, #ffffff 0%, #f6f8fb 58%, #edf3f9 100%); --ba-gradient-gold: linear-gradient(135deg, #ddc78f 0%, #b99652 100%); --ba-font-heading: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; --ba-font-body: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --ba-shadow-soft: 0 1.5rem 4rem rgb(13 32 61 / 0.1); --ba-shadow-button: 0 0.75rem 1.75rem rgb(13 32 61 / 0.18); } .ba-page, .ba-page *, .ba-page *::before, .ba-page *::after { box-sizing: border-box; } .ba-page :where(h1, h2, h3, p, figure) { margin: 0; } .ba-page :where(section, div, article, span) { min-width: 0; } .ba-page :where(a, button) { -webkit-tap-highlight-color: transparent; } @media (prefers-reduced-motion: reduce) { .ba-page *, .ba-page *::before, .ba-page *::after { scroll-behavior: auto; transition-duration: 0.01ms; } } .ba-page { width: 100%; padding: 0; overflow: clip; color: var(--ba-color-ink); background: var(--ba-color-white); font-family: var(--ba-font-body); font-size: var(--ba-text-base); line-height: var(--ba-leading-body); text-rendering: optimizeLegibility; } .ba-page :where(h1, h2, h3) { max-width: 22ch; color: var(--ba-color-deep); font-family: var(--ba-font-heading); font-weight: 400; letter-spacing: -0.025em; text-wrap: balance; } .ba-page h1 { font-size: var(--ba-heading-1); line-height: var(--ba-leading-tight); } .ba-page h2 { font-size: var(--ba-heading-2); line-height: var(--ba-leading-heading); } .ba-page h3 { font-size: var(--ba-heading-3); line-height: 1.2; } .ba-page p { max-width: var(--ba-reading-width); color: var(--ba-color-ink); } .ba-page a { color: inherit; text-underline-offset: 0.2em; } .ba-page a:focus-visible { outline: 3px solid var(--ba-color-gold-light); outline-offset: 4px; border-radius: var(--ba-radius-sm); } .ba-page img { display: block; max-width: 100%; } .ba-page ::selection { color: var(--ba-color-white); background: var(--ba-color-brand); } .ba-page .ba-container { width: min(calc(100% - (2 * var(--ba-gutter))), var(--ba-container)); padding: 0; margin-inline: auto; } .ba-page .ba-container--wide { width: min(calc(100% - (2 * var(--ba-gutter))), var(--ba-container-wide)); } .ba-page .ba-container--narrow { width: min(calc(100% - (2 * var(--ba-gutter))), var(--ba-reading-width)); } .ba-page .ba-section { width: 100%; padding-inline: 0; padding-block: var(--ba-space-3xl); } .ba-page .ba-stack { display: flex; padding: 0; flex-direction: column; align-items: flex-start; gap: var(--ba-space-md); } .ba-page .ba-stack--compact { gap: var(--ba-space-sm); } .ba-page .ba-stack--loose { gap: var(--ba-space-xl); } .ba-page .ba-cluster { display: flex; padding: 0; flex-wrap: wrap; align-items: center; gap: var(--ba-space-sm); } .ba-page .ba-grid { display: grid; padding: 0; gap: var(--ba-space-xl); } .ba-page .ba-editorial { display: flex; padding: 0; flex-direction: column; align-items: flex-start; gap: var(--ba-space-md); } @media (max-width: 47.99rem) { .ba-page .ba-section { padding-block: clamp(4rem, 18vw, 6rem); } } .ba-page .ba-button { display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: 0.85rem 1.4rem; border: 1px solid transparent; border-radius: var(--ba-radius-sm); font-family: var(--ba-font-body); font-size: var(--ba-text-sm); font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: color var(--ba-duration-fast) var(--ba-ease-out), background-color var(--ba-duration-fast) var(--ba-ease-out), border-color var(--ba-duration-fast) var(--ba-ease-out), transform var(--ba-duration-fast) var(--ba-ease-out), box-shadow var(--ba-duration-fast) var(--ba-ease-out); } .ba-page .ba-button:hover { transform: translateY(-2px); } .ba-page .ba-button--primary { color: var(--ba-color-white); background: var(--ba-color-brand); box-shadow: var(--ba-shadow-button); } .ba-page .ba-button--primary:hover { color: var(--ba-color-white); background: var(--ba-color-brand-hover); } .ba-page .ba-button--secondary { color: var(--ba-color-brand); border-color: var(--ba-color-brand); background: transparent; } .ba-page .ba-button--secondary:hover { color: var(--ba-color-white); background: var(--ba-color-brand); } @media (max-width: 34rem) { .ba-page .ba-button { width: 100%; } } .ba-page .ba-section-intro { max-width: 52rem; gap: var(--ba-space-lg); } .ba-page .ba-split-feature { background: var(--ba-gradient-surface); } .ba-page .ba-split-feature__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page .ba-split-feature__intro, .ba-page .ba-split-feature__body { gap: var(--ba-space-lg); } .ba-page .ba-feature-band { position: relative; overflow: hidden; color: var(--ba-color-white); background: var(--ba-gradient-brand); } .ba-page .ba-feature-band::after { position: absolute; inset: 0 0 auto auto; width: min(34vw, 28rem); height: 1px; content: ""; background: linear-gradient(90deg, transparent, var(--ba-color-gold-light)); } .ba-page .ba-feature-band__content { max-width: 54rem; gap: var(--ba-space-lg); } .ba-page .ba-feature-band :where(h2, p) { color: var(--ba-color-white); } .ba-page .ba-feature-band .ba-eyebrow, .ba-page .ba-feature-band .ba-link--editorial { color: var(--ba-color-gold-light); } .ba-page .ba-feature-band .ba-text--lead { color: rgb(255 255 255 / 0.88); } @media (min-width: 64rem) { .ba-page .ba-split-feature__inner { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); align-items: start; gap: clamp(4rem, 8vw, 8rem); } } .ba-hero, .ba-home-hero { position: relative; overflow: hidden; color: var(--ba-color-white); background: var(--ba-gradient-brand); } .ba-hero__media, .ba-home-hero__media { position: relative; overflow: hidden; min-height: 26rem; padding: 0; background: linear-gradient(145deg, rgb(220 231 243 / 0.18), rgb(185 150 82 / 0.18)), var(--ba-color-brand); } .ba-hero__media::after, .ba-home-hero__media::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(90deg, rgb(13 32 61 / 0.28), transparent 42%); } .ba-image--cover { width: 100%; height: 100%; object-fit: cover; } .ba-page .ba-interior-hero { position: relative; overflow: hidden; min-height: clamp(32rem, 52vw, 43rem); padding-block: 0; color: var(--ba-color-white); background: var(--ba-gradient-brand); } .ba-page .ba-interior-hero::before { position: absolute; inset: 0 8% 0 auto; width: 1px; content: ""; background: linear-gradient(180deg, transparent, rgb(221 199 143 / 0.7), transparent); } .ba-page .ba-interior-hero::after { position: absolute; right: -9rem; bottom: -15rem; width: clamp(22rem, 42vw, 44rem); aspect-ratio: 1; border: 1px solid rgb(221 199 143 / 0.32); border-radius: 50%; content: ""; } .ba-page .ba-interior-hero__inner { position: relative; z-index: 1; display: flex; min-height: inherit; padding-block: var(--ba-space-3xl); align-items: center; } .ba-page .ba-interior-hero__content { width: min(100%, 58rem); gap: var(--ba-space-lg); } .ba-page .ba-interior-hero :where(h1, p) { color: var(--ba-color-white); } .ba-page .ba-interior-hero .ba-eyebrow { color: var(--ba-color-gold-light); } .ba-page .ba-interior-hero__title { max-width: 17ch; } .ba-page .ba-interior-hero__intro { max-width: 62ch; color: rgb(255 255 255 / 0.84); } .ba-page-legal .ba-legal-hero { position: relative; overflow: hidden; color: var(--ba-color-white); background: var(--ba-gradient-brand); } .ba-page-legal .ba-legal-hero::after { position: absolute; top: 50%; right: -7rem; width: clamp(18rem, 36vw, 34rem); aspect-ratio: 1; border: 1px solid rgb(221 199 143 / 0.28); border-radius: 50%; content: ""; transform: translateY(-50%); } .ba-page-legal .ba-legal-hero__inner { position: relative; z-index: 1; } .ba-page-legal .ba-legal-hero__content { width: min(100%, 54rem); gap: var(--ba-space-lg); } .ba-page-legal .ba-legal-hero__content :where(h1, p) { color: var(--ba-color-white); } .ba-page-legal .ba-legal-hero__content .ba-eyebrow { color: var(--ba-color-gold-light); } .ba-page-legal .ba-legal-hero__intro { color: rgb(255 255 255 / 0.8); } .ba-page-legal .ba-legal-document { background: var(--ba-color-white); } .ba-page-legal .ba-legal-layout { display: grid; gap: var(--ba-space-2xl); } .ba-page-legal .ba-legal-sidebar { display: flex; padding: var(--ba-space-xl); flex-direction: column; align-items: flex-start; gap: var(--ba-space-md); border-top: 2px solid var(--ba-color-gold); background: var(--ba-color-surface); } .ba-page-legal .ba-legal-sidebar__label, .ba-page-legal .ba-legal-section__number, .ba-page-legal .ba-legal-data__label { color: var(--ba-color-gold-ink); font-size: var(--ba-text-xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .ba-page-legal .ba-legal-sidebar__title { font-family: var(--ba-font-heading); font-size: var(--ba-text-xl); line-height: 1.15; } .ba-page-legal .ba-legal-sidebar__text { color: var(--ba-color-muted); font-size: var(--ba-text-sm); } .ba-page-legal .ba-legal-sidebar__links { display: flex; width: 100%; margin-top: var(--ba-space-sm); flex-direction: column; gap: 0; border-top: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-sidebar__link { width: 100%; padding-block: 0.75rem; border-bottom: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-sidebar__link > a { color: var(--ba-color-brand); font-size: var(--ba-text-sm); font-weight: 700; text-decoration: none; } .ba-page-legal .ba-legal-content { display: flex; min-width: 0; flex-direction: column; gap: var(--ba-space-2xl); } .ba-page-legal .ba-legal-section { display: flex; min-width: 0; padding-top: var(--ba-space-xl); flex-direction: column; gap: var(--ba-space-md); border-top: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-section:first-child { padding-top: 0; border-top: 0; } .ba-page-legal .ba-legal-section h2 { max-width: 24ch; font-size: var(--ba-text-2xl); } .ba-page-legal .ba-legal-section > p:not(.ba-legal-section__number, .ba-legal-data__label) { max-width: 70ch; color: var(--ba-color-muted); } .ba-page-legal .ba-legal-data { display: grid; width: 100%; gap: 0; margin-block: var(--ba-space-sm); border-top: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-data__row { display: grid; gap: var(--ba-space-xs); padding-block: var(--ba-space-md); border-bottom: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-data__value { color: var(--ba-color-deep); overflow-wrap: anywhere; } .ba-page-legal .ba-legal-note { padding: var(--ba-space-lg) var(--ba-space-xl); color: var(--ba-color-deep); border-left: 2px solid var(--ba-color-gold); background: var(--ba-color-surface); } .ba-page-legal .ba-legal-related { display: grid; gap: var(--ba-space-md); margin-top: var(--ba-space-sm); } .ba-page-legal .ba-legal-related .ba-link--editorial { padding-block: var(--ba-space-sm); border-bottom: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-list { display: grid; width: 100%; gap: 0; margin-block: var(--ba-space-sm); border-top: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-list__item { position: relative; max-width: 70ch; padding: 0.8rem 0 0.8rem 1.75rem; color: var(--ba-color-muted); border-bottom: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-list__item::before { position: absolute; top: 1.55rem; left: 0; width: 0.85rem; height: 1px; content: ""; background: var(--ba-color-gold); } .ba-page-legal .ba-legal-subsection { display: flex; padding-top: var(--ba-space-lg); flex-direction: column; gap: var(--ba-space-sm); border-top: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-subsection h3 { font-family: var(--ba-font-body); font-size: var(--ba-text-lg); font-weight: 700; line-height: 1.35; } .ba-page-legal .ba-legal-subsection p { max-width: 70ch; color: var(--ba-color-muted); } .ba-page-legal .ba-legal-table { display: grid; width: 100%; overflow: hidden; margin-block: var(--ba-space-sm); border: 1px solid var(--ba-color-line); } .ba-page-legal .ba-legal-table__row { display: grid; grid-template-columns: minmax(7rem, 1.2fr) repeat(4, minmax(5.5rem, 1fr)); min-width: 42rem; } .ba-page-legal .ba-legal-table__cell { min-width: 0; padding: 0.8rem; color: var(--ba-color-muted); border-right: 1px solid var(--ba-color-line); border-bottom: 1px solid var(--ba-color-line); font-size: var(--ba-text-sm); } .ba-page-legal .ba-legal-table__cell:last-child { border-right: 0; } .ba-page-legal .ba-legal-table__row:last-child .ba-legal-table__cell { border-bottom: 0; } .ba-page-legal .ba-legal-table__row--head .ba-legal-table__cell { color: var(--ba-color-deep); background: var(--ba-color-blue-mist); font-size: var(--ba-text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .ba-page-legal .ba-legal-table-scroll { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; } @media (min-width: 48rem) { .ba-page-legal .ba-legal-data__row { grid-template-columns: minmax(10rem, 0.35fr) minmax(0, 0.65fr); align-items: baseline; gap: var(--ba-space-xl); } } @media (min-width: 64rem) { .ba-page-legal .ba-legal-layout { grid-template-columns: minmax(15rem, 0.32fr) minmax(0, 0.68fr); align-items: start; gap: clamp(4rem, 8vw, 8rem); } .ba-page-legal .ba-legal-sidebar { position: sticky; top: var(--ba-space-xl); } } @media (max-width: 47.99rem) { .ba-page-legal .ba-legal-sidebar, .ba-page-legal .ba-legal-note { padding: var(--ba-space-lg); } } .ba-page .ba-placeholder { position: relative; overflow: hidden; padding: 0; background: var(--ba-color-blue-mist); } .ba-page .ba-placeholder .ba-image, .ba-page .ba-placeholder .ba-image > img { display: block; width: 100%; height: 100%; } .ba-page .ba-placeholder .ba-image > img { object-fit: cover; } .ba-page .ba-placeholder__label { position: absolute; z-index: 2; right: var(--ba-space-sm); bottom: var(--ba-space-sm); left: var(--ba-space-sm); width: fit-content; max-width: calc(100% - (2 * var(--ba-space-sm))); padding: 0.55rem 0.8rem; color: var(--ba-color-white); background: rgb(13 32 61 / 0.88); font-size: var(--ba-text-xs); font-weight: 700; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; } .ba-site-footer { width: 100%; color: var(--ba-color-ink); background: var(--ba-color-white); font-family: var(--ba-font-body); } .ba-site-footer :where(h2, h3, p) { margin: 0; } .ba-site-footer :where(a, button, input) { font: inherit; } .ba-site-footer :where(a, button, summary):focus-visible { outline: 3px solid var(--ba-color-gold-light); outline-offset: 3px; } .ba-footer-conversion { position: relative; overflow: hidden; padding-block: var(--ba-space-3xl); background: var(--ba-gradient-surface); } .ba-footer-conversion::before { position: absolute; top: -16rem; right: -12rem; width: 34rem; height: 34rem; border: 1px solid rgb(185 150 82 / 0.2); border-radius: 50%; background: radial-gradient(circle, rgb(220 231 243 / 0.72), transparent 68%); content: ""; pointer-events: none; } .ba-footer-conversion__inner { position: relative; z-index: 1; display: grid !important; grid-template-columns: minmax(0, 0.9fr) minmax(28rem, 1.1fr); align-items: start; gap: clamp(3rem, 7vw, 7rem); } .ba-footer-contact, .ba-footer-waitlist { display: flex !important; flex-direction: column; align-items: flex-start; } .ba-footer-contact { gap: var(--ba-space-lg); padding-top: var(--ba-space-lg); } .ba-footer-contact .ba-eyebrow { color: var(--ba-color-gold-ink); } .ba-footer-contact__title { max-width: 12ch; color: var(--ba-color-deep); font-family: var(--ba-font-heading); font-size: var(--ba-heading-2); font-weight: 400; line-height: var(--ba-leading-heading); letter-spacing: -0.025em; } .ba-footer-contact .ba-text--lead { max-width: 34rem; color: var(--ba-color-muted); font-size: var(--ba-text-lead); line-height: 1.65; } .ba-footer-contact__call { display: inline-flex; align-items: center; justify-content: center; min-height: 3.35rem; padding: 0.9rem 1.45rem; border: 1px solid var(--ba-color-brand); border-radius: var(--ba-radius-sm); color: var(--ba-color-white); background: var(--ba-color-brand); box-shadow: var(--ba-shadow-button); font-weight: 700; text-decoration: none; transition: transform var(--ba-duration-fast) var(--ba-ease-out), background-color var(--ba-duration-fast) var(--ba-ease-out); } .ba-footer-contact__call:hover { color: var(--ba-color-white); background: var(--ba-color-brand-hover); transform: translateY(-2px); } .ba-footer-contact__details { display: flex !important; flex-direction: column; gap: 0.45rem; } .ba-footer-contact__link, .ba-footer-contact__link a { color: var(--ba-color-deep); font-size: var(--ba-text-base); font-weight: 650; line-height: 1.45; text-decoration-color: rgb(185 150 82 / 0.55); text-underline-offset: 0.2em; } .ba-footer-hours { display: flex !important; flex-direction: column; gap: 0.45rem; width: min(100%, 34rem); margin-top: var(--ba-space-sm); padding: var(--ba-space-lg); border-left: 3px solid var(--ba-color-gold); border-radius: 0 var(--ba-radius-md) var(--ba-radius-md) 0; background: rgb(255 255 255 / 0.74); } .ba-footer-hours__title { color: var(--ba-color-deep); font-family: var(--ba-font-body); font-size: var(--ba-text-base); font-weight: 750; } .ba-footer-hours .ba-text { color: var(--ba-color-muted); font-size: var(--ba-text-sm); line-height: 1.55; } .ba-footer-hours__note { margin-top: 0.35rem !important; font-style: italic; } .ba-footer-waitlist { gap: var(--ba-space-md); padding: clamp(1.5rem, 3.5vw, 3rem); border: 1px solid rgb(36 68 119 / 0.12); border-radius: var(--ba-radius-lg); background: rgb(255 255 255 / 0.94); box-shadow: var(--ba-shadow-soft); } .ba-footer-waitlist__title { position: relative; color: var(--ba-color-deep); font-family: var(--ba-font-heading); font-size: clamp(2rem, 1.65rem + 1vw, 2.8rem); font-weight: 400; line-height: 1.12; } #lista-de-espera { position: absolute; top: -8rem; } .ba-footer-waitlist > .ba-text { color: var(--ba-color-muted); line-height: 1.6; } .ba-footer-waitlist__form, .ba-footer-waitlist__form .ba-form, .ba-footer-waitlist__form .ba-form__native { width: 100%; } .ba-footer-waitlist__form .ba-form__native { display: block; } .ba-footer-waitlist__form :where(label) { color: var(--ba-color-deep); font-size: var(--ba-text-sm); font-weight: 700; } .ba-footer-waitlist__form :where(input:not([type="checkbox"]), select, textarea) { width: 100%; min-height: 3.25rem; padding: 0.75rem 0.9rem; border: 1px solid var(--ba-color-line); border-radius: var(--ba-radius-sm); color: var(--ba-color-ink); background: var(--ba-color-white); box-shadow: none; transition: border-color var(--ba-duration-fast) var(--ba-ease-out), box-shadow var(--ba-duration-fast) var(--ba-ease-out); } .ba-footer-waitlist__form :where(input:not([type="checkbox"]), select, textarea):focus { border-color: var(--ba-color-brand); outline: 0; box-shadow: 0 0 0 3px rgb(36 68 119 / 0.13); } .ba-footer-waitlist__form :where(input[type="checkbox"]) { width: 1.15rem; height: 1.15rem; margin-top: 0.2rem; accent-color: var(--ba-color-brand); } .ba-footer-waitlist__form :where(button[type="submit"]) { min-height: 3.35rem; padding: 0.9rem 1.35rem; border: 1px solid var(--ba-color-brand) !important; border-radius: var(--ba-radius-sm); color: var(--ba-color-white) !important; background: var(--ba-color-brand) !important; font-weight: 750; cursor: pointer; } .ba-footer-waitlist__form :where(button[type="submit"]):hover { border-color: var(--ba-color-brand-hover) !important; color: var(--ba-color-white) !important; background: var(--ba-color-brand-hover) !important; } .ba-footer-waitlist__privacy, .ba-footer-waitlist__notice { font-size: var(--ba-text-xs); line-height: 1.55 !important; } .ba-footer-waitlist__privacy a { color: var(--ba-color-brand); font-weight: 700; } .ba-footer-waitlist__notice { padding: 0.75rem 0.85rem; border-radius: var(--ba-radius-sm); background: var(--ba-color-blue-mist); } .ba-footer-main { padding-top: clamp(3rem, 6vw, 5rem); color: rgb(255 255 255 / 0.78); background: var(--ba-gradient-brand); } .ba-footer-main__inner { display: grid !important; grid-template-columns: minmax(16rem, 1.5fr) minmax(12rem, 1fr) minmax(12rem, 0.8fr); gap: clamp(2rem, 6vw, 6rem); padding-bottom: clamp(2.5rem, 5vw, 4.5rem); } .ba-footer-brand, .ba-footer-navigation, .ba-footer-social { display: flex !important; flex-direction: column; align-items: flex-start; gap: 0.7rem; } .ba-footer-brand__kicker { display: none; } .ba-footer-brand__name { display: block; width: clamp(12rem, 22vw, 17rem); height: clamp(4rem, 7vw, 6rem); overflow: hidden; background: url("/wp-content/uploads/2026/08/Blanco.png") left center / contain no-repeat; color: transparent; font-size: 0; } .ba-footer-brand__name a { display: block; width: 100%; height: 100%; color: transparent; font-size: 0; text-decoration: none; } .ba-footer-brand__copy { max-width: 28rem; margin-top: 0.55rem !important; color: rgb(255 255 255 / 0.68); line-height: 1.65; } .ba-footer-column-title { margin-bottom: 0.45rem !important; color: var(--ba-color-white); font-family: var(--ba-font-body); font-size: var(--ba-text-sm); font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; } .ba-footer-nav-link, .ba-footer-nav-link a, .ba-footer-legal__link, .ba-footer-legal__link a { color: rgb(255 255 255 / 0.76); font-size: var(--ba-text-sm); line-height: 1.45; text-decoration: none; transition: color var(--ba-duration-fast) var(--ba-ease-out); } .ba-footer-nav-link:hover, .ba-footer-nav-link a:hover, .ba-footer-legal__link:hover, .ba-footer-legal__link a:hover { color: var(--ba-color-gold-light); } .ba-footer-social__note { color: rgb(255 255 255 / 0.58); font-size: var(--ba-text-xs); } .ba-footer-social__icons { display: flex !important; align-items: center; flex-wrap: nowrap; gap: 0.65rem; width: max-content; max-width: 100%; margin-top: 0.45rem; overflow: hidden; } .ba-social-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 2.75rem; box-sizing: border-box; width: 2.75rem; min-width: 2.75rem; max-width: 2.75rem; height: 2.75rem; min-height: 2.75rem; max-height: 2.75rem; padding: 0; border: 1px solid rgb(255 255 255 / 0.2); border-radius: 50%; color: var(--ba-color-white); background: rgb(255 255 255 / 0.07); font-size: 1.15rem; font-weight: 700; line-height: 1; cursor: default; overflow: hidden; } .ba-social-icon :where(a, button) { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; } .ba-footer-lower { display: flex !important; align-items: center; justify-content: space-between; gap: var(--ba-space-lg); padding-block: var(--ba-space-lg); border-top: 1px solid rgb(255 255 255 / 0.13); } .ba-footer-copyright { color: rgb(255 255 255 / 0.55); font-size: var(--ba-text-xs); } .ba-footer-legal { display: flex !important; flex-wrap: wrap; gap: 0.65rem 1.25rem; } .ba-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .ba-mobile-bottom-nav { display: none !important; } .ba-mobile-menu-panel { display: none !important; } @media (max-width: 64rem) { .ba-footer-conversion__inner { grid-template-columns: 1fr; gap: var(--ba-space-2xl); } .ba-footer-contact { padding-top: 0; } .ba-footer-contact__title { max-width: 16ch; } } @media (max-width: 47.99rem) { body:has(.ba-mobile-bottom-nav) { padding-bottom: calc(4.9rem + env(safe-area-inset-bottom)); } .ba-footer-conversion { padding-block: var(--ba-space-2xl); } .ba-footer-waitlist { padding: 1.35rem; border-radius: var(--ba-radius-md); } .ba-footer-main__inner { grid-template-columns: 1fr 1fr; } .ba-footer-brand { grid-column: 1 / -1; } .ba-footer-lower { align-items: flex-start; flex-direction: column; } .ba-mobile-bottom-nav { position: fixed; z-index: 2100; right: max(0.65rem, env(safe-area-inset-right)); bottom: max(0.6rem, env(safe-area-inset-bottom)); left: max(0.65rem, env(safe-area-inset-left)); display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); min-height: 4.25rem; padding: 0.45rem 0.35rem; border: 1px solid rgb(36 68 119 / 0.1); border-radius: 1.15rem; background: rgb(255 255 255 / 0.96); box-shadow: 0 1rem 3rem rgb(13 32 61 / 0.2); backdrop-filter: blur(1rem); } .ba-mobile-bottom-nav__item, .ba-mobile-bottom-nav__item a, .ba-mobile-menu summary { display: flex !important; align-items: center; justify-content: center; flex-direction: column; gap: 0.2rem; min-width: 0; min-height: 3.3rem; padding: 0.25rem; border-radius: 0.75rem; color: var(--ba-color-deep); font-size: 0.68rem; font-weight: 650; line-height: 1.1; text-align: center; text-decoration: none; } .ba-mobile-bottom-nav__item:hover, .ba-mobile-bottom-nav__item a:hover, .ba-mobile-menu summary:hover, .ba-mobile-menu__details[open] summary { color: var(--ba-color-brand); background: var(--ba-color-blue-mist); } .ba-mobile-bottom-nav__icon { display: block; font-size: 1.25rem; font-weight: 400; line-height: 1; } .ba-mobile-bottom-nav__item span:first-child { display: block; width: 1.2rem; height: 1.2rem; font-size: 0; font-weight: 400; line-height: 1; } .ba-mobile-bottom-nav__item span:first-child::before { display: block; width: 100%; height: 100%; background: currentColor; content: ""; mask-position: center; mask-repeat: no-repeat; mask-size: contain; } .ba-mobile-bottom-nav__item--home span:first-child::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5.5 9v11h13V9M9.5 20v-6h5v6'/%3E%3C/svg%3E"); } .ba-mobile-bottom-nav__item--location span:first-child::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); } .ba-mobile-bottom-nav__item--contact span:first-child::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3h3l1.5 5-2 1.5a15 15 0 0 0 5.5 5.5l1.5-2 5 1.5v3A3.5 3.5 0 0 1 17.5 21C9.5 20.5 3.5 14.5 3 6.5A3.5 3.5 0 0 1 6.5 3Z'/%3E%3C/svg%3E"); } .ba-mobile-bottom-nav__menu span:first-child::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E"); } .ba-mobile-menu-panel { position: fixed; z-index: 2099; top: 0; right: 0; bottom: calc(5.35rem + env(safe-area-inset-bottom)); display: block !important; width: min(88vw, 24rem); overflow-y: auto; color: var(--ba-color-deep); background: var(--ba-color-white); box-shadow: -1.5rem 0 4rem rgb(13 32 61 / 0.22); transform: translateX(110%); transition: transform 260ms var(--ba-ease-out); } .ba-mobile-menu-panel:has(#menu-movil:target) { transform: translateX(0); } .ba-mobile-menu-panel__inner { display: flex !important; flex-direction: column; min-height: 100%; padding: max(1.5rem, env(safe-area-inset-top)) 1.35rem 1.5rem; } .ba-mobile-menu-panel__head { position: relative; display: flex !important; align-items: center; justify-content: flex-end; gap: 1rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--ba-color-line); } .ba-mobile-menu-panel__anchor { position: absolute; width: 0; height: 0; overflow: hidden; } .ba-mobile-menu-panel__title { color: var(--ba-color-deep); font-family: var(--ba-font-heading); font-size: 1.45rem; font-weight: 400; } .ba-mobile-menu-panel__close, .ba-mobile-menu-panel__close a { color: var(--ba-color-gold-ink); font-size: var(--ba-text-xs); font-weight: 750; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; } .ba-mobile-menu-panel__links { display: flex !important; flex-direction: column; padding-block: 1rem; } .ba-mobile-menu-panel__link, .ba-mobile-menu-panel__link a { display: block; padding: 0.9rem 0.2rem; border-bottom: 1px solid var(--ba-color-line); color: var(--ba-color-deep); font-size: var(--ba-text-base); font-weight: 650; text-decoration: none; } .ba-mobile-menu-panel__actions { display: grid !important; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; align-items: stretch; gap: 0.65rem; width: 100%; margin-top: auto; padding-top: 1rem; } .ba-mobile-menu-panel__action { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-width: 0; min-height: 3.25rem; height: 100%; padding: 0.7rem 0.55rem; border: 1px solid var(--ba-color-brand) !important; border-radius: var(--ba-radius-sm); color: var(--ba-color-white) !important; background: var(--ba-color-brand) !important; font-size: var(--ba-text-sm); font-weight: 750; line-height: 1.2; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: normal; } .ba-mobile-menu-panel__action :where(a, button) { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; text-align: center; } .ba-mobile-menu, .ba-mobile-menu__details { width: 100%; height: 100%; } .ba-mobile-menu summary { height: 100%; list-style: none; cursor: pointer; } .ba-mobile-menu summary::-webkit-details-marker { display: none; } .ba-mobile-menu__panel { position: fixed; z-index: 2099; top: 0; right: 0; bottom: calc(5.35rem + env(safe-area-inset-bottom)); width: min(88vw, 24rem); padding: max(1.5rem, env(safe-area-inset-top)) 1.35rem 1.5rem; overflow-y: auto; color: var(--ba-color-deep); background: var(--ba-color-white); box-shadow: -1.5rem 0 4rem rgb(13 32 61 / 0.22); } .ba-mobile-menu__head { display: flex !important; align-items: baseline; justify-content: space-between; gap: 1rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--ba-color-line); } .ba-mobile-menu__head strong { font-family: var(--ba-font-heading); font-size: 1.45rem; font-weight: 400; } .ba-mobile-menu__head span { color: var(--ba-color-gold-ink); font-size: var(--ba-text-xs); font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; } .ba-mobile-menu__panel nav { display: flex !important; flex-direction: column; padding-block: 1rem; } .ba-mobile-menu__panel nav a { padding: 0.9rem 0.2rem; border-bottom: 1px solid var(--ba-color-line); color: var(--ba-color-deep); font-size: var(--ba-text-base); font-weight: 650; text-decoration: none; } .ba-mobile-menu__actions { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0.65rem; margin-top: 1rem; } .ba-mobile-menu__actions a { display: flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0.65rem; border-radius: var(--ba-radius-sm); color: var(--ba-color-white); background: var(--ba-color-brand); font-size: var(--ba-text-sm); font-weight: 750; text-align: center; text-decoration: none; } } @media (max-width: 34rem) { .ba-footer-contact__call { width: 100%; } .ba-footer-main__inner { grid-template-columns: 1fr; } .ba-footer-brand { grid-column: auto; } .ba-footer-social { margin-top: var(--ba-space-sm); } } @media (prefers-reduced-motion: reduce) { .ba-site-footer *, .ba-site-footer *::before, .ba-site-footer *::after { scroll-behavior: auto; transition-duration: 0.01ms !important; } } header:has(.ba-site-header) { position: sticky; top: 0; z-index: 1000; } .ba-shell.ba-site-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: clamp(0.75rem, 1.5vw, 1.5rem); width: 100%; min-height: 5.25rem; padding: 0.75rem max(var(--ba-gutter), calc((100vw - var(--ba-container-wide)) / 2)); border-bottom: 1px solid rgb(36 68 119 / 0.1); background: rgb(255 255 255 / 0.94); box-shadow: 0 0.75rem 2.5rem rgb(13 32 61 / 0.07); backdrop-filter: blur(1rem); font-family: var(--ba-font-body); } .ba-site-header :where(ul) { padding: 0; margin: 0; list-style: none; } .ba-site-header .ba-brand--header { width: clamp(12rem, 16vw, 15.5rem); min-width: clamp(12rem, 16vw, 15.5rem); height: clamp(3.25rem, 4.5vw, 4.25rem); overflow: hidden; background: url("/wp-content/uploads/2026/08/Azul.png") left center / contain no-repeat; } .ba-site-header .ba-brand--header, .ba-site-header .ba-brand--header a { color: transparent; font-family: var(--ba-font-heading); font-size: 0; font-weight: 400; line-height: 1; letter-spacing: 0.015em; text-decoration: none; } .ba-site-header .ba-brand--header a { display: block; width: 100%; height: 100%; } .ba-site-header .ba-brand--header::before { display: none; content: none; } .ba-site-header .ba-navigation { width: auto; min-width: 0; color: var(--ba-color-deep); font-family: var(--ba-font-body); } .ba-site-header .ba-navigation--primary { justify-self: center; width: max-content; } .ba-site-header .ba-navigation nav > ul { display: flex; flex-wrap: nowrap; align-items: center; gap: clamp(0.65rem, 1.25vw, 1.35rem); } .ba-site-header .ba-navigation--primary nav > ul > li, .ba-site-header .ba-navigation--primary nav > ul > li > a { flex: 0 0 auto; white-space: nowrap; } .ba-shell.ba-site-header .ba-navigation--primary nav > ul > li > a { display: inline-flex; align-items: center; min-height: 2.75rem; color: inherit; font-family: var(--ba-font-body); font-size: 0.8125rem; font-weight: 600; line-height: 1.25; letter-spacing: 0.01em; text-decoration: none; transition: color var(--ba-duration-fast) var(--ba-ease-out); } .ba-shell.ba-site-header .ba-navigation--primary nav > ul > li > a::before, .ba-shell.ba-site-header .ba-navigation--primary nav > ul > li > a::after { display: none; content: none; } .ba-shell.ba-site-header .ba-navigation--primary nav > ul > li > a, .ba-shell.ba-site-header .ba-navigation--primary nav > ul > li > a:hover, .ba-shell.ba-site-header .ba-navigation--primary nav > ul > li > a[aria-current="page"] { color: var(--ba-color-brand); } .ba-shell.ba-site-header .ba-navigation--primary nav > ul > li > a[aria-current="page"] { text-decoration: underline; text-decoration-color: var(--ba-color-gold); text-decoration-thickness: 2px; text-underline-offset: 0.45rem; } .ba-shell.ba-site-header .ba-navigation--phone nav > ul > li > a, .ba-shell.ba-site-header .ba-navigation--waitlist nav > ul > li > a { justify-content: center; min-height: 2.875rem; padding: 0.7rem 1rem; border: 1px solid var(--ba-color-brand); border-radius: var(--ba-radius-sm); font-family: var(--ba-font-body); font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.01em; white-space: nowrap; color: var(--ba-color-white); background: var(--ba-color-brand); transition: color var(--ba-duration-fast) var(--ba-ease-out), background-color var(--ba-duration-fast) var(--ba-ease-out), border-color var(--ba-duration-fast) var(--ba-ease-out), transform var(--ba-duration-fast) var(--ba-ease-out); } .ba-shell.ba-site-header .ba-navigation--phone nav > ul > li > a::before, .ba-shell.ba-site-header .ba-navigation--phone nav > ul > li > a::after, .ba-shell.ba-site-header .ba-navigation--waitlist nav > ul > li > a::before, .ba-shell.ba-site-header .ba-navigation--waitlist nav > ul > li > a::after { display: none; content: none; } .ba-shell.ba-site-header .ba-navigation--phone nav > ul > li > a:hover, .ba-shell.ba-site-header .ba-navigation--waitlist nav > ul > li > a:hover { color: var(--ba-color-white); border-color: var(--ba-color-brand-hover); background: var(--ba-color-brand-hover); transform: translateY(-1px); } .ba-site-header :where(a, button, [role="button"]):focus-visible { outline: 3px solid var(--ba-color-gold-light); outline-offset: 3px; } .ba-site-header .ba-navigation--primary :where(button, [role="button"]) { min-width: 2.875rem; min-height: 2.875rem; border: 1px solid var(--ba-color-line); border-radius: var(--ba-radius-sm); color: var(--ba-color-deep); background: var(--ba-color-white); } @media (max-width: 64rem) { .ba-site-header { grid-template-columns: 1fr 1fr; gap: 0.625rem 0.75rem; min-height: auto; padding-block: 0.7rem; } .ba-site-header .ba-brand--header { grid-column: 1; grid-row: 1; } .ba-site-header .ba-navigation--primary { grid-column: 2; grid-row: 1; justify-self: end; } .ba-site-header .ba-navigation--primary:has([aria-expanded="true"]) { grid-column: 1 / -1; width: 100%; } .ba-site-header .ba-navigation--primary nav > ul { align-items: stretch; flex-direction: column; gap: 0; min-width: min(22rem, calc(100vw - (2 * var(--ba-gutter)))); padding: 0.65rem; border: 1px solid var(--ba-color-line); border-radius: var(--ba-radius-md); background: var(--ba-color-white); box-shadow: var(--ba-shadow-soft); } .ba-site-header .ba-navigation--primary nav > ul > li > a { width: 100%; padding-inline: 0.75rem; } .ba-site-header .ba-navigation--phone, .ba-site-header .ba-navigation--waitlist { grid-row: 2; width: 100%; } .ba-site-header .ba-navigation--phone { grid-column: 1; } .ba-site-header .ba-navigation--waitlist { grid-column: 2; } .ba-site-header .ba-navigation--phone nav, .ba-site-header .ba-navigation--waitlist nav, .ba-site-header .ba-navigation--phone nav > ul, .ba-site-header .ba-navigation--waitlist nav > ul, .ba-site-header .ba-navigation--phone nav > ul > li, .ba-site-header .ba-navigation--waitlist nav > ul > li, .ba-site-header .ba-navigation--phone nav > ul > li > a, .ba-site-header .ba-navigation--waitlist nav > ul > li > a { width: 100%; } } @media (max-width: 30rem) { .ba-site-header { padding-inline: 1rem; } .ba-site-header .ba-brand--header, .ba-site-header .ba-brand--header a { font-size: 0; } .ba-site-header .ba-brand--header { width: 9.5rem; min-width: 9.5rem; height: 2.55rem; } .ba-site-header .ba-navigation--phone nav > ul > li > a, .ba-site-header .ba-navigation--waitlist nav > ul > li > a { min-height: 2.75rem; padding-inline: 0.7rem; font-size: 0.75rem; } } @media (max-width: 47.99rem) { .ba-site-header .ba-brand--header { grid-column: 1 / -1; justify-self: center; width: 12rem; min-width: 12rem; height: 3.35rem; } .ba-shell.ba-site-header .ba-navigation--primary { display: none; } } @media (prefers-reduced-motion: reduce) { .ba-site-header *, .ba-site-header *::before, .ba-site-header *::after { scroll-behavior: auto; transition-duration: 0.01ms; } } .ba-heading--display { max-width: 22ch; } .ba-eyebrow { display: flex; align-items: center; gap: 0.75rem; max-width: none; color: var(--ba-color-gold-ink); font-size: var(--ba-text-xs); font-weight: 700; letter-spacing: var(--ba-tracking-label); line-height: 1.4; text-transform: uppercase; } .ba-eyebrow::after { width: 2.5rem; height: 1px; content: ""; flex: 0 0 auto; background: currentColor; } .ba-text--lead { max-width: 58ch; color: var(--ba-color-muted); font-size: var(--ba-text-lead); line-height: 1.62; } .ba-text--small { font-size: var(--ba-text-sm); } .ba-page .ba-link--editorial { display: inline-flex; width: fit-content; max-width: 100%; color: var(--ba-color-brand); font-size: var(--ba-text-sm); font-weight: 700; line-height: 1.4; } .ba-page .ba-link--editorial > a { display: inline-flex; align-items: center; min-height: 2.75rem; gap: 0.75rem; color: inherit; text-decoration: none; } .ba-page .ba-link--editorial > a::after { content: "\2192"; color: var(--ba-color-gold); font-size: 1.15em; transition: transform var(--ba-duration-fast) var(--ba-ease-out); } .ba-page .ba-link--editorial > a:hover::after { transform: translateX(0.3rem); } .ba-page .ba-link--pending { color: var(--ba-color-muted); } .ba-page-inicio .ba-home-hero { padding-block: 0; } .ba-page-inicio .ba-home-hero__inner { display: grid; width: min(100%, var(--ba-container-wide)); min-height: clamp(42rem, 72vw, 49rem); } .ba-page-inicio .ba-home-hero__content { z-index: 1; justify-content: center; padding: clamp(4rem, 11vw, 7rem) var(--ba-gutter); } .ba-page-inicio .ba-home-hero__content :where(h1, p) { color: var(--ba-color-white); } .ba-page-inicio .ba-home-hero__content .ba-eyebrow { color: var(--ba-color-gold-light); } .ba-page-inicio .ba-home-hero__intro { max-width: 52ch; color: rgb(255 255 255 / 0.86); } .ba-page-inicio .ba-home-hero__actions { margin-top: var(--ba-space-sm); } .ba-page-inicio .ba-home-hero__actions .ba-button--primary { color: var(--ba-color-deepest); background: var(--ba-gradient-gold); box-shadow: 0 1rem 2.5rem rgb(4 17 35 / 0.28); } .ba-page-inicio .ba-home-hero__actions .ba-button--primary:hover { color: var(--ba-color-deepest); background: var(--ba-color-gold-light); } .ba-page-inicio .ba-home-hero__actions .ba-button--secondary { color: var(--ba-color-white); border-color: rgb(255 255 255 / 0.55); background: transparent; } .ba-page-inicio .ba-home-hero__actions .ba-button--secondary:hover { color: var(--ba-color-deepest); border-color: var(--ba-color-white); background: var(--ba-color-white); } .ba-page-inicio .ba-home-trust { align-items: stretch; gap: 0; margin-top: var(--ba-space-lg); } .ba-page-inicio .ba-home-trust__item { display: flex; align-items: center; max-width: 13rem; min-height: 3.25rem; padding-inline: 1rem; color: rgb(255 255 255 / 0.82); border-left: 1px solid rgb(221 199 143 / 0.55); font-size: var(--ba-text-sm); line-height: 1.45; } .ba-page-inicio .ba-home-trust__item:first-child { padding-left: 0; border-left: 0; } .ba-page-inicio .ba-home-hero__media { min-height: 28rem; border-top: 1px solid rgb(221 199 143 / 0.4); } .ba-page-inicio .ba-home-hero__media::before { position: absolute; z-index: 2; inset: 0 auto 0 -1px; width: clamp(0.35rem, 0.8vw, 0.75rem); content: ""; background: var(--ba-gradient-gold); } .ba-page-inicio .ba-home-hero__image { min-height: 28rem; color: transparent; font-size: 0; background: linear-gradient(155deg, rgb(23 46 82 / 0.12), rgb(185 150 82 / 0.22)), var(--ba-color-blue-soft); } .ba-page-inicio .ba-home-stays { background: var(--ba-color-white); } .ba-page-inicio .ba-home-stays__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-inicio .ba-home-stays__intro { gap: var(--ba-space-lg); } .ba-page-inicio .ba-home-stays__options { display: grid; gap: var(--ba-space-xl); } .ba-page-inicio .ba-home-stays__option { padding-top: var(--ba-space-md); border-top: 1px solid var(--ba-color-line); } .ba-page-inicio .ba-home-stays__number { color: var(--ba-color-gold-ink); font-size: var(--ba-text-sm); font-weight: 700; letter-spacing: 0.12em; } .ba-page-inicio .ba-home-stays__option h3 { position: relative; padding-bottom: var(--ba-space-sm); } .ba-page-inicio .ba-home-stays__option h3::after { position: absolute; bottom: 0; left: 0; width: 2.75rem; height: 2px; content: ""; background: var(--ba-color-gold); } .ba-page-inicio .ba-home-person-centred { background: var(--ba-gradient-surface); } .ba-page-inicio .ba-home-person-centred__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-inicio .ba-home-person-centred__intro { gap: var(--ba-space-lg); } .ba-page-inicio .ba-home-person-centred__intro > p:not(.ba-eyebrow) { color: var(--ba-color-muted); } .ba-page-inicio .ba-home-principles { display: grid; gap: 0; counter-reset: principle; } .ba-page-inicio .ba-home-principle { position: relative; gap: var(--ba-space-sm); padding: var(--ba-space-lg) 0 var(--ba-space-lg) 3.75rem; border-top: 1px solid var(--ba-color-line); counter-increment: principle; } .ba-page-inicio .ba-home-principle::before { position: absolute; top: calc(var(--ba-space-lg) + 0.2rem); left: 0; content: "0" counter(principle); color: var(--ba-color-gold-ink); font-family: var(--ba-font-heading); font-size: 1.1rem; } .ba-page-inicio .ba-home-principle p { color: var(--ba-color-muted); font-size: var(--ba-text-sm); } .ba-page-inicio .ba-home-principles > .ba-link--editorial { margin-top: var(--ba-space-md); } .ba-page-inicio .ba-home-life { background: var(--ba-color-white); } .ba-page-inicio .ba-home-life__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-inicio .ba-home-life__intro { gap: var(--ba-space-lg); } .ba-page-inicio .ba-home-life__item { padding-top: var(--ba-space-lg); border-top: 1px solid var(--ba-color-line); } .ba-page-inicio .ba-home-life__item > p { color: var(--ba-color-muted); } .ba-page-inicio .ba-home-life__item--daily, .ba-page-inicio .ba-home-life__item--spaces { display: grid; grid-template-columns: 1fr; } .ba-page-inicio .ba-home-life__item--daily > :not(img), .ba-page-inicio .ba-home-life__item--spaces > :not(img) { grid-column: 1; } .ba-page-inicio .ba-home-life__item--daily img, .ba-page-inicio .ba-home-life__item--spaces img { grid-row: 1; width: 100%; min-height: 18rem; aspect-ratio: 16 / 9; margin-bottom: var(--ba-space-lg); color: transparent; background: linear-gradient(145deg, rgb(36 68 119 / 0.1), rgb(185 150 82 / 0.14)), var(--ba-color-blue-mist); font-size: 0; } .ba-page-inicio .ba-home-about { position: relative; background: var(--ba-gradient-surface); } .ba-page-inicio .ba-home-about::before { position: absolute; inset: 0 auto 0 0; width: clamp(0.3rem, 0.6vw, 0.55rem); content: ""; background: var(--ba-gradient-gold); } .ba-page-inicio .ba-home-about__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-inicio .ba-home-about__history, .ba-page-inicio .ba-home-about__team { gap: var(--ba-space-lg); } .ba-page-inicio .ba-home-about__year { color: var(--ba-color-gold); font-family: var(--ba-font-heading); font-size: clamp(4rem, 10vw, 7.5rem); line-height: 0.85; letter-spacing: -0.055em; } .ba-page-inicio .ba-home-about__history > p:not(.ba-eyebrow, .ba-home-about__year), .ba-page-inicio .ba-home-about__team > p { color: var(--ba-color-muted); } .ba-page-inicio .ba-home-about__team { padding-top: var(--ba-space-lg); border-top: 1px solid var(--ba-color-line); } .ba-page-inicio .ba-home-about__team > h3:nth-of-type(2) { margin-top: var(--ba-space-md); font-family: var(--ba-font-body); font-size: var(--ba-text-base); font-weight: 700; letter-spacing: 0; } .ba-page-inicio .ba-home-values { display: grid; gap: var(--ba-space-sm); } .ba-page-inicio .ba-home-value { position: relative; padding-left: 1.75rem; color: var(--ba-color-muted); font-size: var(--ba-text-sm); } .ba-page-inicio .ba-home-value::before { position: absolute; top: 0.8em; left: 0; width: 0.9rem; height: 1px; content: ""; background: var(--ba-color-gold); } @media (min-width: 48rem) { .ba-page-inicio .ba-home-stays__options { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ba-page-inicio .ba-home-stays__options > .ba-link--editorial { grid-column: 1 / -1; } .ba-page-inicio .ba-home-life__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ba-page-inicio .ba-home-life__intro, .ba-page-inicio .ba-home-life__item--services { grid-column: 1 / -1; } } @media (min-width: 64rem) { .ba-page-inicio .ba-home-hero__inner { grid-template-columns: minmax(0, 1.02fr) minmax(27rem, 0.98fr); margin-inline: auto; } .ba-page-inicio .ba-home-hero__content { padding-inline: clamp(3rem, 5vw, 5rem); } .ba-page-inicio .ba-home-hero__media { min-height: 100%; border-top: 0; } .ba-page-inicio .ba-home-hero__image { min-height: 100%; } .ba-page-inicio .ba-home-trust { display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); } .ba-page-inicio .ba-home-trust__item { max-width: none; } .ba-page-inicio .ba-home-stays__inner { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); align-items: start; gap: clamp(4rem, 8vw, 8rem); } .ba-page-inicio .ba-home-person-centred__inner { grid-template-columns: minmax(0, 1.05fr) minmax(24rem, 0.95fr); align-items: start; gap: clamp(4rem, 8vw, 8rem); } .ba-page-inicio .ba-home-life__inner { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--ba-space-xl); } .ba-page-inicio .ba-home-life__intro { grid-column: 1 / 8; } .ba-page-inicio .ba-home-life__item--services { grid-column: 9 / 13; } .ba-page-inicio .ba-home-life__item--daily { grid-column: 1 / 7; } .ba-page-inicio .ba-home-life__item--spaces { grid-column: 7 / 13; margin-top: var(--ba-space-2xl); } .ba-page-inicio .ba-home-about__inner { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: start; gap: clamp(4rem, 8vw, 8rem); } .ba-page-inicio .ba-home-about__team { padding-top: 0; padding-left: clamp(2rem, 4vw, 4rem); border-top: 0; border-left: 1px solid var(--ba-color-line); } } @media (max-width: 47.99rem) { .ba-page-inicio .ba-home-hero__content { padding-top: 4.5rem; padding-bottom: 3.5rem; } .ba-page-inicio .ba-home-trust { display: grid; width: 100%; } .ba-page-inicio .ba-home-trust__item, .ba-page-inicio .ba-home-trust__item:first-child { max-width: none; min-height: auto; padding: 0.75rem 0; border-top: 1px solid rgb(221 199 143 / 0.35); border-left: 0; } .ba-page-inicio .ba-home-hero__media, .ba-page-inicio .ba-home-hero__image { min-height: 22rem; } } .ba-page-servicios .ba-services-core { background: var(--ba-color-white); } .ba-page-servicios .ba-services-core__inner { display: grid; gap: var(--ba-space-2xl); counter-reset: core-service; } .ba-page-servicios .ba-service-feature { position: relative; gap: var(--ba-space-lg); padding-top: clamp(5rem, 7vw, 7rem); border-top: 1px solid var(--ba-color-line); counter-increment: core-service; } .ba-page-servicios .ba-service-feature::before { position: absolute; top: var(--ba-space-lg); right: 0; content: "0" counter(core-service); color: var(--ba-color-gold); font-family: var(--ba-font-heading); font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: 0.8; opacity: 0.55; } .ba-page-servicios .ba-service-feature h2 { max-width: 14ch; padding-right: clamp(2rem, 6vw, 5rem); } .ba-page-servicios .ba-service-feature > p:not(.ba-eyebrow) { max-width: 58ch; color: var(--ba-color-muted); } .ba-page-servicios .ba-services-social { border-block: 1px solid var(--ba-color-line); } .ba-page-servicios .ba-services-social .ba-split-feature__body { padding-top: var(--ba-space-lg); border-top: 1px solid var(--ba-color-gold); } .ba-page-servicios .ba-services-therapy { background: var(--ba-color-white); } .ba-page-servicios .ba-services-therapy__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-servicios .ba-services-therapy__grid { display: grid; gap: var(--ba-space-xl); } .ba-page-servicios .ba-service-discipline { gap: var(--ba-space-md); padding-top: var(--ba-space-lg); border-top: 2px solid var(--ba-color-gold); } .ba-page-servicios .ba-service-discipline p { color: var(--ba-color-muted); } .ba-page-servicios .ba-services-food { background: var(--ba-color-blue-mist); } .ba-page-servicios .ba-services-food .ba-split-feature__body { position: relative; padding-left: var(--ba-space-xl); } .ba-page-servicios .ba-services-food .ba-split-feature__body::before { position: absolute; inset: 0 auto 0 0; width: 2px; content: ""; background: var(--ba-gradient-gold); } .ba-page-servicios .ba-services-activities .ba-feature-band__inner { position: relative; } .ba-page-servicios .ba-services-activities .ba-feature-band__inner::after { position: absolute; top: 50%; right: 0; width: clamp(6rem, 16vw, 13rem); height: clamp(6rem, 16vw, 13rem); border: 1px solid rgb(221 199 143 / 0.38); border-radius: 50%; content: ""; transform: translateY(-50%); } .ba-page-servicios .ba-services-activities .ba-feature-band__content { position: relative; z-index: 1; } .ba-page-servicios .ba-services-other { background: var(--ba-color-white); } .ba-page-servicios .ba-services-other__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-servicios .ba-services-other__groups { display: grid; gap: var(--ba-space-xl); } .ba-page-servicios .ba-service-group { gap: var(--ba-space-sm); padding-top: var(--ba-space-lg); border-top: 1px solid var(--ba-color-line); } .ba-page-servicios .ba-service-group h3 { min-height: 2.4em; margin-bottom: var(--ba-space-sm); } .ba-page-servicios .ba-service-list-item { position: relative; padding-left: 1.5rem; color: var(--ba-color-muted); } .ba-page-servicios .ba-service-list-item::before { position: absolute; top: 0.82em; left: 0; width: 0.75rem; height: 1px; content: ""; background: var(--ba-color-gold); } .ba-page-servicios .ba-services-other__note { max-width: 62rem; padding: var(--ba-space-md) var(--ba-space-lg); color: var(--ba-color-muted); border-left: 2px solid var(--ba-color-gold); background: var(--ba-color-surface); } @media (min-width: 48rem) { .ba-page-servicios .ba-services-therapy__grid, .ba-page-servicios .ba-services-other__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 64rem) { .ba-page-servicios .ba-services-core__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: clamp(4rem, 8vw, 8rem); } .ba-page-servicios .ba-service-feature--health { margin-top: var(--ba-space-2xl); } .ba-page-servicios .ba-services-therapy__inner { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); align-items: start; gap: clamp(4rem, 8vw, 8rem); } .ba-page-servicios .ba-services-other__groups { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 47.99rem) { .ba-page-servicios .ba-services-activities .ba-feature-band__inner::after { top: auto; right: -3rem; bottom: -5rem; transform: none; } .ba-page-servicios .ba-service-group h3 { min-height: 0; } } .ba-page-dia-a-dia .ba-daily-spaces { border-bottom: 1px solid var(--ba-color-line); } .ba-page-dia-a-dia .ba-daily-spaces .ba-split-feature__body, .ba-page-dia-a-dia .ba-daily-families .ba-split-feature__body { padding-top: var(--ba-space-lg); border-top: 1px solid var(--ba-color-gold); } .ba-page-dia-a-dia .ba-daily-activities { background: linear-gradient(120deg, rgb(13 32 61 / 0.98), rgb(36 68 119 / 0.94)), var(--ba-color-deep); } .ba-page-dia-a-dia .ba-daily-activities__content { position: relative; z-index: 1; } .ba-page-dia-a-dia .ba-daily-food { background: var(--ba-color-white); } .ba-page-dia-a-dia .ba-daily-food__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-dia-a-dia .ba-daily-food__body { gap: var(--ba-space-lg); padding: var(--ba-space-xl); border-left: 2px solid var(--ba-color-gold); background: var(--ba-color-surface); } .ba-page-dia-a-dia .ba-daily-autonomy { position: relative; overflow: hidden; background: var(--ba-color-blue-mist); } .ba-page-dia-a-dia .ba-daily-autonomy::after { position: absolute; right: -8rem; bottom: -12rem; width: clamp(18rem, 34vw, 34rem); aspect-ratio: 1; border: 1px solid rgb(36 68 119 / 0.16); border-radius: 50%; content: ""; } .ba-page-dia-a-dia .ba-daily-autonomy__inner { position: relative; z-index: 1; } .ba-page-dia-a-dia .ba-daily-autonomy__content { width: min(100%, 62rem); gap: var(--ba-space-lg); } .ba-page-dia-a-dia .ba-daily-autonomy__content h2 { max-width: 18ch; } .ba-page-dia-a-dia .ba-daily-autonomy__content > p:not(.ba-eyebrow) { max-width: 62ch; } .ba-page-dia-a-dia .ba-daily-stays { background: var(--ba-color-white); } .ba-page-dia-a-dia .ba-daily-stays__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-dia-a-dia .ba-daily-stays__options { display: grid; gap: var(--ba-space-xl); } .ba-page-dia-a-dia .ba-daily-stay { gap: var(--ba-space-md); padding-top: var(--ba-space-lg); border-top: 2px solid var(--ba-color-gold); } .ba-page-dia-a-dia .ba-daily-stay p { color: var(--ba-color-muted); } .ba-page-dia-a-dia .ba-daily-stays__note { max-width: 60rem; padding: var(--ba-space-lg) var(--ba-space-xl); color: var(--ba-color-deep); border-left: 2px solid var(--ba-color-brand); background: var(--ba-color-blue-mist); } .ba-page-dia-a-dia .ba-daily-families { border-top: 1px solid var(--ba-color-line); } @media (min-width: 48rem) { .ba-page-dia-a-dia .ba-daily-stays__options { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 64rem) { .ba-page-dia-a-dia .ba-daily-food__inner { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); align-items: start; gap: clamp(4rem, 8vw, 8rem); } .ba-page-dia-a-dia .ba-daily-stays__inner { grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); align-items: start; column-gap: clamp(4rem, 8vw, 8rem); } .ba-page-dia-a-dia .ba-daily-stays__options { grid-column: 2; } .ba-page-dia-a-dia .ba-daily-stays__note { grid-column: 2; } } @media (max-width: 47.99rem) { .ba-page-dia-a-dia .ba-daily-food__body, .ba-page-dia-a-dia .ba-daily-stays__note { padding: var(--ba-space-lg); } } .ba-page-instalaciones .ba-facilities-hero { position: relative; overflow: hidden; padding-block: 0; color: var(--ba-color-white); background: var(--ba-gradient-brand); } .ba-page-instalaciones .ba-facilities-hero__inner { display: grid; width: min(100%, var(--ba-container-wide)); min-height: clamp(42rem, 70vw, 50rem); } .ba-page-instalaciones .ba-facilities-hero__content { justify-content: center; padding: clamp(4.5rem, 10vw, 7rem) var(--ba-gutter); } .ba-page-instalaciones .ba-facilities-hero__content :where(h1, p) { color: var(--ba-color-white); } .ba-page-instalaciones .ba-facilities-hero__content .ba-eyebrow { color: var(--ba-color-gold-light); } .ba-page-instalaciones .ba-facilities-hero__content .ba-text--lead { color: rgb(255 255 255 / 0.84); } .ba-page-instalaciones .ba-facilities-hero__media { min-height: 28rem; border-top: 1px solid rgb(221 199 143 / 0.4); } .ba-page-instalaciones .ba-facilities-room { background: var(--ba-color-white); } .ba-page-instalaciones .ba-facilities-room__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-instalaciones .ba-facilities-room__media { min-height: clamp(24rem, 60vw, 40rem); } .ba-page-instalaciones .ba-facilities-room__content { align-self: center; } .ba-page-instalaciones .ba-facilities-room__content > p:not(.ba-eyebrow) { color: var(--ba-color-muted); } .ba-page-instalaciones .ba-facilities-room__note { padding: var(--ba-space-md) var(--ba-space-lg); color: var(--ba-color-deep); border-left: 2px solid var(--ba-color-gold); background: var(--ba-color-surface); } .ba-page-instalaciones .ba-facilities-interior { background: var(--ba-color-surface); } .ba-page-instalaciones .ba-facilities-interior__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-instalaciones .ba-facilities-space { display: grid; overflow: hidden; background: var(--ba-color-white); } .ba-page-instalaciones .ba-facilities-space__media { min-height: 22rem; } .ba-page-instalaciones .ba-facilities-space__content { padding: clamp(1.75rem, 4vw, 3rem); } .ba-page-instalaciones .ba-facilities-space__content > p:not(.ba-eyebrow) { color: var(--ba-color-muted); } .ba-page-instalaciones .ba-facilities-space--care { background: var(--ba-color-deep); } .ba-page-instalaciones .ba-facilities-space--care .ba-facilities-space__content :where(h2, p) { color: var(--ba-color-white); } .ba-page-instalaciones .ba-facilities-space--care .ba-facilities-space__content .ba-eyebrow, .ba-page-instalaciones .ba-facilities-space--care .ba-link--editorial { color: var(--ba-color-gold-light); } .ba-page-instalaciones .ba-facilities-space--care .ba-facilities-space__content > p:not(.ba-eyebrow) { color: rgb(255 255 255 / 0.78); } .ba-page-instalaciones .ba-facilities-outdoor { position: relative; padding-block: 0; background: var(--ba-color-deepest); } .ba-page-instalaciones .ba-facilities-outdoor__inner { display: grid; width: min(100%, var(--ba-container-wide)); } .ba-page-instalaciones .ba-facilities-outdoor__media { min-height: clamp(25rem, 58vw, 43rem); } .ba-page-instalaciones .ba-facilities-outdoor__content { justify-content: center; padding: clamp(3rem, 7vw, 6rem) var(--ba-gutter); } .ba-page-instalaciones .ba-facilities-outdoor__content :where(h2, p) { color: var(--ba-color-white); } .ba-page-instalaciones .ba-facilities-outdoor__content .ba-eyebrow { color: var(--ba-color-gold-light); } .ba-page-instalaciones .ba-facilities-outdoor__content .ba-text--lead, .ba-page-instalaciones .ba-facilities-outdoor__content > p:not(.ba-eyebrow) { color: rgb(255 255 255 / 0.82); } .ba-page-instalaciones .ba-facilities-chapel { background: var(--ba-gradient-surface); } .ba-page-instalaciones .ba-facilities-chapel__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-instalaciones .ba-facilities-chapel__content { align-self: center; } .ba-page-instalaciones .ba-facilities-chapel__content > p:not(.ba-eyebrow) { color: var(--ba-color-muted); } .ba-page-instalaciones .ba-facilities-chapel__note { padding-top: var(--ba-space-md); border-top: 1px solid var(--ba-color-gold); } .ba-page-instalaciones .ba-facilities-chapel__media { min-height: 22rem; } .ba-page-instalaciones .ba-facilities-gallery { background: var(--ba-color-white); } .ba-page-instalaciones .ba-facilities-gallery__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-instalaciones .ba-facilities-gallery__grid { grid-template-columns: 1fr; gap: var(--ba-space-sm); } .ba-page-instalaciones .ba-gallery-item { min-height: 18rem; margin: 0; } @media (min-width: 48rem) { .ba-page-instalaciones .ba-facilities-interior__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .ba-page-instalaciones .ba-facilities-space--care { margin-top: var(--ba-space-3xl); } .ba-page-instalaciones .ba-facilities-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ba-page-instalaciones .ba-gallery-item--large, .ba-page-instalaciones .ba-gallery-item--wide { grid-column: 1 / -1; min-height: 26rem; } } @media (min-width: 64rem) { .ba-page-instalaciones .ba-facilities-hero__inner { grid-template-columns: minmax(0, 0.9fr) minmax(32rem, 1.1fr); margin-inline: auto; } .ba-page-instalaciones .ba-facilities-hero__content { padding-inline: clamp(3rem, 5vw, 5rem); } .ba-page-instalaciones .ba-facilities-hero__media { min-height: 100%; border-top: 0; border-left: 1px solid rgb(221 199 143 / 0.4); } .ba-page-instalaciones .ba-facilities-room__inner { grid-template-columns: minmax(0, 1.15fr) minmax(26rem, 0.85fr); align-items: center; gap: clamp(4rem, 8vw, 8rem); } .ba-page-instalaciones .ba-facilities-outdoor__inner { grid-template-columns: minmax(0, 1.35fr) minmax(26rem, 0.65fr); margin-inline: auto; } .ba-page-instalaciones .ba-facilities-outdoor__content { padding-inline: clamp(3rem, 5vw, 5rem); } .ba-page-instalaciones .ba-facilities-chapel__inner { grid-template-columns: minmax(0, 1.05fr) minmax(24rem, 0.7fr); align-items: center; gap: clamp(4rem, 9vw, 9rem); } .ba-page-instalaciones .ba-facilities-chapel__media { min-height: 30rem; } .ba-page-instalaciones .ba-facilities-gallery__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 13rem; } .ba-page-instalaciones .ba-gallery-item { min-height: 0; grid-column: span 4; } .ba-page-instalaciones .ba-gallery-item--large { grid-column: span 8; grid-row: span 2; min-height: 0; } .ba-page-instalaciones .ba-gallery-item--wide { grid-column: span 8; min-height: 0; } } @media (max-width: 47.99rem) { .ba-page-instalaciones .ba-facilities-hero__content, .ba-page-instalaciones .ba-facilities-outdoor__content { padding-inline: var(--ba-gutter); } .ba-page-instalaciones .ba-facilities-room__note { padding: var(--ba-space-md); } } .ba-page-familias .ba-families-hero { padding-block: 0; background: var(--ba-color-white); } .ba-page-familias .ba-families-hero__inner { display: grid; width: min(100%, var(--ba-container-wide)); } .ba-page-familias .ba-families-hero__content { justify-content: center; padding: clamp(4.5rem, 10vw, 7rem) var(--ba-gutter); } .ba-page-familias .ba-families-hero__content > p:not(.ba-eyebrow) { color: var(--ba-color-muted); } .ba-page-familias .ba-families-hero__content .ba-button--primary { margin-top: var(--ba-space-sm); } .ba-page-familias .ba-families-hero__media { min-height: 28rem; } .ba-page-familias .ba-families-faq { background: var(--ba-color-surface); } .ba-page-familias .ba-families-faq__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-familias .ba-families-faq__grid { gap: 0; border-top: 1px solid var(--ba-color-line); } .ba-page-familias .ba-faq-item { display: flex; padding: var(--ba-space-xl) 0; flex-direction: column; gap: var(--ba-space-md); border-bottom: 1px solid var(--ba-color-line); } .ba-page-familias .ba-faq-item h3 { max-width: 25ch; font-family: var(--ba-font-body); font-size: var(--ba-text-lg); font-weight: 700; line-height: 1.35; } .ba-page-familias .ba-faq-item p { max-width: 60ch; color: var(--ba-color-muted); } .ba-page-familias .ba-families-hours { color: var(--ba-color-white); background: var(--ba-gradient-brand); } .ba-page-familias .ba-families-hours__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-familias .ba-families-hours__intro :where(h2, p) { color: var(--ba-color-white); } .ba-page-familias .ba-families-hours__intro .ba-eyebrow { color: var(--ba-color-gold-light); } .ba-page-familias .ba-families-hours__intro .ba-text--lead { color: rgb(255 255 255 / 0.82); } .ba-page-familias .ba-families-hours__grid { gap: var(--ba-space-md); } .ba-page-familias .ba-hours-card { display: flex; padding: clamp(1.75rem, 4vw, 3rem); flex-direction: column; gap: var(--ba-space-md); border: 1px solid rgb(221 199 143 / 0.38); background: rgb(255 255 255 / 0.06); } .ba-page-familias .ba-hours-card :where(h3, p) { color: var(--ba-color-white); } .ba-page-familias .ba-hours-card__label { color: var(--ba-color-gold-light); font-size: var(--ba-text-xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .ba-page-familias .ba-hours-card__time { padding-top: var(--ba-space-sm); border-top: 1px solid rgb(255 255 255 / 0.2); font-family: var(--ba-font-heading); font-size: clamp(1.65rem, 3.5vw, 2.4rem); line-height: 1.1; } .ba-page-familias .ba-families-hours__note { max-width: 66rem; padding-left: var(--ba-space-lg); color: rgb(255 255 255 / 0.76); border-left: 2px solid var(--ba-color-gold); } .ba-page-familias .ba-families-process { background: var(--ba-color-white); } .ba-page-familias .ba-families-process__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-familias .ba-process-steps { display: grid; gap: 0; } .ba-page-familias .ba-process-step { display: grid; padding-block: var(--ba-space-xl); grid-template-columns: 3.25rem minmax(0, 1fr); gap: var(--ba-space-xs) var(--ba-space-lg); border-top: 1px solid var(--ba-color-line); } .ba-page-familias .ba-process-step__number { grid-row: 1 / 3; color: var(--ba-color-gold-ink); font-family: var(--ba-font-heading); font-size: var(--ba-text-xl); line-height: 1; } .ba-page-familias .ba-process-step h3, .ba-page-familias .ba-process-step > p:not(.ba-process-step__number) { grid-column: 2; } .ba-page-familias .ba-process-step > p:not(.ba-process-step__number) { max-width: 62ch; color: var(--ba-color-muted); } .ba-page-familias .ba-families-process__note { max-width: 62rem; padding: var(--ba-space-lg) var(--ba-space-xl); color: var(--ba-color-deep); border-left: 2px solid var(--ba-color-brand); background: var(--ba-color-blue-mist); } .ba-page-familias .ba-families-docs { background: var(--ba-gradient-surface); } .ba-page-familias .ba-families-docs__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-familias .ba-families-docs__content > p:not(.ba-eyebrow) { color: var(--ba-color-muted); } .ba-page-familias .ba-docs-list { display: grid; width: 100%; gap: 0; border-top: 1px solid var(--ba-color-line); } .ba-page-familias .ba-docs-list__item { position: relative; padding: 0.9rem 0 0.9rem 1.75rem; border-bottom: 1px solid var(--ba-color-line); } .ba-page-familias .ba-docs-list__item::before { position: absolute; top: 1.65rem; left: 0; width: 0.9rem; height: 1px; content: ""; background: var(--ba-color-gold); } .ba-page-familias .ba-families-docs__note { padding: var(--ba-space-md) var(--ba-space-lg); border-left: 2px solid var(--ba-color-gold); background: var(--ba-color-white); } .ba-page-familias .ba-families-docs__media { min-height: clamp(24rem, 62vw, 42rem); } .ba-page-familias .ba-families-waitlist { position: relative; overflow: hidden; color: var(--ba-color-white); background: var(--ba-color-deepest); } .ba-page-familias .ba-families-waitlist::after { position: absolute; right: -8rem; bottom: -14rem; width: clamp(22rem, 42vw, 40rem); aspect-ratio: 1; border: 1px solid rgb(221 199 143 / 0.28); border-radius: 50%; content: ""; } .ba-page-familias .ba-families-waitlist__inner { position: relative; z-index: 1; display: grid; gap: var(--ba-space-2xl); } .ba-page-familias .ba-families-waitlist__content :where(h2, p) { color: var(--ba-color-white); } .ba-page-familias .ba-families-waitlist__content .ba-eyebrow { color: var(--ba-color-gold-light); } .ba-page-familias .ba-families-waitlist__content .ba-text--lead, .ba-page-familias .ba-families-waitlist__content > p:not(.ba-eyebrow) { color: rgb(255 255 255 / 0.8); } .ba-page-familias .ba-families-waitlist__notice { display: flex; padding: clamp(1.75rem, 4vw, 3rem); flex-direction: column; gap: var(--ba-space-md); border: 1px solid rgb(221 199 143 / 0.42); background: rgb(255 255 255 / 0.06); } .ba-page-familias .ba-families-waitlist__notice p { color: rgb(255 255 255 / 0.84); } .ba-page-familias .ba-families-waitlist__notice-label { color: var(--ba-color-gold-light); font-size: var(--ba-text-xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } @media (min-width: 48rem) { .ba-page-familias .ba-families-faq__grid, .ba-page-familias .ba-families-hours__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ba-page-familias .ba-faq-item:nth-child(odd) { padding-right: var(--ba-space-xl); border-right: 1px solid var(--ba-color-line); } .ba-page-familias .ba-faq-item:nth-child(even) { padding-left: var(--ba-space-xl); } } @media (min-width: 64rem) { .ba-page-familias .ba-families-hero__inner { grid-template-columns: minmax(0, 0.92fr) minmax(31rem, 1.08fr); min-height: 44rem; margin-inline: auto; } .ba-page-familias .ba-families-hero__content { padding-inline: clamp(3rem, 5vw, 5rem); } .ba-page-familias .ba-families-hero__media { min-height: 100%; } .ba-page-familias .ba-families-hours__inner { grid-template-columns: minmax(0, 0.75fr) minmax(32rem, 1.25fr); align-items: start; column-gap: clamp(4rem, 8vw, 8rem); } .ba-page-familias .ba-families-hours__note { grid-column: 2; } .ba-page-familias .ba-families-process__inner { grid-template-columns: minmax(0, 0.72fr) minmax(34rem, 1.28fr); align-items: start; column-gap: clamp(4rem, 9vw, 9rem); } .ba-page-familias .ba-families-process__note { grid-column: 2; } .ba-page-familias .ba-families-docs__inner { grid-template-columns: minmax(0, 1.05fr) minmax(26rem, 0.95fr); align-items: center; gap: clamp(4rem, 8vw, 8rem); } .ba-page-familias .ba-families-waitlist__inner { grid-template-columns: minmax(0, 1.05fr) minmax(24rem, 0.95fr); align-items: center; gap: clamp(4rem, 8vw, 8rem); } } @media (max-width: 47.99rem) { .ba-page-familias .ba-families-hero__content { padding-inline: var(--ba-gutter); } .ba-page-familias .ba-process-step { grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--ba-space-xs) var(--ba-space-md); } .ba-page-familias .ba-families-process__note, .ba-page-familias .ba-families-docs__note { padding: var(--ba-space-lg); } } .ba-page-contacto .ba-contact-hero { position: relative; overflow: hidden; color: var(--ba-color-white); background: var(--ba-gradient-brand); } .ba-page-contacto .ba-contact-hero::after { position: absolute; top: 50%; right: -8rem; width: clamp(20rem, 42vw, 40rem); aspect-ratio: 1; border: 1px solid rgb(221 199 143 / 0.3); border-radius: 50%; content: ""; transform: translateY(-50%); } .ba-page-contacto .ba-contact-hero__inner { position: relative; z-index: 1; } .ba-page-contacto .ba-contact-hero__content { width: min(100%, 62rem); gap: var(--ba-space-lg); } .ba-page-contacto .ba-contact-hero__content :where(h1, p) { color: var(--ba-color-white); } .ba-page-contacto .ba-contact-hero__content .ba-eyebrow { color: var(--ba-color-gold-light); } .ba-page-contacto .ba-contact-hero__content .ba-text--lead { color: rgb(255 255 255 / 0.84); } .ba-page-contacto .ba-contact-details { background: var(--ba-color-white); } .ba-page-contacto .ba-contact-details__inner { display: grid; gap: var(--ba-space-2xl); } .ba-page-contacto .ba-contact-details__intro { align-self: start; } .ba-page-contacto .ba-contact-details__call { margin-top: var(--ba-space-sm); } .ba-page-contacto .ba-contact-details__grid { gap: 0; border-top: 1px solid var(--ba-color-line); } .ba-page-contacto .ba-contact-item { display: flex; min-width: 0; padding: var(--ba-space-xl) 0; flex-direction: column; gap: var(--ba-space-sm); border-bottom: 1px solid var(--ba-color-line); } .ba-page-contacto .ba-contact-item__label, .ba-page-contacto .ba-contact-health-notice__label { color: var(--ba-color-gold-ink); font-size: var(--ba-text-xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .ba-page-contacto .ba-contact-item__value { max-width: 100%; overflow-wrap: anywhere; color: var(--ba-color-deep); font-size: var(--ba-text-lg); line-height: 1.45; } .ba-page-contacto .ba-contact-item__value > a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.25em; } .ba-page-contacto .ba-contact-item__value--phone { font-family: var(--ba-font-heading); font-size: clamp(2.4rem, 6vw, 4.5rem); letter-spacing: -0.04em; line-height: 1; } .ba-page-contacto .ba-contact-health-notice { display: flex; max-width: 66rem; padding: var(--ba-space-lg) var(--ba-space-xl); flex-direction: column; gap: var(--ba-space-sm); border-left: 2px solid var(--ba-color-gold); background: var(--ba-color-surface); } .ba-page-contacto .ba-contact-health-notice > p:last-child { color: var(--ba-color-muted); } .ba-page-contacto .ba-contact-location { padding-block: 0; background: var(--ba-color-surface); } .ba-page-contacto .ba-contact-location__inner { display: grid; width: min(100%, var(--ba-container-wide)); } .ba-page-contacto .ba-contact-location__content { justify-content: center; padding: clamp(4rem, 9vw, 7rem) var(--ba-gutter); } .ba-page-contacto .ba-contact-location__content > p:not(.ba-eyebrow) { color: var(--ba-color-muted); } .ba-page-contacto .ba-contact-location__address { padding-top: var(--ba-space-md); color: var(--ba-color-deep); border-top: 1px solid var(--ba-color-gold); font-weight: 700; } .ba-page-contacto .ba-contact-map { min-height: clamp(28rem, 66vw, 46rem); } @media (min-width: 48rem) { .ba-page-contacto .ba-contact-details__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ba-page-contacto .ba-contact-item--phone { grid-column: 1 / -1; } .ba-page-contacto .ba-contact-item--email { padding-right: var(--ba-space-xl); border-right: 1px solid var(--ba-color-line); } .ba-page-contacto .ba-contact-item--address { padding-left: var(--ba-space-xl); } } @media (min-width: 64rem) { .ba-page-contacto .ba-contact-details__inner { grid-template-columns: minmax(0, 0.72fr) minmax(34rem, 1.28fr); align-items: start; column-gap: clamp(4rem, 9vw, 9rem); } .ba-page-contacto .ba-contact-health-notice { grid-column: 2; } .ba-page-contacto .ba-contact-location__inner { grid-template-columns: minmax(25rem, 0.7fr) minmax(0, 1.3fr); margin-inline: auto; } .ba-page-contacto .ba-contact-location__content { padding-inline: clamp(3rem, 5vw, 5rem); } .ba-page-contacto .ba-contact-map { min-height: 42rem; } } @media (max-width: 47.99rem) { .ba-page-contacto .ba-contact-health-notice { padding: var(--ba-space-lg); } .ba-page-contacto .ba-contact-location__content { padding-inline: var(--ba-gutter); } }