@import url('/serious-typography.css?v=151');
/* Palette 2 — Tinta y albaricoque. Shared by the app, legal pages and sport.
   Pixel mode and meaningful diagram/flag/photo colours remain unchanged. */
html[data-visual-mode="serious"] {
  --serious-bg:#F5F6F8;
  --serious-surface:#E5EBF3;
  --serious-ink:#202D43;
  --serious-muted:#536175;
  --serious-action:#294B76;
  --serious-accent:#EAAF87;
  --serious-accent-soft:#FAEADC;
  --serious-border:#CBD3DF;
  --serious-shadow-rgb:32,45,67;
  --paper:var(--serious-bg);--cream:#fff;
  --ink:var(--serious-ink);--muted:var(--serious-muted);
  --blue:var(--serious-action);--blue2:var(--serious-surface);
  --topbar:var(--serious-bg);--mint:var(--serious-accent);
  --mint2:var(--serious-accent-soft);--yellow:var(--serious-accent);
  --peach:var(--serious-accent);--pop-soft:var(--serious-bg);
  --dash:var(--serious-border);--line:var(--serious-action);
  accent-color:var(--serious-action);
}
html[data-visual-mode="serious"] ::selection{color:var(--serious-ink);background:var(--serious-accent)}
html[data-visual-mode="serious"] :focus-visible{outline-color:var(--serious-action)}
html[data-visual-mode="serious"] .brand small{color:var(--serious-muted)}
html[data-visual-mode="serious"] .language-picker{background:var(--serious-surface)}
html[data-visual-mode="serious"] .language-picker button[aria-pressed="true"]{background:var(--serious-action);color:#fff}
html[data-visual-mode="serious"] .language-picker button:hover:not([aria-pressed="true"]){background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .header-contact .contact-details .contact-link,
html[data-visual-mode="serious"] .header-contact .header-whatsapp{background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .header-contact .header-book{background:var(--serious-action);color:#fff}
html[data-visual-mode="serious"] .hero-ratings a>span{color:var(--serious-action)}
html[data-visual-mode="serious"] .review-stars{color:var(--serious-action);background-image:linear-gradient(to right,var(--serious-action) var(--rating-fill),var(--serious-surface) var(--rating-fill))}
html[data-visual-mode="serious"] :is(.cafe-feature,.cafe-reader){--mint:var(--serious-accent);--mint2:var(--serious-accent-soft);--blue:var(--serious-action);--muted:var(--serious-muted)}
html[data-visual-mode="serious"] .cafe-feature .research-feature-visual{background:var(--serious-surface)}
html[data-visual-mode="serious"] .cafe-feature .research-feature-link,
html[data-visual-mode="serious"] .cafe-themes button[aria-pressed="true"]{background:var(--serious-action);color:#fff;box-shadow:none}
html[data-visual-mode="serious"] .cafe-reader #read-title,
html[data-visual-mode="serious"] .cafe-reader .article-copy>h3{color:var(--serious-ink);border-left-color:var(--serious-accent)}
html[data-visual-mode="serious"] .cafe-session li:not(:last-child)::before{background:var(--serious-border)}
html[data-visual-mode="serious"] .cafe-session li:nth-child(even) .cafe-step-number{background:var(--serious-accent)}
html[data-visual-mode="serious"] .cafe-date-grid li time{border-top-color:var(--serious-accent);background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .cafe-support{background:var(--serious-bg);border-left-color:var(--serious-accent)}
html[data-visual-mode="serious"] .cafe-next-links a,
html[data-visual-mode="serious"] .cafe-next-links a:first-child{background:var(--serious-accent);color:var(--serious-ink)}
html[data-visual-mode="serious"] :is(.cafe-cup,.cafe-cup i){background:var(--serious-surface)}
html[data-visual-mode="serious"] :is(.cafe-bubble,.cafe-bubble.bubble-two,.cafe-book){background:var(--serious-accent)}
html[data-visual-mode="serious"] .cafe-pixel-table{box-shadow:none}
html[data-visual-mode="serious"] .legal-summary{background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .legal-facts div+div{border-color:var(--serious-border)}
html[data-visual-mode="serious"] :is(.legal-facts,.legal-card,.legal-header,.legal-footer){border-color:var(--serious-border)}
html[data-visual-mode="serious"][data-sport-page] body{background:var(--serious-bg)}
html[data-visual-mode="serious"][data-sport-page] .site-head{background:var(--serious-bg);border-color:var(--serious-border)}
html[data-visual-mode="serious"][data-sport-page] .hero{background:var(--serious-surface);border-color:var(--serious-border)}
html[data-visual-mode="serious"][data-sport-page] .lead{color:var(--serious-muted)}
html[data-visual-mode="serious"][data-sport-page] :is(.primary,.head-cta){background:var(--serious-action);color:#fff}
html[data-visual-mode="serious"][data-sport-page] :is(.secondary,.mode){background:#fff;border-color:var(--serious-border)}
html[data-visual-mode="serious"][data-sport-page] .online{background:linear-gradient(135deg,var(--serious-accent-soft),var(--serious-bg))}
html[data-visual-mode="serious"][data-sport-page] :is(.profile picture,.credentials span){background:var(--serious-surface)}
html[data-visual-mode="serious"][data-sport-page] .final-cta{background:var(--serious-action)}
html[data-visual-mode="serious"][data-sport-page] .final-cta .eyebrow{color:var(--serious-accent)}
html[data-visual-mode="serious"][data-sport-page] .final-cta p{color:var(--serious-bg)}
html[data-visual-mode="serious"][data-sport-page] .final-cta small{color:var(--serious-surface)}
html[data-visual-mode="serious"][data-sport-page] footer{background:var(--serious-surface)}
html[data-visual-mode="serious"][data-sport-page] .sport-life figure{background:var(--serious-surface)}
html[data-visual-mode="serious"][data-sport-page] .final-cta .primary{background:var(--serious-accent);color:var(--serious-ink)}
html[data-visual-mode="serious"][data-sport-page] .final-cta :focus-visible{outline-color:var(--serious-accent)}

/* Header controls: a clean filled WhatsApp glyph, and readable booking text. */
html[data-visual-mode] .header-contact .header-whatsapp svg{
  width:28px;height:28px;padding:0;flex:none;
  fill:currentColor;stroke:none;color:#16856B;background:transparent;border-radius:0;
}
html[data-visual-mode="serious"] .header-contact .header-book{
  font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.01em;
  min-height:44px;padding:10px 18px;gap:9px;
}
html[data-visual-mode="serious"] .header-contact .header-book svg{
  width:20px;height:20px;padding:0;border-radius:0;background:transparent;stroke-width:1.8;
}
html[data-visual-mode="serious"] .header-book :is(.contact-desktop,.contact-mobile){font-weight:700}
@media(max-width:759px){
  html[data-visual-mode] .header-contact .header-whatsapp svg{width:23px;height:23px}
  html[data-visual-mode="serious"] .header-contact .header-book{font-size:11px;min-height:36px;padding:7px 8px;letter-spacing:0}
}
@media(max-width:380px){
  html[data-visual-mode] .header-contact .header-whatsapp svg{width:21px;height:21px}
  html[data-visual-mode="serious"] .header-contact .header-book{font-size:11px;padding:7px 7px}
  html[data-visual-mode="serious"] .header-book .contact-desktop{display:none}
  html[data-visual-mode="serious"] .header-book .contact-mobile{display:inline}
  html[data-visual-mode="serious"] .header-contact .header-whatsapp{width:34px!important;padding:5px;min-width:34px}
}
@media(max-width:340px){
  html[data-visual-mode="serious"] .appbar .logo{width:32px!important;height:32px!important;flex-basis:32px}
  html[data-visual-mode="serious"] .appbar{gap:1px}
  html[data-visual-mode="serious"] .appbar .brand{margin-left:0}
}