/* Corrección de identidad: grafito, gris SOYPUMA, blanco y acentos dorados. */
:root{--ink:#1d1e20;--gray:#56585e;--navy:#34363b;--gold:#ad7d2f}
body{background:#f4f4f4;color:var(--ink)}header{background:#fff;color:#56585e;border-bottom:1px solid #e3e4e6;box-shadow:0 3px 12px #00000004}.brand{color:#56585e}.brand img{filter:grayscale(1);opacity:.77}.brand small{color:#777a80}nav{color:#56585e}.sound-toggle{border-color:#dedfe2;background:#f7f7f7;color:#56585e}.sound-toggle:hover{background:#eee}.sound-toggle>span:first-child{color:#9d742f}
.hero{color:var(--ink);padding:42px 5px 35px;gap:35px}.hero:before{background:radial-gradient(ellipse at 81% 49%,#fff 0%,#ffffff00 63%);border-radius:0}.hero:after{display:none}.hero h1{color:#2d3035;font-size:clamp(40px,4.6vw,58px)}.hero h1 span{background-image:linear-gradient(110deg,#926321,#ba8b3c 40%,#a5762b 70%,#b88735);filter:drop-shadow(0 1px 0 #ffebc980)}.hero .eyebrow{color:#77716a}.hero .lead{color:#56585e}.facts{color:#696c72}.facts b{color:#34373d}.compass-aura{background:#fff;opacity:.8;filter:blur(28px)}.compass-caption{background:#fff;color:#56585e;border-color:#dedfe3;box-shadow:0 5px 16px #00000005}.compass-caption i{background:#b68a43;box-shadow:none}.compass-spark{color:#ba9553}.compass-object{filter:drop-shadow(0 20px 15px #00000015)}.compass-premium:hover .compass-object{filter:drop-shadow(0 25px 16px #00000022) brightness(1.03)}
.hero-cta{background:linear-gradient(#62656b,#51545a)!important;color:#fff!important;border-color:#505258!important;box-shadow:inset 0 1px 0 #81848a,0 4px 0 #35373c,0 9px 15px #0000000b!important}.hero-cta:hover{background:linear-gradient(#6c6e74,#585b60)!important;box-shadow:inset 0 1px 0 #8d8f94,0 5px 0 #35373c,0 12px 18px #0000000e!important}
.level-card{border-color:#dedfe2;background:#fff;box-shadow:0 5px 0 #e0e1e3,0 13px 23px #00000004}.level-card:hover{box-shadow:0 7px 0 #e0e1e3,0 17px 27px #00000008}.level-card .number{color:#77716a}.level-card h3{color:#292b2f}.level-card button{background:linear-gradient(#62656b,#51545a)!important;color:white!important;border-color:#505258!important;box-shadow:inset 0 1px 0 #81848a,0 4px 0 #35373c,0 9px 15px #00000009!important}.level-card button:hover{background:linear-gradient(#6c6e74,#585b60)!important}.level-card button span{color:#e3bd78}.eyebrow{color:#77716a}.profile{background:linear-gradient(125deg,#62656b,#42454a);border-color:#56585e;box-shadow:0 10px 20px #00000009}.profile h2{color:white}.profile p,.bars small{color:#e1e2e4}.profile .eyebrow{color:#f1d49c}.result-card h3,.comparison-grid h3,.question-heading h1,.section-title h2,.plan h2,.compare h2{color:#2c2f34}.option{box-shadow:0 4px 0 #e1e2e4,0 7px 11px #00000003}.option.selected{color:#36383d}.decision-modes .active{color:#36383d!important}.question-orb{color:#383734}.wizard-actions #next{color:#353332}.hero .facts{gap:28px}.comparison-status{color:#56585e}.reflection textarea{color:#292b2f}.try>b,.school-info>b{color:#292b2f}
@media(min-width:601px) and (max-width:760px){.hero{padding:27px 5px 25px;gap:5px}.hero h1{font-size:44px}.compass-premium{width:260px;margin:-4px auto 0}}
@media(max-width:600px){.hero{padding:28px 0 24px;margin-top:7px;gap:2px}.hero h1{font-size:40px}.hero .lead{font-size:14px}.compass-premium{width:245px;margin:8px auto 0}.hero .eyebrow{font-size:9px}.hero .facts{gap:18px}.hero-cta{align-self:flex-start}.sound-toggle{background:#f5f5f5}.facts b{font-size:20px}}
.hero h1 span{background-image:linear-gradient(112deg,#c78d34 0%,#d09848 15%,#f3bf54 32%,#d09038 49%,#e0a848 65%,#f2c15a 81%,#cc9139 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #9a6a2a55) drop-shadow(0 3px 3px #8e6b2418)}
@media print{.profile{background:#eee;color:#333}.profile h2,.profile p,.bars small{color:#333}}

.music-panel[hidden]{display:none!important}
.music-panel{position:fixed;z-index:100;right:20px;bottom:20px;width:360px;max-width:calc(100vw - 24px);padding:16px;background:#fff;border:1px solid #e6e8eb;border-radius:18px;box-shadow:0 12px 44px #1d1e2029;color:#1d1e20}
.music-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.music-heading strong{display:block;font-size:18px}.music-heading small{display:block;color:#56585e;margin-top:3px}.music-heading button{border:0;background:#f1f1f1;color:#56585e;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}
#music-player iframe{display:block;border:0;width:100%;height:210px;border-radius:10px}
#music-play{display:block;width:100%;padding:15px;border:0;border-radius:10px;color:#fff;background:#56585e;font:inherit;font-weight:600;cursor:pointer}#music-player p{font-size:13px;line-height:1.5;color:#56585e;margin:12px 0}.music-panel>a{display:inline-block;font-size:12px;color:#56585e;margin-top:12px}
@media(max-width:600px){.music-panel{right:12px;bottom:12px}header nav{flex-wrap:wrap}#music-toggle{font-size:12px;padding:8px 10px}}

#music-play{text-align:center;text-decoration:none;box-sizing:border-box}.music-panel .music-heading button{background:#f1f1f1;background-image:none;box-shadow:none;color:#56585e;transform:none}

/* Control discreto de música, sin ocupar espacio del recorrido. */
.music-volume{display:inline-flex;align-items:center;gap:8px;color:#56585e;margin:0;padding:6px 0;flex:none;line-height:1}.music-volume input[type=range]{appearance:none;-webkit-appearance:none;width:72px;min-width:0;height:4px;padding:0;margin:0;border:0;border-radius:6px;background:linear-gradient(to right,#56585e var(--volume,30%),#dedfe1 var(--volume,30%));box-shadow:none;cursor:pointer}.music-volume input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#56585e;border:2px solid #fff;box-shadow:0 1px 3px #0003}.music-volume input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#56585e;border:2px solid #fff;box-shadow:0 1px 3px #0003}.music-volume input:focus-visible{outline:2px solid #a58447;outline-offset:6px}@media(max-width:480px){.music-volume{gap:5px}.music-volume input[type=range]{width:58px}}

.music-volume input[type=range]{min-height:4px;max-height:4px;align-self:center;background-color:#dedfe1;filter:none;transform:none}.music-volume{min-height:32px}.music-volume input[type=range]::-webkit-slider-runnable-track{height:4px;border:0;background:transparent;border-radius:6px}.music-volume input[type=range]::-webkit-slider-thumb{margin-top:-3.5px}

/* Dorado de portada, también en resultados e impresión. */
:root{--gold-gradient:linear-gradient(112deg,#c78d34 0%,#d09848 15%,#f3bf54 32%,#d09038 49%,#e0a848 65%,#f2c15a 81%,#cc9139 100%)}
.result-heading h1 span,.rank{background:var(--gold-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #9a6a2a33)}
.results .eyebrow,.result-card summary{color:#56585e}.admission{margin-top:20px;padding-top:18px;border-top:1px solid #e6e8eb}.admission>b{color:#56585e;font-size:13px}.admission p{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;margin:12px 0}.admission p span{flex:1 1 140px}.admission strong,.admission-score b{color:#34363b;font-weight:700}.admission a{font-size:11px}.admission small,.admission-note .fine{display:block;color:#56585e;font-size:11px;line-height:1.6}.admission-score{display:block;margin:7px 0}.admission-note{padding:24px;background:#fff;border:1px solid #e6e8eb;border-radius:16px;margin:24px 0}.admission-note p{font-size:13px;line-height:1.7}
@media print{.music-volume{display:none!important}.result-heading h1 span,.rank{background:var(--gold-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;filter:none}.admission,.school-item{break-inside:avoid}.admission-note{border-color:#ddd}.results .eyebrow{color:#56585e!important}}

.results .profile .eyebrow{color:#f1d49c}@media print{.results .profile .eyebrow{color:#56585e!important}}

/* Profundidad sutil, con los colores aprobados. */
.level-card,.result-card,.comparison-grid article{box-shadow:inset 0 1px 0 #fff,0 5px 0 #e0e1e3,0 13px 26px #1d1e2010;border-color:#dedfe2}.option{box-shadow:inset 0 1px 0 #fff,0 4px 0 #dfe1e4,0 8px 15px #1d1e2009}.profile{box-shadow:inset 0 1px 0 #ffffff26,0 5px 0 #36383c,0 13px 25px #1d1e2015}.compare,.plan,.admission-note{box-shadow:inset 0 1px 0 #fff,0 3px 0 #e6e7e9,0 10px 22px #1d1e2009}.compass-object{filter:drop-shadow(0 24px 18px #00000024)}.result-heading h1,.hero h1{filter:drop-shadow(0 2px 0 #ffffff80)}
@media(hover:hover){.result-card{transition:transform .2s,box-shadow .2s}.result-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 7px 0 #e0e1e3,0 17px 29px #1d1e2013}}
@media(prefers-reduced-motion:reduce){.result-card{transition:none}.result-card:hover{transform:none}}
@media print{.level-card,.result-card,.comparison-grid article,.option,.profile,.compare,.plan,.admission-note{box-shadow:none!important}.hero h1,.result-heading h1{filter:none}}

.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.school-item>a{display:inline-block;font-size:12px;margin:7px 0}.admission-note h3{margin-bottom:12px}@media(max-width:700px){.result-grid{grid-template-columns:1fr}}