/* ============================================================
   El semáforo del buen trato — estilos
   Cargar vía: HTML Adicional -> Dentro del HEAD (own-styles)
   Todo scopeado bajo .sbt-semaforo para no afectar otros cursos
   ============================================================ */
.sbt-semaforo *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
.sbt-semaforo{font-family:Georgia,'Times New Roman',serif;max-width:560px;margin:0 auto;color:#3A3228;background:#FDF8F2;border-radius:18px;padding:18px 16px 22px;box-shadow:0 6px 22px rgba(3,9,15,.10);}
.sbt-semaforo .sbt-head{text-align:center;margin-bottom:14px;}
.sbt-semaforo .sbt-kicker{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.06em;font-size:11px;color:#CC5E50;text-transform:uppercase;}
.sbt-semaforo .sbt-title{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:22px;color:#03090F;line-height:1.15;margin:4px 0 2px;}
.sbt-semaforo .sbt-sub{font-size:13px;color:#6b6153;font-style:italic;}
.sbt-semaforo .sbt-bar{display:flex;height:8px;margin:12px 0 4px;border-radius:6px;overflow:hidden;background:#e8e1d6;}
.sbt-semaforo .sbt-bar span{height:100%;width:0;background:#62A9B6;transition:width .35s ease;}
.sbt-semaforo .sbt-meta{display:flex;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#6b6153;margin-bottom:14px;}
.sbt-semaforo .sbt-meta b{color:#03090F;}
.sbt-semaforo .sbt-card{background:#fff;border-radius:14px;padding:20px 16px;box-shadow:0 2px 10px rgba(3,9,15,.06);}
.sbt-semaforo .sbt-q-num{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;color:#62A9B6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.sbt-semaforo .sbt-situacion{font-size:18px;line-height:1.4;min-height:70px;display:flex;align-items:center;}
.sbt-semaforo .sbt-ask{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#6b6153;margin:12px 0 10px;text-align:center;}
.sbt-semaforo .sbt-btns{display:flex;flex-direction:column;gap:10px;}
.sbt-semaforo .sbt-btn{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:16px;color:#fff;border:none;border-radius:12px;padding:16px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;transition:transform .08s ease,filter .15s ease;width:100%;}
.sbt-semaforo .sbt-btn:active{transform:scale(.98);}
.sbt-semaforo .sbt-btn .dot{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.9);flex:none;}
.sbt-semaforo .sbt-verde{background:#2E8B57;}
.sbt-semaforo .sbt-amarillo{background:#E2A542;color:#03090F;}
.sbt-semaforo .sbt-amarillo .dot{background:rgba(3,9,15,.35);}
.sbt-semaforo .sbt-rojo{background:#CC5E50;}
.sbt-semaforo .sbt-btn small{display:block;font-weight:600;font-size:12px;opacity:.85;margin-top:2px;}
.sbt-semaforo .sbt-btns.locked .sbt-btn{opacity:.42;cursor:default;}
.sbt-semaforo .sbt-btns.locked .sbt-btn.chosen{opacity:1;outline:3px solid #03090F;outline-offset:2px;}
.sbt-semaforo .sbt-btns.locked .sbt-btn.answer{opacity:1;}
.sbt-semaforo .sbt-fb{margin-top:14px;border-radius:12px;padding:14px;font-size:15px;line-height:1.45;display:none;}
.sbt-semaforo .sbt-fb.show{display:block;animation:sbtin .25s ease;}
@keyframes sbtin{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.sbt-semaforo .sbt-fb .verdict{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:15px;display:block;margin-bottom:5px;}
.sbt-semaforo .sbt-fb.ok{background:#e7f3ec;border-left:6px solid #2E8B57;}
.sbt-semaforo .sbt-fb.ok .verdict{color:#2E8B57;}
.sbt-semaforo .sbt-fb.no{background:#f9e9e6;border-left:6px solid #CC5E50;}
.sbt-semaforo .sbt-fb.no .verdict{color:#CC5E50;}
.sbt-semaforo .sbt-next{margin-top:14px;width:100%;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:16px;color:#fff;background:#03090F;border:none;border-radius:12px;padding:15px;cursor:pointer;display:none;}
.sbt-semaforo .sbt-next.show{display:block;}
.sbt-semaforo .sbt-next:active{transform:scale(.98);}
.sbt-semaforo .sbt-result{text-align:center;padding:8px 4px;}
.sbt-semaforo .sbt-result .emoji{font-size:52px;line-height:1;margin-bottom:8px;}
.sbt-semaforo .sbt-result .score{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:40px;color:#03090F;}
.sbt-semaforo .sbt-result .score small{font-size:22px;color:#6b6153;font-weight:900;}
.sbt-semaforo .sbt-result .msg{font-size:16px;line-height:1.45;margin:12px auto 4px;max-width:400px;}
.sbt-semaforo .sbt-result .badge{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:14px;color:#fff;border-radius:20px;padding:8px 18px;margin:10px 0 4px;}
.sbt-semaforo .sbt-retry{margin-top:16px;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:16px;color:#03090F;background:#E2A542;border:none;border-radius:12px;padding:15px 24px;cursor:pointer;}
.sbt-semaforo .sbt-retry:active{transform:scale(.98);}
.sbt-semaforo .sbt-foot{font-size:11px;color:#9a9082;text-align:center;margin-top:16px;line-height:1.4;}