/* Mouratoglou Tennis Center São Paulo (Brazil), center-sao-paulo.html: opening 2030 at Heritage Riviera (Cyrela).
   Light level-2 pages built from the official page content only (it has no child pages):
   sao-paulo-heritage-riviera.html, sao-paulo-facilities.html, sao-paulo-gallery.html.
   Center menu (data-center-menu): HERITAGE RIVIERA, FACILITIES, GALLERY, CONTACT (center page #contact), DESTINATIONS.
   Mobile burger and pills: center-mobile-nav.js; on the center page the pills are cloned from .sp-jumps (hidden).
   Layout of the sub-pages: atlanta-pages.css (.center-subpage); this file re-colours it for the light
   international theme, like calatrava-pages.css. Classes: .sp-page (all 4 pages), .sp-subpage (sub-pages). */
@font-face{font-family:'Geometria Figures';src:url('fonts/Geometria-Heavy.otf') format('opentype');font-weight:100 900;font-style:normal;font-display:swap;size-adjust:70%}

.sp-page{--academy-accent:#1f92f0}

/* ---------- Header: 4 center links + DESTINATIONS on one line ---------- */
@media(min-width:901px){
  .sp-page .center-menu-header .generic-header-links a,.sp-page .center-menu-header .generic-header-actions a{white-space:nowrap}
}

/* ---------- Status badge (hero + summary) ---------- */
.sp-status{display:inline-flex;align-items:center;gap:8px;margin:0 0 26px;padding:9px 16px;border:1px solid rgba(255,255,255,.7);border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;background:rgba(0,25,55,.35);backdrop-filter:blur(6px)}
.sp-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#1f92f0}
.sp-status-small{margin:0 6px 0 0;padding:6px 11px;font-size:10px;border-color:#001937;background:transparent;backdrop-filter:none;vertical-align:1px}

/* In-page jumps: only used as the source of the mobile pills (center-mobile-nav.js). */
.sp-jumps{display:none!important}

/* ---------- Intro / contact copy ---------- */
.sp-intro-copy{border-top:2px solid #001937;padding-top:24px}
.sp-intro-copy p{margin:0 0 18px;font-size:17px;line-height:1.75;color:#00349d}
.sp-intro-copy .sp-lead{font-weight:700;color:#001937;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.sp-page .international-intro .sp-intro-copy{border-top-color:#001937}
.sp-contact{background:#faf8f4}
.sp-contact .atl-actions{margin-top:28px}
.sp-pill-dark{background:#001937;color:#fff!important;border-color:#001937}
.sp-pill-dark:hover{background:#00349d!important;color:#fff!important}

/* ---------- Facilities: figures, photo, wider destination ---------- */
.sp-figures{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:2px solid #001937;border-bottom:1px solid rgba(0,25,55,.25)}
.sp-figures li{padding:28px 24px 30px 0;border-right:1px solid rgba(0,25,55,.25)}
.sp-figures li+li{padding-left:28px}
.sp-figures li:last-child{border-right:0}
.sp-figures strong{display:block;font-family:'Geometria Figures',Impact,sans-serif;font-weight:900;font-size:clamp(72px,8vw,128px);line-height:.9;color:#001937}
.sp-figures span{display:block;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00349d}
.sp-facilities-photo{margin:0;border-radius:8px;overflow:hidden}
.sp-facilities-photo img{display:block;width:100%;height:100%;min-height:320px;max-height:520px;object-fit:cover}
.sp-amenities{border-top:2px solid #001937;padding-top:24px}
.sp-amenities>p:not(.eyebrow){margin:10px 0 22px;font-size:17px;line-height:1.75;color:#00349d}
.sp-amenities ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.sp-amenities li{border:1px solid rgba(0,25,55,.35);border-radius:99px;padding:9px 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* ---------- Center page: DISCOVER links to the sub-pages ---------- */
.sp-page .atl-more-link{margin-top:6px;color:var(--intl-navy)!important;border-bottom-color:var(--intl-blue)}
.sp-page .atl-more-link:hover{color:#00349d!important}
.sp-amenities .atl-more-link{margin-top:26px}
.sp-gallery-link{display:flex;width:max-content;margin:18px auto 0}

/* ---------- Sub-pages (light international theme) ---------- */
.sp-subpage .hero-copy .sp-status{margin-bottom:22px}
.sp-page .pill.atl-ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.72)!important}
.sp-page .pill.atl-ghost:hover{background:#fff!important;color:var(--intl-navy)!important;border-color:#fff!important}
.sp-subpage .center-summary.atl-facts p{color:var(--intl-navy)}
.sp-subpage .atl-intro-copy{border-top-color:var(--intl-blue)}
.sp-subpage .atl-intro-copy p{color:#00349d}
.sp-subpage .atl-intro-copy strong{color:var(--intl-navy)}
html body.sp-subpage .international-methodology{background:#00349d!important}
html body.sp-subpage .international-methodology.atl-split-navy{background:var(--intl-navy)!important}
.sp-subpage .international-methodology .eyebrow{color:var(--intl-sand)!important}
html body.sp-subpage .international-methodology p.atl-card-label{margin:6px 0 14px;font-size:11px!important;line-height:1.4!important;letter-spacing:.17em;color:var(--intl-sand)!important}
.sp-subpage .international-methodology .atl-list li:before{background:var(--intl-sand)}
.sp-subpage .international-methodology .atl-list{margin-bottom:26px}
.sp-subpage .international-methodology .pill:not(.light){color:#fff;border-color:rgba(255,255,255,.72)}
.sp-subpage .international-methodology .pill:not(.light):hover{background:#fff;color:var(--intl-navy)}
html body.sp-subpage .international-gallery.gallery-strip{background:#fff!important;padding-top:0}
html body.sp-subpage .destination-band p:not(.eyebrow){color:var(--intl-navy)}
.sp-subpage .destination-band .eyebrow{color:#fff}
.sp-subpage .destination-band .pill:not(.light){color:var(--intl-navy);border-color:var(--intl-navy)}
.sp-subpage .destination-band .pill:not(.light):hover{background:var(--intl-navy);color:#fff}
.sp-subpage .atl-explore .eyebrow{color:var(--intl-blue)}
.sp-subpage .atl-explore .pill{color:#fff;border-color:rgba(255,255,255,.72)}
.sp-subpage .atl-explore .pill:hover{background:#fff;color:var(--intl-navy)}
.sp-subpage .atl-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:900px){
  .sp-status{margin-bottom:20px}
  .sp-subpage .atl-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-figures{grid-column:1}
  .sp-facilities-photo img{min-height:220px}
}
@media(max-width:600px){
  .sp-subpage .atl-explore-grid{grid-template-columns:1fr}
  .sp-figures li{padding:22px 10px 22px 0}
  .sp-figures li+li{padding-left:12px}
  .sp-figures strong{font-size:64px}
  .sp-figures span{font-size:10px;letter-spacing:.08em}
}