/* Ajustes aprobados de experiencia y públicos, octubre 2026. */
[hidden]{display:none!important}
.catalog-hero{gap:40px;min-height:0;padding-block:42px}
.catalog-hero h1{font-size:clamp(2.6rem,3.7vw,3.7rem);line-height:1.08;letter-spacing:-.045em;overflow-wrap:normal;margin-block:20px}
.catalog-hero h1>span{display:block;text-shadow:none}
.hero-copy{padding-bottom:0}
.hero-tagline{font-size:1.05rem;color:#f1dcff;margin-bottom:16px}
.catalog-hero .hero-description{font-size:1rem;line-height:1.55}
.catalog-hero .hero-principles{font-size:.88rem}
.catalog-hero .human-signature{margin-top:24px}
.route-map{height:auto;min-height:0;margin-block:18px}
.route-list{position:relative;width:69%;margin-left:31%;height:auto;grid-template-rows:none;grid-auto-rows:auto;gap:9px}
.route-node{min-height:65px;margin:0;padding:12px 10px;line-height:1.35}
.route-node strong{display:block;font-size:.9rem;letter-spacing:0}
.route-node small{display:block;font-size:.75rem;color:#ead6fb;margin-top:4px}
.route-source{top:42%}
.map-panel{padding:20px}
.map-caption{font-size:.68rem}
.profile-selector{margin-bottom:30px}
.profile-selector>p:first-child{color:#f1e4fa;font-size:1rem;margin-bottom:14px}
.profile-filters{display:flex;flex-wrap:wrap;gap:10px}
.profile-filters button{min-height:46px;padding:10px 18px;border:1px solid #d7b9f0;border-radius:999px;background:#ffffff0c;font-size:.9rem;line-height:1.35;color:#fff;transition:background .2s,transform .2s}
.profile-filters button:hover{background:#ffffff22}
.profile-filters button[aria-pressed="true"]{background:#fff;border-color:#fff;color:#64279c;font-weight:700}
.filter-status{font-size:.85rem;color:#e9d9f5;margin-top:14px;min-height:1.5em}
.card-consult{color:#f3dfff;font-size:.86rem}
.course-card-cover{align-self:center;flex:none}
.course-at-a-glance{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 0;padding:18px;border:1px solid #d4a7f580;border-radius:16px;background:#27103c70}
.course-at-a-glance>div:first-child{grid-column:1/-1}
.course-at-a-glance dt{font-size:.75rem;color:#e4cfef;margin-bottom:4px}
.course-at-a-glance dd{margin:0;font-size:.95rem;line-height:1.5;color:#fff}
.course-description{margin-top:24px}
.consultation-payment{grid-column:1/-1}
.motion-toggle{width:auto;padding:8px 10px;gap:7px;line-height:1}
.motion-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:.68rem;max-width:10ch;line-height:1.25;text-align:left}
.course-hero{padding-top:26px;gap:40px}
.back-link{margin-bottom:22px}
@media(max-width:1100px){.header-controls{gap:12px}.site-nav{gap:16px}.catalog-hero{gap:26px;padding-inline:24px}.catalog-hero h1{font-size:clamp(2.4rem,4vw,3.2rem)}}
@media(max-width:850px){.catalog-hero{padding:34px 0;gap:0}.catalog-hero h1{font-size:clamp(2.7rem,6.5vw,3.6rem)}.catalog-hero::before{inset:0 -25% 0 35%;opacity:.23;mask-image:linear-gradient(90deg,transparent,#000 55%)}.hero-copy{max-width:650px;padding-bottom:0}.course-hero{gap:26px}}
@media(max-width:640px){
  html{scroll-padding-top:94px}
  .header-inner{flex-wrap:nowrap;min-height:78px;padding-block:10px}
  .brand{font-size:.9rem;gap:7px}
  .brand-mark{width:44px;height:44px;flex-basis:44px}
  .brand small{font-size:.54rem;letter-spacing:.03em}
  .header-controls{flex-wrap:nowrap;gap:6px}
  .motion-toggle{padding:6px;gap:4px;font-size:1rem}
  .motion-label{font-size:.6rem;max-width:7ch}
  .menu-button{padding:6px 9px;gap:5px!important;font-size:.75rem!important}
  .catalog-hero{width:calc(100% - 36px);padding-block:30px}
  .catalog-hero h1{font-size:clamp(2.4rem,9.5vw,3rem);line-height:1.08;margin-block:18px}
  .hero-tagline{font-size:.94rem;margin-bottom:14px}
  .catalog-hero .hero-description{font-size:.95rem}
  .catalog-hero .hero-principles{font-size:.8rem;margin-top:14px}
  .catalog-hero .actions{margin-top:20px;gap:12px}
  .catalog-hero .human-signature{margin-top:22px}
  .human-signature p{font-size:.8rem}
  .profile-filters{gap:8px}
  .profile-filters button{padding:9px 13px;font-size:.85rem}
  .course-card{padding:20px 20px 0}
  .course-card-cover{width:calc(100% + 40px);margin:-20px -20px 18px;aspect-ratio:1.65/1;max-height:235px}
  .course-card h3{font-size:1.5rem;margin-bottom:12px}
  .card-top{margin-bottom:14px}
  .card-description{font-size:.95rem;margin-bottom:16px}
  .course-hero{padding-block:22px 30px}
  .back-link{margin-bottom:18px}
  .course-intro h1{font-size:clamp(1.9rem,8vw,2.4rem);line-height:1.12;margin-block:16px}
  .course-at-a-glance{gap:12px;margin-top:18px;padding:15px}
  .course-at-a-glance dd{font-size:.9rem}
  .course-intro .actions{margin-top:18px}
  .course-description{margin-top:20px}
  .course-cover{max-width:360px;margin-inline:auto}
  .course-section{padding-block:32px}
}
