.brand{display:block!important;min-width:0}
.logo{display:grid!important;width:50px!important;height:50px!important;flex:0 0 50px;place-items:center;overflow:hidden;padding:0!important;border:2px solid var(--line)!important;background:#fff!important;box-shadow:3px 3px 0 var(--line)!important}
.logo img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;image-rendering:auto!important}
html[data-visual-mode] .appbar{position:fixed;z-index:30;top:0;right:0;left:0}
html[data-visual-mode] .intro-mark{background:#fff!important;border-color:var(--line)!important}
html[data-visual-mode="serious"] .brand{display:flex!important;width:128px;flex:0 0 128px;flex-direction:column;justify-content:center;align-items:stretch;gap:1px}
html[data-visual-mode="serious"] .serious-brand-line{display:flex;width:100%;align-items:center;justify-content:space-between;color:#111;font:400 10px/1 Arial,Helvetica,sans-serif;letter-spacing:0;white-space:nowrap;text-transform:lowercase}
html[data-visual-mode="serious"] .serious-brand-line>span{display:block}
html[data-visual-mode="serious"] .serious-brand-gap{width:.42em;flex:0 0 .42em}
html[data-visual-mode="serious"] .serious-brand-name{display:block;width:100%;font:900 26px/.86 Maven,system-ui,sans-serif;letter-spacing:-.8px}
html[data-visual-mode="pixel"] .logo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;image-rendering:pixelated!important}

.visual-mode-switch{display:inline-flex;min-width:96px;min-height:42px;flex:none;align-items:center;justify-content:center;gap:7px;border:2px solid var(--line);padding:6px 8px;color:var(--ink);background:#fff;box-shadow:3px 3px 0 var(--line);font:900 10px/1 Maven,system-ui,sans-serif;cursor:pointer}
.visual-mode-switch__track{position:relative;width:30px;height:17px;flex:none;border:2px solid var(--line);background:var(--blue2)}
.visual-mode-switch__thumb{position:absolute;top:2px;left:2px;width:9px;height:9px;background:var(--blue);transition:transform .18s ease,background .18s ease}
html[data-visual-mode="pixel"] .visual-mode-switch__thumb{transform:translateX(13px);background:var(--mint)}
.visual-mode-switch:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

html[data-visual-mode="serious"] img{image-rendering:auto!important}
html[data-visual-mode="serious"] .intro-mark img,
html[data-visual-mode="serious"] .install-card-icon{object-fit:contain!important;background:#fff!important;image-rendering:auto!important}
html[data-visual-mode="serious"] .elemental-face{animation:none!important;transform:none!important}
html[data-visual-mode="serious"] .hero-team-photo img{aspect-ratio:4/3;height:auto;object-fit:contain!important;object-position:center!important}
html[data-visual-mode="serious"] .hero-team-photo canvas{display:none!important}
html[data-visual-mode="serious"] .team-card img{object-fit:cover!important;object-position:center center!important;filter:none!important;background:var(--serious-surface)!important;transition:transform .18s ease}
html[data-visual-mode="serious"] .profile-hero{overflow:hidden}
html[data-visual-mode="serious"] .profile-hero img{object-fit:cover!important;object-position:center 20%!important;filter:none!important}
html[data-visual-mode="serious"] .author img,
html[data-visual-mode="serious"] .read-meta img{object-fit:cover!important;object-position:center!important}
html[data-visual-mode="pixel"] .article-list .list-card>img{height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;background:transparent!important}
html[data-visual-mode="serious"] .continue img,
html[data-visual-mode="serious"] .list-card>img,
html[data-visual-mode="serious"] .read-head>img.cover,
html[data-visual-mode="serious"] .media-visual img,
html[data-visual-mode="serious"] .video-thumbnail img{object-fit:cover!important;object-position:center!important;filter:none!important}
html[data-visual-mode="serious"] .service-card img{aspect-ratio:16/9;object-fit:cover!important;object-position:center 42%!important;filter:none!important}
html[data-visual-mode="serious"] .center-photo img,
html[data-visual-mode="serious"] .book-visual img{image-rendering:auto!important;filter:none!important}

@media(max-width:1100px) and (min-width:760px){
  .logo{width:50px!important;flex-basis:50px}
  .visual-mode-switch{min-width:80px;padding-inline:6px}
}
@media(max-width:759px){
  .logo{width:42px!important;height:42px!important;flex:0 0 42px;box-shadow:none!important}
  .visual-mode-switch{min-width:42px;width:42px;min-height:44px;flex-direction:column;gap:2px;padding:3px;box-shadow:none}
  .visual-mode-switch__label{font-size:7px;line-height:1}
  .visual-mode-switch__track{width:25px;height:14px}
  .visual-mode-switch__thumb{width:8px;height:8px}
  html[data-visual-mode="pixel"] .visual-mode-switch__thumb{transform:translateX(9px)}
  html[data-visual-mode="serious"] .brand{width:105px;flex-basis:105px}
  html[data-visual-mode="serious"] .serious-brand-line{font-size:8px}
  html[data-visual-mode="serious"] .serious-brand-name{font-size:21px;letter-spacing:-.6px}
}
@media(max-width:380px){
  .logo{width:40px!important;height:40px!important;flex-basis:40px}
  .visual-mode-switch{min-width:38px;width:38px;min-height:38px;padding:2px;border-width:1px}
  .visual-mode-switch__label{font-size:6px}
  html[data-visual-mode="serious"] .brand{width:94px;flex-basis:94px}
  html[data-visual-mode="serious"] .serious-brand-line{font-size:7px}
  html[data-visual-mode="serious"] .serious-brand-name{font-size:19px;letter-spacing:-.5px}
  .header-contact .contact-link{width:44px!important;min-height:38px!important}
  .header-contact .contact-link svg{width:23px!important;height:23px!important}
}

/* Propuesta seria: lenguaje clínico contemporáneo, cálido y ligero. */
html[data-visual-mode="serious"]{--paper:var(--serious-bg);--cream:#fff;--ink:var(--serious-ink);--muted:var(--serious-muted);--blue:var(--serious-action);--topbar:var(--serious-bg);--blue2:var(--serious-surface);--mint:var(--serious-accent);--mint2:var(--serious-accent-soft);--peach:var(--serious-accent);--yellow:var(--serious-accent);--pop-soft:var(--serious-bg);--dash:var(--serious-border);--line:var(--serious-action);--shadow:0 12px 32px rgba(var(--serious-shadow-rgb),.10);--soft:0 18px 45px rgba(var(--serious-shadow-rgb),.12)}
html[data-visual-mode="serious"] body,
html[data-visual-mode="serious"] button,
html[data-visual-mode="serious"] input,
html[data-visual-mode="serious"] textarea,
html[data-visual-mode="serious"] select{font-family:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif}
html[data-visual-mode="serious"] body *{font-family:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif!important}
html[data-visual-mode="serious"] body{background:var(--serious-bg)}
html[data-visual-mode="serious"] .app-intro{background:linear-gradient(145deg,var(--serious-bg) 0%,var(--serious-surface) 58%,var(--serious-surface) 100%)}
html[data-visual-mode="serious"] .app-intro::before{display:none}
html[data-visual-mode="serious"] .appbar{border-top:0;border-bottom:2px solid var(--serious-border);background:var(--serious-bg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-visual-mode="serious"] .logo{border:1px solid rgba(var(--serious-shadow-rgb),.24)!important;border-radius:12px;background:#fff!important;box-shadow:0 5px 15px rgba(var(--serious-shadow-rgb),.10)!important}
html[data-visual-mode="serious"] .header-contact a,
html[data-visual-mode="serious"] .visual-mode-switch{border:1px solid rgba(var(--serious-shadow-rgb),.24);border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(var(--serious-shadow-rgb),.07)}
html[data-visual-mode="serious"] .header-contact .header-book{color:#fff;background:var(--serious-action);box-shadow:0 5px 14px rgba(var(--serious-shadow-rgb),.20)}
html[data-visual-mode="serious"] .header-contact svg{border-radius:50%;background:var(--serious-action)}
html[data-visual-mode="serious"] .header-contact .header-book svg{background:rgba(255,255,255,.18)}
html[data-visual-mode="serious"] .header-whatsapp svg{color:#fff;background:#16856b}
html[data-visual-mode="serious"] .screen{background:linear-gradient(180deg,#fff 0,var(--serious-bg) 100%)}
html[data-visual-mode="serious"] h2,
html[data-visual-mode="serious"] h3{letter-spacing:-.035em}
html[data-visual-mode="serious"] .eyebrow,
html[data-visual-mode="serious"] .continue small,
html[data-visual-mode="serious"] .media-card small,
html[data-visual-mode="serious"] .list-card small{font-family:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:.11em}
html[data-visual-mode="serious"] .hero{border:1px solid rgba(var(--serious-shadow-rgb),.16);border-radius:28px;background:linear-gradient(135deg,var(--serious-bg) 0,var(--serious-surface) 100%);box-shadow:0 22px 55px rgba(var(--serious-shadow-rgb),.11)}
html[data-visual-mode="serious"] .hero::before,
html[data-visual-mode="serious"] .hero::after{display:none}
html[data-visual-mode="serious"] .hero-team-photo{border:0;border-radius:20px;background:#fff;box-shadow:0 16px 34px rgba(var(--serious-shadow-rgb),.15);transform:none}
html[data-visual-mode="serious"] .hero-team-photo::after{display:none}
html[data-visual-mode="serious"] .pill,
html[data-visual-mode="serious"] .booking-band a,
html[data-visual-mode="serious"] .profile-book{border:0;border-radius:999px;color:#fff;background:var(--serious-action);box-shadow:0 7px 18px rgba(var(--serious-shadow-rgb),.22)}
html[data-visual-mode="serious"] .section-head button{color:var(--serious-action);text-underline-offset:4px}
html[data-visual-mode="serious"] .continue,
html[data-visual-mode="serious"] .media-card,
html[data-visual-mode="serious"] .list-card,
html[data-visual-mode="serious"] .team-card,
html[data-visual-mode="serious"] .service-card,
html[data-visual-mode="serious"] .center-photo,
html[data-visual-mode="serious"] .center-card,
html[data-visual-mode="serious"] .book-feature{border:1px solid rgba(var(--serious-shadow-rgb),.14);border-radius:18px;box-shadow:0 10px 28px rgba(var(--serious-shadow-rgb),.08)}
html[data-visual-mode="serious"] .continue img,
html[data-visual-mode="serious"] .list-card>img{border-radius:12px}
html[data-visual-mode="serious"] .media-visual,
html[data-visual-mode="serious"] .book-visual{background:var(--serious-surface)}
html[data-visual-mode="serious"] .media-visual::after{display:none}
html[data-visual-mode="serious"] .play{border:0;border-radius:50%;background:#fff;box-shadow:0 8px 20px rgba(var(--serious-shadow-rgb),.20)}
html[data-visual-mode="serious"] .carousel-arrow{border:1px solid rgba(var(--serious-shadow-rgb),.20);border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(var(--serious-shadow-rgb),.08)}
html[data-visual-mode="serious"] .carousel-dots button{border:0;border-radius:999px;background:var(--serious-border)}
html[data-visual-mode="serious"] .filters button{border:1px solid rgba(var(--serious-shadow-rgb),.20);border-radius:999px;background:#fff;box-shadow:none}
html[data-visual-mode="serious"] .filters .active{border-color:var(--serious-action);background:var(--serious-action)}
html[data-visual-mode="serious"] .catalog-search{border:1px solid rgba(var(--serious-shadow-rgb),.22);border-radius:12px;box-shadow:0 5px 16px rgba(var(--serious-shadow-rgb),.06);font-family:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:600}
html[data-visual-mode="serious"] .booking-band,
html[data-visual-mode="serious"] .install-card{border:1px solid rgba(var(--serious-shadow-rgb),.15);border-radius:18px;background:linear-gradient(135deg,var(--serious-accent-soft),var(--serious-bg));box-shadow:0 10px 28px rgba(var(--serious-shadow-rgb),.08)}
html[data-visual-mode="serious"] .install-card-icon{border:1px solid rgba(var(--serious-shadow-rgb),.20);border-radius:14px;box-shadow:none}
html[data-visual-mode="serious"] .install-action,
html[data-visual-mode="serious"] .install-secondary,
html[data-visual-mode="serious"] .profile-contact-actions a,
html[data-visual-mode="serious"] .profile-team-back,
html[data-visual-mode="serious"] .watch-actions button,
html[data-visual-mode="serious"] .watch-actions a{border:1px solid rgba(var(--serious-shadow-rgb),.20);border-radius:999px;box-shadow:none}
html[data-visual-mode="serious"] .team-card img{background:var(--serious-bg)!important}
html[data-visual-mode="serious"] .service-tags span,
html[data-visual-mode="serious"] .profile-tags span{border:0;border-radius:999px;padding-inline:9px;background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .profile-hero{border:1px solid rgba(var(--serious-shadow-rgb),.14);border-radius:24px;background:linear-gradient(135deg,var(--serious-bg),var(--serious-surface));box-shadow:0 15px 36px rgba(var(--serious-shadow-rgb),.09)}
html[data-visual-mode="serious"] .profile-hero img{border:0;border-radius:18px;box-shadow:0 12px 28px rgba(var(--serious-shadow-rgb),.13)}
html[data-visual-mode="serious"] .profile-approach{border-left:3px solid var(--serious-accent);border-radius:0 14px 14px 0;background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .profile-feature-link{overflow:hidden;border:1px solid rgba(var(--serious-shadow-rgb),.14);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(var(--serious-shadow-rgb),.08)}
html[data-visual-mode="serious"] .profile-feature-link img{image-rendering:auto!important}
html[data-visual-mode="serious"] .profile-feature-cta{color:var(--serious-action)}
html[data-visual-mode="serious"] .social-link,
html[data-visual-mode="serious"] .center-actions a{border:1px solid rgba(var(--serious-shadow-rgb),.18);border-radius:12px;box-shadow:none}
html[data-visual-mode="serious"] .site-footer{border:1px solid rgba(var(--serious-shadow-rgb),.14);border-radius:20px;background:var(--serious-bg);box-shadow:0 10px 28px rgba(var(--serious-shadow-rgb),.07)}
html[data-visual-mode="serious"] .tabbar{border:1px solid rgba(var(--serious-shadow-rgb),.16);border-bottom:0;border-radius:22px 22px 0 0;background:rgba(255,255,255,.96);box-shadow:0 -10px 35px rgba(var(--serious-shadow-rgb),.10);backdrop-filter:blur(16px)}
html[data-visual-mode="serious"] .tabbar a{border-right:0;background:transparent;font-family:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif}
html[data-visual-mode="serious"] .tabbar a[aria-current="page"]{color:var(--serious-action);background:var(--serious-accent-soft);box-shadow:inset 0 3px 0 var(--serious-accent)}
html[data-visual-mode="serious"] .quote{border:0;border-left:3px solid var(--serious-accent);border-radius:0 14px 14px 0;background:var(--serious-accent-soft);box-shadow:none}
html[data-visual-mode="serious"] .read-head{border-bottom:1px solid rgba(var(--serious-shadow-rgb),.18)}
html[data-visual-mode="serious"] .back{border:0;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 5px 15px rgba(var(--serious-shadow-rgb),.12)}
html[data-visual-mode="serious"] .brand{display:block!important;width:auto;flex:0 0 auto;align-items:initial;justify-content:initial;gap:0}
html[data-visual-mode="serious"] .brand,
html[data-visual-mode="serious"] .brand *{font-family:Maven,system-ui,sans-serif!important}

/* Complete the serious variant, including dynamically inserted article features. */
html[data-visual-mode="serious"]{--card-line:1px solid rgba(var(--serious-shadow-rgb),.16);--card-elevation:0 10px 28px rgba(var(--serious-shadow-rgb),.08)}
html[data-visual-mode="serious"] :is(.sport-home-link,.research-feature,.research-explorer,.cafe-conversation,.cafe-session,.cafe-calendar,.cafe-next,.install-dialog,.article-share-dialog,.read-head,.watch-head){border:var(--card-line);border-radius:22px;box-shadow:var(--card-elevation);overflow:hidden}
html[data-visual-mode="serious"] :is(.sport-home-link,.research-feature,.research-explorer,.cafe-conversation,.cafe-session,.cafe-calendar){background:var(--serious-bg)}
html[data-visual-mode="serious"] .sport-home-link{padding:20px;gap:24px}
html[data-visual-mode="serious"] .sport-home-link img{border-radius:14px;image-rendering:auto}
html[data-visual-mode="serious"] .sport-home-link>strong{border:0;border-radius:50%;box-shadow:none;color:#fff;background:var(--serious-action)}
html[data-visual-mode="serious"] .research-feature-visual{border:0;background:var(--serious-surface)}
html[data-visual-mode="serious"] .research-feature-visual>img{border-radius:14px;image-rendering:auto}
html[data-visual-mode="serious"] .research-feature-author img{border:0;border-radius:50%;image-rendering:auto}
html[data-visual-mode="serious"] :is(.research-feature-tag,.video-series,.profile-feature-meta span,.cafe-reader #read-kicker){border:0;border-radius:8px;box-shadow:none;background:var(--serious-accent-soft);color:var(--serious-action)}
html[data-visual-mode="serious"] :is(.research-feature-link,.research-pdf,.research-controls button,.cafe-themes button,.cafe-next a,.article-share-trigger,.article-share-actions button,.install-close,.book-format,.original-link,.save){border:var(--card-line);border-radius:12px;box-shadow:none}
html[data-visual-mode="serious"] :is(.research-feature-link,.cafe-next){background:var(--serious-action);color:#fff}
html[data-visual-mode="serious"] :is(.install-option,.cafe-question,.research-result,.research-note,.cafe-home-calendar,.article-share-url,.article-share-device){border:var(--card-line);border-radius:14px;box-shadow:none;background:#fff}
html[data-visual-mode="serious"] .cafe-reader .quote{box-shadow:none;background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .cafe-reader #share-article{border:var(--card-line);box-shadow:none}
html[data-visual-mode="serious"] .cafe-date-grid li{border:var(--card-line);border-radius:12px;box-shadow:none;overflow:hidden}
html[data-visual-mode="serious"] .cafe-step-number{border:0;border-radius:50%;box-shadow:none;background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .language-picker{border:var(--card-line);border-radius:12px;box-shadow:none;overflow:hidden}
html[data-visual-mode="serious"] :is(.progress,.video-thumbnail){border:0}
html[data-visual-mode="serious"] .progress{border-radius:999px;background:var(--serious-surface)}
html[data-visual-mode="serious"] :is(.article-slide,.entresesiones-slide){animation-timing-function:ease}
html[data-visual-mode="serious"] .continue{padding:20px;gap:24px;background:#fff}
html[data-visual-mode="serious"] .continue img{border:0;box-shadow:none;background:var(--serious-bg);image-rendering:auto}
/* Keep the interactive diagrams, but replace their blocky decoration. */
html[data-visual-mode="serious"] :is(.cafe-pixel-table,.research-pixel-lab){border:var(--card-line);border-radius:16px;background:var(--serious-bg)}
html[data-visual-mode="serious"] :is(.cafe-cup,.cafe-bubble,.cafe-book,.pixel-light,.pixel-brain){border-radius:12px;box-shadow:none;border-width:2px;clip-path:none}
html[data-visual-mode="serious"] :is(.cafe-cup i,.cafe-bubble,.pixel-light i,.pixel-brain b){animation-timing-function:ease-in-out}
html[data-visual-mode="serious"] .cafe-bubble i{border-radius:50%}
html[data-visual-mode="serious"] .pixel-brain{border:2px solid var(--serious-accent);border-radius:50%;background:var(--serious-accent-soft)}
html[data-visual-mode="serious"] .pixel-brain span{border-radius:4px}
html[data-visual-mode="serious"] :is(.book-feature,.guest-title)::after,
html[data-visual-mode="serious"] .guest-title::before{display:none}
html[data-visual-mode="serious"] :is(.install-dialog,.article-share-dialog){overflow:auto}
html[data-visual-mode="serious"] :is(.install-modal-close,.article-share-dialog button){border:var(--card-line);border-radius:12px;box-shadow:none}
html[data-visual-mode="serious"] .article-share-trigger::before{content:"↗";position:static;display:inline-block;width:auto;height:auto;margin:0 8px 0 0;background:none;box-shadow:none;font-size:20px;line-height:1}
html[data-visual-mode="serious"] .author:hover{border-radius:8px;box-shadow:none}