/* Paleta clara basada en los amarillos del sitio original Comander. */
:root{--gold:#ffbf19;--paper:#faf8f1;--ink:#202020;--muted:#65635b;--line:#e5e1d6}
.topbar{background:#292929;color:#e7e5dd}.header,footer{background:#171717}.header{border-color:#393939}.brand>span{color:#ffdc27}.brand small{color:#eee9dc}
.hero{background:linear-gradient(125deg,#fffcf5 0%,#faf8f1 65%,#fff2ce 100%);color:var(--ink)}
.hero .eyebrow{color:#775314}.hero h1 em{color:var(--ink);background:linear-gradient(transparent 73%,#ffbf1966 73%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero p{color:#59574f}.hero-meta{color:#65615c}.hero .button.ghost{color:var(--ink);border-color:#bbb5a5;background:#ffffff90}
.hero-photo,.hero-photo img{background:#e9e3d6}.hero-photo:after{background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72) 100%)}
.photo-caption{color:#fff}.photo-caption span,.photo-caption a{color:#ffda6e}.carousel-controls button{color:#292929;border-color:#bfb9aa;background:#fffdf7}.carousel-dots button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#171717}
.path-strip,.page-intro{background:#f2eee4}.path-grid a{border-color:#ded8ca}.path-grid a>span,.path-grid small,.breadcrumb{color:#70695b}
.eyebrow.dark{color:#775314}.tag{background:#fff1c9;color:#715216}.business{background:#292929}.business p{color:#d0cdc4}.service-list a{border-color:#55514a}
.prose.panel,.course-card,.panel,.seal-card{background:#fff}.course-card:hover{border-color:#c9b578}.footer-grid p,.footer-grid a{color:#c8c6bd}.footer-bottom{border-color:#44413b}.header nav{background:#171717}
.button,.course-card,.seal-card,.guide-launcher{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
@media(hover:hover){.course-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #29251b14}.button:hover{transform:translateY(-2px)}.seal-card:hover{border-color:#c9b578;box-shadow:0 6px 16px #29251b0c}}
/* El contenido sigue visible sin JavaScript o con movimiento reducido. */
.hero-copy>*{animation:hero-enter .45s ease-out both}.hero-copy>p{animation-delay:.07s}.hero-copy>.actions{animation-delay:.14s}.hero-copy>.hero-meta{animation-delay:.21s}
@keyframes hero-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.reveal-ready{opacity:0;transform:translateY(12px);transition:opacity .45s ease-out,transform .45s ease-out}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
.brand-slide.is-entering{animation:slide-fade .35s ease-out both}@keyframes slide-fade{from{opacity:.25}to{opacity:1}}
.guide-launcher{animation:assistant-arrive .45s ease-out,assistant-halo 1.4s ease-out .65s 2}.guide-launcher[aria-expanded=true],.guide-launcher.is-engaged{animation:none}
@keyframes assistant-halo{0%{box-shadow:0 0 0 0 #25d36640}100%{box-shadow:0 0 0 12px #25d36600}}
@media(max-width:760px){.header nav{background:#171717}.hero-copy>*{animation-duration:.35s}.reveal-ready{transform:translateY(8px);transition-duration:.35s}}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.brand-slide.is-entering,.guide-launcher,.assistant-greeting{animation:none!important}.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}.course-card:hover,.button:hover,.guide-launcher:hover{transform:none}.button,.course-card,.seal-card,.guide-launcher{transition:none}}