/* DUVEO Stream Creators 5.2.48.61.16 · paleta oficial y resultados.
   Azul #0059f9 · Rosa #c70597 · Morado #5c28d1 · Azul marino #000d36. */
.duveo-mi-player-overlay{--mi-blue:var(--duveo-blue,#0059f9);--mi-pink:var(--duveo-pink,#c70597);--mi-purple:var(--duveo-purple,#5c28d1);--mi-navy:var(--duveo-navy,#000d36)}
.duveo-mi-player-overlay:not([hidden]){background:rgba(0,8,35,.80);backdrop-filter:blur(9px)}
.duveo-mi-player-card{background:linear-gradient(150deg,#0c1b49 0%,var(--mi-navy) 74%);color:#fff;border:1px solid #5371af;border-radius:22px;box-shadow:0 20px 54px rgba(0,8,30,.38)}
.duveo-mi-player-eyebrow{background:rgba(0,89,249,.24);color:#dce9ff;border:1px solid #376bda;letter-spacing:.04em}
.duveo-mi-player-head button{background:rgba(255,255,255,.13);color:#fff}
.duveo-mi-player-step{color:#b3c5f2}
.duveo-mi-player-card h2{color:#fff;letter-spacing:-.02em}
.duveo-mi-player-answers{gap:10px}
.duveo-mi-answer{color:#f7f9ff;background:#172953;border:1px solid #40588b;border-radius:14px;min-height:51px;padding:11px 13px;transition:background .15s,border-color .15s,transform .15s}
.duveo-mi-answer span{background:#24489d;color:#fff;border-radius:10px;width:34px;height:34px}
.duveo-mi-answer:focus-visible,.duveo-mi-answer:hover,.duveo-mi-answer.is-picked{border-color:#9faeff;background:linear-gradient(110deg,#1142b3 0%,#4321a3 100%);color:#fff}
.duveo-mi-answer.is-picked{box-shadow:inset 4px 0 var(--mi-pink)}
.duveo-mi-player-feedback{color:#d9e5ff}
.duveo-mi-player-feedback.is-correct{color:#a7eccc}
.duveo-mi-player-feedback.is-wrong{color:#ffb8d6}
.duveo-mi-explanation{color:#d2ddff}
.duveo-mi-player-footer button:not([hidden]){background:linear-gradient(105deg,var(--mi-blue),var(--mi-purple));color:#fff;min-height:46px}
.duveo-mi-player-footer [data-mi-try-again]:not([hidden]){background:#1c3567;color:#fff;border:1px solid #5171b2}
.duveo-mi-player-footer [data-mi-bonus]:not([hidden]){background:var(--mi-pink);color:#fff}
.duveo-mi-player-progress{color:#bbcae9}
.duveo-mi-player-overlay .duveo-mi-respond{color:#a9c5ff}
.duveo-mi-results-actions{margin-top:14px}
.duveo-mi-results-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:150px;padding:9px 17px;border-radius:12px;border:1px solid #567fe4;background:rgba(0,89,249,.15);color:#fff;font-size:.86rem;font-weight:800;cursor:pointer}
.duveo-mi-results-actions button::before{content:'▤';font-size:1.13rem;color:#b2cfff}
.duveo-mi-results-actions button:focus-visible{outline:3px solid #ed9fe3;outline-offset:3px}
.duveo-mi-results:not([hidden]){display:grid;gap:12px;margin-top:12px;border-radius:15px;padding:15px;border:1px solid #3d5a9a;background:rgba(22,42,91,.82);color:#fff;font-size:.85rem;overflow-wrap:anywhere}
.duveo-mi-results[hidden]{display:none!important}
.duveo-mi-results>strong{font-size:.91rem}.duveo-mi-results>p{margin:0;color:#cbdaff}
.duveo-mi-result-row{display:grid;gap:7px}.duveo-mi-result-row>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.duveo-mi-result-row>div>span{min-width:0;flex:1}.duveo-mi-result-row>div>b{white-space:nowrap;color:#fff}
.duveo-mi-result-row>i,.duveo-mi-creator-option>i{display:block;width:100%;height:9px;border-radius:50px;background:rgba(117,143,209,.3);overflow:hidden}
.duveo-mi-result-row>i>b,.duveo-mi-creator-option>i>b{display:block;height:100%;background:linear-gradient(90deg,var(--duveo-blue,#0059f9),var(--duveo-purple,#5c28d1),var(--duveo-pink,#c70597));border-radius:inherit;transition:width .32s ease}
.duveo-mi-creator-results{margin:24px 0;padding:20px;border:1px solid var(--duveo-line,#e3e8f2);border-radius:18px;background:#f6f8fe;color:var(--duveo-navy,#000d36)}
.duveo-mi-creator-heading h2{margin:0 0 6px;font-size:1.26rem}
.duveo-mi-creator-heading p{color:#4f5e80;margin:0 0 15px;font-size:.86rem;line-height:1.5}
.duveo-mi-creator-moment{margin:10px 0;border:1px solid #cdd8f0;border-radius:14px;background:#fff;overflow:hidden}
.duveo-mi-creator-moment summary{cursor:pointer;padding:15px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;font-weight:800;flex-wrap:wrap;border-left:4px solid var(--duveo-blue,#0059f9)}
.duveo-mi-creator-moment summary:focus-visible{outline:3px solid var(--duveo-purple,#5c28d1);outline-offset:-3px}
.duveo-mi-creator-moment summary small{font-weight:600;color:#54617c;font-size:.76rem}
.duveo-mi-creator-event{border-top:1px solid #e4e9f5;padding:15px}
.duveo-mi-creator-event h3{margin:0 0 9px;font-size:1rem}
.duveo-mi-creator-metrics{margin:0 0 12px;color:#314470;font-size:.86rem}
.duveo-mi-creator-metrics strong{color:var(--duveo-blue,#0059f9)}
.duveo-mi-creator-bars{display:grid;gap:13px}
.duveo-mi-creator-option>div{display:flex;gap:9px;justify-content:space-between;align-items:flex-start;font-size:.86rem;margin-bottom:6px}
.duveo-mi-creator-option>div>span{flex:1;min-width:0;overflow-wrap:anywhere}
.duveo-mi-creator-option>div>strong{white-space:nowrap;font-size:.81rem;color:#20345e}
.duveo-mi-creator-option>i{background:#e5ebf9}
.duveo-mi-creator-note{font-size:.79rem;color:#5a6988;line-height:1.5;margin:15px 2px 0}
@media(max-width:600px){.duveo-mi-creator-results{padding:12px}.duveo-mi-creator-moment summary{display:grid}.duveo-mi-results:not([hidden]){padding:11px}}
@media(prefers-reduced-motion:reduce){.duveo-mi-answer,.duveo-mi-result-row>i>b,.duveo-mi-creator-option>i>b{transition:none}}

/* Recuadro cinematográfico dentro del reproductor; interacción sincronizada. */
.duveo-mi-player-overlay:not([hidden]){background:linear-gradient(160deg,rgba(0,13,54,.69),rgba(0,13,54,.86));}
.duveo-mi-player-overlay:not([hidden]) .duveo-mi-player-card{position:relative;isolation:isolate;overflow-y:auto;border:1px solid rgba(98,148,255,.58);box-shadow:0 18px 52px rgba(0,0,24,.42)}
.duveo-mi-player-overlay:not([hidden]) .duveo-mi-player-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0059f9,#5c28d1,#c70597);pointer-events:none;z-index:1}
.duveo-mi-player-overlay .duveo-mi-player-card h2{font-size:clamp(1.13rem,2.5vw,1.62rem);line-height:1.23;margin:13px 0 18px}
.duveo-mi-player-overlay .duveo-mi-player-step span:last-child{color:#f0b7ea}
.duveo-mi-player-overlay .duveo-mi-answer strong{font-size:.95rem;line-height:1.35}
.duveo-mi-player-overlay .duveo-mi-answer:not(:disabled):active{transform:scale(.99)}
.duveo-mi-player-overlay .duveo-mi-results-actions{display:flex;justify-content:flex-start}
.duveo-mi-player-overlay [data-mi-results]:not([hidden]){max-height:235px;overflow-y:auto}
.duveo-mi-challenge-completed{border-top:1px solid #dbe4f8;background:#f0f4ff;padding:10px 16px;margin:0;color:#20345e;font-size:.86rem}
.duveo-mi-challenge-completed strong{color:#0059f9;font-size:1.04rem}
@media(min-width:650px){.duveo-mi-player-overlay.is-showing .duveo-mi-player-card{animation:duveo-mi-card-appear .24s ease-out both}}
@keyframes duveo-mi-card-appear{from{opacity:.7;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.duveo-mi-player-overlay:not([hidden]){padding:10px 9px;align-items:center}.duveo-mi-player-overlay .duveo-mi-player-card{max-height:calc(100% - 5px);padding:clamp(12px,3vw,16px);border-radius:19px}.duveo-mi-player-overlay .duveo-mi-player-card h2{font-size:1.17rem;margin:11px 0 13px}.duveo-mi-player-overlay .duveo-mi-answer{min-height:46px;padding:10px 11px}.duveo-mi-player-overlay .duveo-mi-result-row{gap:6px}}
@media(prefers-reduced-motion:reduce){.duveo-mi-player-overlay.is-showing .duveo-mi-player-card{animation:none}}

.duveo-mi-player-overlay .duveo-mi-timeline-progress{height:4px;background:rgba(150,174,233,.25);border-radius:20px;overflow:hidden;margin:0 0 15px}
.duveo-mi-player-overlay .duveo-mi-timeline-progress>i{display:block;height:100%;background:linear-gradient(90deg,#0059f9,#c70597);border-radius:inherit;transition:width .2s}
@media(prefers-reduced-motion:reduce){.duveo-mi-player-overlay .duveo-mi-timeline-progress>i{transition:none}}
