/* VXFLIX Corretor: navegação, descoberta e acessibilidade */
[hidden]{display:none!important}
#comandos,#cursos,#antes-depois,#resultados,#como-usar,#apoie{scroll-margin-top:92px}
.skip-library{position:fixed;left:12px;top:-100px;z-index:200;padding:11px 18px;border-radius:10px;background:#f2c56a;color:#0c2232;font-weight:800;box-shadow:0 8px 24px #0007}
.skip-library:focus{top:12px}
:where(a,button,input,summary):focus-visible{outline:3px solid #8de3ff;outline-offset:3px}
.hero-quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:17px;max-width:720px}
.hero-quick-actions>span{font-size:12px;color:#c6dbe6;font-weight:700;margin-right:3px}
.hero-quick-actions a{font-size:12px;font-weight:800;color:#eaf6fb;background:rgba(12,37,55,.83);padding:9px 13px;border-radius:999px;border:1px solid #608092;transition:background .18s,border-color .18s}
.hero-quick-actions a:hover{background:#21465d;border-color:#a6dcf1}
.hero-quick-actions a span{color:#f8ce78}
.search-clear{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font:800 12px "DM Sans",sans-serif;color:#c5e6f1;background:#24465a;border:1px solid #5389a4;border-radius:8px;padding:7px 11px;cursor:pointer}
.search-clear:hover{background:#315973}
.search-clear span{font-size:19px;line-height:1}
.library-tip{font-size:12px;line-height:1.55;color:#9db6c4;margin:13px 0 0}
.library-tip strong{color:#e5d097}
.library-tip kbd{display:inline-block;border:1px solid #517183;border-radius:5px;padding:0px 6px;background:#163043;color:#eaf4f7;font-family:inherit;font-weight:800}
.library-share{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #2f6c7e;background:linear-gradient(120deg,#102b3a,#0c2230);border-radius:17px;padding:24px 25px;margin-top:32px}
.library-share strong{font:800 18px Outfit,"DM Sans",sans-serif;letter-spacing:-.02em}
.library-share p{color:#acc3ce;font-size:13px;margin:7px 0 0}
.library-share button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;border:1px solid #8abfd1;border-radius:11px;padding:12px 18px;background:#d0ecf0;color:#0b2934;font:900 12px "DM Sans",sans-serif;cursor:pointer;white-space:nowrap}
.library-share button:hover{background:#f1fcfd}
.library-share button .ui-icon{width:17px;height:17px}
.courses-intro{margin-bottom:25px}
.courses-footnote{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0 0}
.courses-footnote p{color:#9cb5c1;font-size:12px;margin:0}
.courses-footnote a{border-bottom:1px solid #d2b470;color:#f0ce85;font-weight:800;font-size:12px;padding-bottom:4px}
.mobile-quicknav{display:none}
@media(max-width:760px){
  html{scroll-padding-top:83px}
  body{padding-bottom:calc(75px + env(safe-area-inset-bottom,0px))}
  .mobile-quicknav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:45;min-height:67px;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid #366070;background:#0b202ded;backdrop-filter:blur(16px);box-shadow:0 -10px 35px #0006}
  .mobile-quicknav>a,.mobile-quicknav>button{font-family:"DM Sans",sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;border:0;border-radius:10px;background:transparent;color:#bdcfda;font-size:10px;font-weight:800;padding:4px 1px;text-decoration:none;cursor:pointer;line-height:1.1}
  .mobile-quicknav .ui-icon{width:22px;height:22px;flex-shrink:0}
  .mobile-quicknav> :is(a,button)[aria-current="location"]{color:#ffe5ac;background:#254153}
  .mobile-quicknav :is(a,button):active{background:#234353}
  .mobile-favorites-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#f3ca77;color:#152630;font-size:9px}
  .prompt-modal-is-open .mobile-quicknav{display:none}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 36px);text-align:center}
  .hero-quick-actions{gap:8px;margin-top:14px}
  .hero-quick-actions>span{width:100%}
  .hero-quick-actions a{padding:8px 12px}
  .library-share{flex-direction:column;align-items:stretch;padding:20px}
  .library-share button{white-space:normal;width:100%}
  .courses-footnote{flex-direction:column;align-items:flex-start}
  .search-clear{font-size:0;padding:5px 10px;min-width:33px}
  .search-clear span{font-size:23px}
  .library-tip kbd{display:none}
}
@media(max-width:390px){
 .hero-quick-actions a{font-size:11px;padding:8px 10px}
 .mobile-quicknav>a,.mobile-quicknav>button{font-size:9.5px}
 .library-share strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .hero-quick-actions a{transition:none}
}