/* ==================================================
   BEDASPORT / RW7 DIGITAL - RESULTADOS
   Personalização visual
   ================================================== */

:root{
  --rw7-red:#990000;
  --rw7-red-dark:#720000;
  --rw7-dark:#17191f;
  --rw7-gray:#6b7280;
  --rw7-border:#e5e7eb;
  --rw7-bg:#f5f6f8;
  --rw7-white:#ffffff;
}

/* FUNDO GERAL */
body,
html{
  background:#f5f6f8 !important;
}

/* MENU SUPERIOR */
#mnu{
  background:#ffffff !important;
  border:0 !important;
  border-bottom:1px solid #e5e7eb !important;
  box-shadow:0 3px 12px rgba(0,0,0,.06);
}

.mn{
  background:#ffffff !important;
  color:#222 !important;
  border-right:1px solid #eeeeee !important;
  transition:.2s ease;
}

.mn:hover{
  color:#990000 !important;
  background:#fafafa !important;
}

.mn.on{
  color:#990000 !important;
  background:#ffffff !important;
  box-shadow:inset 0 -4px 0 #990000;
}

/* PESQUISA */
#mn_rech{
  background:#ffffff !important;
}

#search{
  background:#f3f4f6;
  border-radius:8px;
  color:#111827;
  outline:none;
}

#search.in{
  padding-left:15px;
  padding-right:15px;
}

/* ÁREA DE RESULTADOS */
#ecrRes{
  background:#f5f6f8 !important;
}

#ecrResM{
  width:100%;
}

/* AVISO CLASSIFICAÇÃO PROVISÓRIA */
#infoPub{
  background:#fff4d6 !important;
  color:#8a5700 !important;
  border:1px solid #ffd77a;
  border-radius:8px !important;
  font-weight:600;
  padding:8px 14px !important;
}

/* BARRA DE FERRAMENTAS */
#tbar{
  padding-right:12px;
}

#tbar .mfil{
  border-radius:8px;
  transition:.2s ease;
}

#tbar .mfil:hover{
  background:#ffffff;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
}

/* FILTROS E CATEGORIAS */
#mnuCourse>div,
.mnuptg,
.mnutro{
  background:#ffffff !important;
  border:1px solid #e3e5e8 !important;
  border-radius:20px !important;
  color:#343a40 !important;
  padding:6px 12px !important;
  margin:3px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}

#mnuCourse>div:hover,
#mnuCourse>div.on,
.mnuptg:hover,
.mnuptg.on,
.mnutro:hover,
.mnutro.on{
  background:#990000 !important;
  border-color:#990000 !important;
  color:#ffffff !important;
}

.mnuptg:after{
  display:none !important;
}

/* CARTÃO COM TOTAL DE CONCLUINTES */
.titreres{
  background:#ffffff !important;
  color:#202124 !important;
  border:0 !important;
  border-left:5px solid #990000 !important;
  border-radius:10px !important;
  box-shadow:0 3px 12px rgba(0,0,0,.08);
  margin:14px 16px 20px !important;
  overflow:hidden;
}

.titreres>div{
  padding:7px 12px !important;
}

/* ÁREA DA TABELA */
#divGr{
  padding:0 16px 55px;
  box-sizing:border-box;
}

/* TABELA */
#tabres{
  width:100%;
  min-width:950px;
  margin:0 !important;
  border-collapse:separate !important;
  border-spacing:0 6px !important;
}

/* CABEÇALHO */
#tabres th{
  background:#f5f6f8 !important;
  color:#6b7280 !important;
  font-size:11px !important;
  text-transform:uppercase;
  letter-spacing:.35px;
  padding:10px 8px !important;
  border-bottom:1px solid #e5e7eb;
}

/* LINHAS */
#tabres tbody tr td{
  background:#ffffff !important;
  padding:9px 8px !important;
  vertical-align:middle !important;
  transition:.15s ease;
}

#tabres tbody tr td:first-child{
  border-radius:8px 0 0 8px !important;
}

#tabres tbody tr td:last-child{
  border-radius:0 8px 8px 0 !important;
}

#tabres tbody tr{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.04));
}

#tabres tbody tr:hover td{
  background:#fff3f3 !important;
}

/* POSIÇÃO */
#tabres td.pl{
  color:#990000 !important;
  font-weight:bold !important;
}

/* NOME DO ATLETA */
#tabres td.nom{
  font-weight:600;
  color:#202124;
}

/* TEMPOS */
#tabres td.tp{
  color:#990000 !important;
  border-inline-end:1px solid #eeeeee !important;
  font-weight:bold;
}

#tabres .tpg{
  color:#990000 !important;
  font-weight:bold;
}

/* LINHAS ESPECIAIS */
#tabres tr.gp td{
  background:#17191f !important;
  color:#ffffff !important;
}

/* MENU FLUTUANTE */
.smenu{
  border:1px solid #e5e7eb !important;
  border-radius:10px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.15) !important;
  overflow:hidden;
}

/* VERSÃO EM CARDS / CELULAR */
.vg{
  background:#ffffff !important;
  border:1px solid #ececec;
  border-radius:12px !important;
  margin:8px 12px !important;
  padding:10px 12px !important;
  max-width:none !important;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.vg+.vg{
  border-top:1px solid #ececec !important;
}

.vg .pl,
.vg .do{
  color:#990000 !important;
}

#divGr .vg:hover{
  background:#fff5f5 !important;
}

/* RODAPÉ RW7 */
#pd{
  background:rgba(255,255,255,.96);
  border-top:1px solid #e5e7eb;
  padding:5px 12px;
  right:0 !important;
  bottom:0 !important;
  color:#555 !important;
  font-size:10px !important;
  box-sizing:border-box;
}

/* MOBILE */
@media only screen and (max-width:700px){

  #divGr{
    padding:0 6px 55px;
  }

  .titreres{
    margin:10px 8px 15px !important;
  }

  #mnuCourse>div,
  .mnuptg,
  .mnutro{
    padding:5px 9px !important;
  }

  #pd{
    width:100%;
    text-align:center !important;
    font-size:9px !important;
  }
}

/* ==================================================
   RW7 - AJUSTE DE ESPAÇAMENTO E FERRAMENTAS
   ================================================== */

/* Aproxima os filtros do conteúdo */
#mnures{
    margin:12px 16px 0 12px !important;
}

/* Menos espaço abaixo do quadro de quantidade */
.titreres{
    margin:10px 16px 10px !important;
}

/* Remove espaço desnecessário antes da tabela */
#divGr{
    min-height:0 !important;
    padding-top:0 !important;
}

#tabres{
    margin-top:0 !important;
}

/* Barra PDF / visualização / filtros */
#tbar{
    margin-top:6px !important;
    padding-right:12px !important;
}

/* Botões das ferramentas */
#tbar .mfil{
    border-radius:8px !important;
    padding:5px !important;
}

#tbar .mfil:hover{
    background:#ffffff !important;
    box-shadow:0 2px 8px rgba(0,0,0,.10);
}

/* Cabeçalho da tabela */
#thgr th{
    padding-top:8px !important;
    padding-bottom:8px !important;
}

/* Mantém os filtros mais compactos */
#mnuCourse{
    gap:4px;
}

#mnuCourse>div{
    margin:0 !important;
}

/* MOBILE */
@media(max-width:700px){

    #mnures{
        margin:10px 8px 0 !important;
    }

    .titreres{
        margin:8px 8px 8px !important;
    }

    #tbar{
        padding-right:5px !important;
    }
}

/* ==================================================
   RW7 - BARRA DE BUSCA VISÍVEL
   ================================================== */

#mn_rech{
    width:360px !important;
    max-width:360px !important;
    padding:8px 16px !important;
    display:flex !important;
    align-items:center;
    gap:10px;
    background:#ffffff !important;
}

#LP{
    width:20px !important;
    height:20px !important;
    flex:0 0 auto;
    fill:#6b7280;
}

#search,
#search.in{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:38px !important;
    padding:7px 12px !important;
    border:1px solid #e1e4e8 !important;
    border-radius:9px !important;
    background:#f7f8fa !important;
    color:#222 !important;
    font-size:14px !important;
    outline:none !important;
}

#search:focus{
    background:#ffffff !important;
    border-color:#990000 !important;
    box-shadow:0 0 0 3px rgba(153,0,0,.08);
}

#search::placeholder{
    color:#8b9098;
}

@media(max-width:700px){
    #mn_rech{
        width:100% !important;
        max-width:none !important;
        padding:6px 10px !important;
    }

    #search,
    #search.in{
        height:36px !important;
        font-size:13px !important;
    }
}

/* ==================================================
   RW7 - BUSCA NA MESMA LINHA DO MENU
   ================================================== */

#mnu{
    white-space:nowrap !important;
}

#mn_rech{
    display:inline-flex !important;
    vertical-align:top !important;
    align-items:center !important;
    width:420px !important;
    max-width:420px !important;
    height:61px !important;
    padding:8px 16px !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

#LP{
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    margin-right:10px !important;
}

#search,
#search.in{
    width:100% !important;
    max-width:none !important;
    height:40px !important;
    padding:7px 13px !important;
    box-sizing:border-box !important;
}

/* CELULAR */
@media(max-width:700px){

    #mnu{
        white-space:normal !important;
    }

    #mn_rech{
        display:flex !important;
        width:100% !important;
        max-width:100% !important;
        height:52px !important;
        padding:6px 10px !important;
    }

    #search,
    #search.in{
        height:38px !important;
    }
}

/* RW7 - CORREÇÃO DA BUSCA SOBRE A FICHA DO ATLETA */
#search,
#search.in{
    z-index:5 !important;
}

/* RW7 - CORREÇÃO DA BUSCA SOBRE A FICHA DO ATLETA */
#search,
#search.in{
    z-index:5 !important;
}

/* ==================================================
   RW7 DIGITAL - FICHA DO ATLETA
   ================================================== */

/* Fundo quando abre o atleta */
#fdpop{
    background:rgba(15,18,24,.78) !important;
    opacity:1 !important;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

/* Janela principal */
#ctpop{
    background:#ffffff !important;
    color:#17191f !important;
    border:0 !important;
    border-radius:18px !important;
    box-shadow:0 25px 80px rgba(0,0,0,.35) !important;
    top:5vh !important;
    bottom:5vh !important;
    width:84% !important;
    max-width:1380px !important;
    padding:0 !important;
    overflow:auto !important;
}

/* Conteúdo */
#dvResu{
    padding:26px 32px 45px 88px !important;
    box-sizing:border-box;
}

/* Barra lateral dos ícones */
#icopop{
    padding:16px 10px !important;
    gap:5px;
    z-index:20;
}

#icopop > img{
    width:32px !important;
    height:32px !important;
    padding:7px !important;
    margin-bottom:3px;
    border-radius:9px !important;
    transition:.2s ease;
}

#icopop > img:hover{
    background:#f1f3f5 !important;
    transform:scale(1.06);
}

/* Botão fechar */
#fermepop{
    background:#990000 !important;
    border-radius:10px !important;
}

/* Nome do atleta */
#nmresu{
    display:block !important;
    border:0 !important;
    margin:8px 0 18px !important;
    padding:0 !important;
    font-size:30px !important;
    font-weight:800 !important;
    color:#17191f !important;
}

/* Foto do atleta */
.avatar{
    width:72px !important;
    height:72px !important;
    border:4px solid #ffffff !important;
    box-shadow:0 3px 12px rgba(0,0,0,.15);
    margin-right:12px !important;
}

/* Informações: número, modalidade, categoria, sexo */
#infoseng{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    width:auto !important;
    padding:14px !important;
    margin:0 0 24px !important;
    background:#f7f8fa !important;
    border:1px solid #e5e7eb !important;
    border-radius:12px !important;
}

/* Cada informação */
#ctpop .inf{
    margin:0 12px 5px 0 !important;
    padding:5px 12px !important;
    border-right:1px solid #e5e7eb;
}

#ctpop .inf .l{
    color:#7a8089 !important;
    opacity:1 !important;
    font-size:11px !important;
    text-transform:uppercase;
    letter-spacing:.3px;
}

#ctpop .inf .v{
    color:#17191f !important;
    font-weight:600;
}

/* Títulos como RESULTADOS */
#ctpop .tiresu{
    width:auto !important;
    margin:18px 0 14px !important;
    padding:8px 13px !important;
    background:#17191f !important;
    color:#ffffff !important;
    border-left:5px solid #990000 !important;
    border-radius:7px !important;
    font:18px BN !important;
    letter-spacing:1.5px !important;
    text-transform:uppercase;
    text-align:left !important;
    text-shadow:none !important;
}

/* Bloco dos resultados */
#ctpop .infosres{
    width:auto !important;
    padding:15px !important;
    margin:0 0 18px !important;
    background:#ffffff !important;
    color:#17191f !important;
    border:1px solid #e5e7eb !important;
    border-radius:12px !important;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
    text-shadow:none !important;
}

/* Valores grandes */
#ctpop .rv{
    color:#990000 !important;
}

/* Compartilhamento */
#shr{
    margin-top:4px !important;
}

#fbR{
    border-radius:7px !important;
}

/* ==================================================
   CELULAR
   ================================================== */

@media(max-width:600px){

    #fdpop{
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }

    #ctpop{
        top:0 !important;
        bottom:0 !important;
        left:0 !important;
        width:100% !important;
        max-width:none !important;
        height:100dvh !important;
        min-width:0 !important;
        border-radius:0 !important;
        transform:none !important;
    }

    /* Ícones ficam numa barra superior */
    #icopop{
        position:sticky !important;
        top:0 !important;
        display:flex !important;
        flex-direction:row !important;
        justify-content:flex-start;
        padding:7px 10px !important;
        background:rgba(255,255,255,.97);
        border-bottom:1px solid #e5e7eb;
        box-shadow:0 2px 7px rgba(0,0,0,.06);
    }

    #icopop > img{
        width:28px !important;
        height:28px !important;
        padding:5px !important;
        margin:0 4px 0 0 !important;
    }

    #dvResu{
        padding:12px 12px 80px !important;
    }

    #nmresu{
        margin:8px 4px 14px !important;
        font-size:23px !important;
        line-height:1.15;
    }

    #infoseng{
        width:auto !important;
        margin:0 4px 15px !important;
        padding:10px !important;
        gap:4px !important;
    }

    #ctpop .inf{
        margin:0 !important;
        padding:5px 8px !important;
        border-right:0 !important;
    }

    #ctpop .tiresu{
        margin:12px 4px 10px !important;
        padding:7px 10px !important;
        font:18px BN !important;
        letter-spacing:1px !important;
        border-radius:7px !important;
    }

    #ctpop .infosres{
        width:auto !important;
        margin:0 4px 12px !important;
        padding:10px !important;
    }

    #shr{
        float:none !important;
        text-align:right;
        margin:4px 5px 8px !important;
    }
}

/* ==================================================
   RW7 - MODAL AJUSTADO AO CONTEÚDO
   ================================================== */

@media(min-width:601px){

    #ctpop{
        top:5vh !important;
        bottom:auto !important;
        height:auto !important;
        min-height:0 !important;
        max-height:90vh !important;
        overflow:auto !important;
    }

    #dvResu{
        padding-bottom:28px !important;
    }
}

/* RW7 - MODAL: INFORMAÇÕES SEM QUEBRA DE LINHA */
#ctpop #infoseng .inf{
    width:auto !important;
    flex:0 0 auto !important;
}

#ctpop #infoseng .inf .v{
    display:block !important;
    white-space:nowrap !important;
    width:auto !important;
}

/* Dá um pouco mais de espaço para modalidade e categoria */
#ctpop #infoseng .inf{
    min-width:120px !important;
}

/* ==================================================
   RW7 - VÍDEO DA LINHA DE CHEGADA
   ================================================== */

/* Bloco que contém o vídeo */
#ctpop div:has(> iframe[src*="youtube.com"]),
#ctpop div:has(> iframe[src*="vimeo.com"]){
    display:block !important;
    width:100% !important;
    max-width:1000px !important;
    margin:30px auto 15px !important;
    box-sizing:border-box !important;
}

/* Título LINHA DE CHEGADA */
#ctpop div:has(> iframe[src*="youtube.com"]) > p,
#ctpop div:has(> iframe[src*="vimeo.com"]) > p{
    margin:0 0 9px !important;
    padding:0 3px !important;
    color:#17191f !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-transform:uppercase;
}

/* Vídeo */
#ctpop iframe[src*="youtube.com"],
#ctpop iframe[src*="vimeo.com"]{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 9 !important;
    margin:0 auto !important;
    border:0 !important;
    border-radius:14px !important;
    box-shadow:0 8px 25px rgba(0,0,0,.15) !important;
    background:#000 !important;
}

/* CELULAR */
@media(max-width:600px){

    #ctpop div:has(> iframe[src*="youtube.com"]),
    #ctpop div:has(> iframe[src*="vimeo.com"]){
        width:100% !important;
        max-width:none !important;
        margin:20px auto 10px !important;
        padding:0 4px !important;
    }

    #ctpop div:has(> iframe[src*="youtube.com"]) > p,
    #ctpop div:has(> iframe[src*="vimeo.com"]) > p{
        font-size:14px !important;
        margin-bottom:7px !important;
    }

    #ctpop iframe[src*="youtube.com"],
    #ctpop iframe[src*="vimeo.com"]{
        width:100% !important;
        border-radius:10px !important;
    }
}