/* CONTAINER QUE AGRUPA O CAMPO DE PESQUISAR E OS FILTROS COM O */
/* CONTAINER QUE AGRUPA O CAMPO DE PESQUISAR E OS FILTROS COM O */
.container-options-user {
   position: relative;
   width: 100%;
   /* padding: 35px 30px 35px; */
   /* background-color: #0E0E0E; */
   /* border: 1px solid #242424; */
   /* border-radius: 10px; */
   /* box-shadow: 0px 14px 18px #000000; */
   z-index: 1;
}

.container-options-user .content-options {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

/* Campo de pesquisar */
.container-options-user .content-options .container-search-clubs {
   position: relative;
   width: 100%;
   width: 30%;
   width: 360px;
   max-width: 100%;
   margin-right: 60px;
}

.container-options-user .content-options .container-search-clubs input {
   position: relative;
   width: 100%;
   padding: 14px 45px 12px 17px;
   border-radius: 10px;
   background-color: #0E0E0E;
   border: 2px solid #252525;
   color: #595959;
   font-size: 14px;
   box-shadow: 0px 0px 16px #000000;
   transition: all 0.3s ease;

   border-color: var(--color_main);
   box-shadow: 0px 0px 16px 0px #1dff2c21;
   color: var(--color_main);
}

.container-options-user .content-options .container-search-clubs input:focus {
   border-color: var(--color_main);
   box-shadow: 0px 0px 16px 0px #1dff2c21;
   color: var(--color_main);
}

.container-options-user .content-options .container-search-clubs input::placeholder {
   color: currentColor;
}

.container-options-user .content-options .container-search-clubs svg {
   position: absolute;
   right: 15px;
   top: 12px;
   color: #595959;
   transition: all 0.3s ease;

   color: var(--color_main);
}

.container-options-user .content-options .container-search-clubs input:focus~svg {
   color: var(--color_main);
}


/* Filtros */
.container-options-user .content-options .container-filter-clubs {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}





.title_sec_clubes {
   font-size: 22px;
   font-weight: 700;
   color: var(--color_titles);
}

.subtitle-section {
   margin-top: 3px;
   font-size: 16px;
   font-weight: 500;
   /* color: #838383; */
   color: #9f9999;
}


.clube_content {
   position: relative;
   width: 100%;
   /* min-height: 95px; */
   padding: 20px 24px;
   display: flex;
   align-items: center;
   border-radius: 8px;
   flex-wrap: wrap;
   border: 2px solid #5b5b5b;
   background-color: #040404;
   box-shadow: 0px 0px 8px black;
   cursor: pointer;
   transition: all 0.2s ease;
}

.clube_content:hover {
   border: 2px solid #1dff2c;
   box-shadow: 0px 0px 16px 0px #1dff2c1c;
}

.logo_team {
   width: 50px;
   height: 50px;
}

.logo_team img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.align_text_card_team {
   margin-left: 14px;
}

.clube_content p {
   width: 100%;
   /* font-size: 18px; */
   font-size: 16px;
   color: var(--color_titles);
   font-weight: 600;
}

.clube_content span {
   font-size: 14px;
   font-weight: 500;
   color: #6F6F70;
}


footer {
   margin-top: 60px !important;
}


@media(max-width:1023px) {
   .container-options-user .content-options {
      flex-direction: column;
   }

   .container-options-user .content-options .container-search-clubs {
      width: 100%;
      margin-right: 0px;
      margin-bottom: 26px;
   }

   .container-options-user .content-options .father_container_select .content_open_select {
      /* top: 85%; */
      top: 115%;
   }



   .clube_content {
      min-height: 148px;
      padding: 20px;
      justify-content: center;
      text-align: center;
   }

   .align_text_card_team {
      margin-left: 6px;
   }

   .align_text_card_team {
      width: 100%;
      margin-left: 0px;
      margin-top: 6px;
   }

   .clube_content p {
      font-size: 16px;
   }
}


@media(max-width:540px) {
   .title_sec_clubes {
      font-size: 18px;
   }

   .align_text_card_team {
      width: 100%;
      margin-left: 0px;
      margin-top: 6px;
   }
}