/* CARDS TENDENCIAS  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* CARDS TENDENCIAS  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* CARDS TENDENCIAS  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  /* .father_content_box_primary{
    position: relative;
    height: 420px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: none;
  }
  .father_content_box_primary::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    opacity: 0.2;
    transition: all 1.1s ease;
  }
  .father_content_box_primary:hover::after {
    opacity: 0.6;
  }
  .img_content_box{
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: top;
    transition: all 0.3s ease;
    transition: all 1.1s ease;
    object-fit: cover;
  }
  .father_content_box_primary:hover .img_content_box {
    opacity: 1;
    transform: scale(1.05);

  }
  .text_hover{
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-size: 34px;
    font-weight: 600;
    transition: all 0.3s ease;
  }
  .text_hover::after {
    position: relative;
    display: block;
    top: 100%;
    content: '';
    width: 0px;
    height: 3px;
    background-color: #ffffff;
    transition: all 0.7s ease;
    transition-delay: 0s;
  }
  .father_content_box_primary:hover .text_hover::after {
    width: 100%;
    transition-delay: 0s;
  }
  .icon_hover {
    position: absolute;
    width: 36px;
    top: 70%;
    opacity: 0;
    margin-left: calc(50% - 18px);
    transition: all 0.5s ease;
  }
  .father_content_box_primary:hover .icon_hover{
    top: -80%;
    opacity: 1;
  }
  .text_ocult_card{
    position: absolute;
    top:65px;
    width: 200px;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    margin-left: calc(50% - 100px);
    opacity: 0;
    transition: all 0.8s ease;
    transition-duration: 0.6s;
    transition-delay: 0s;
  }
  .father_content_box_primary:hover .text_ocult_card{
    opacity: 1;
    top:100px;
    transition-delay: 0.5s;
  } */




















  .ft_content_grid_box{
    width: 100%;
    height: 370px;
  }
  .father_content_box_primary{
    position: relative;
    overflow: hidden;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: none;
    height: 370px !important;
    margin:0px 10px;
  }
  .father_content_box_primary::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 370px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    opacity: 0.2;
    transition: all 1.1s ease;
  }
  .father_content_box_primary:hover::after {
    opacity: 0.6;
  }
  .img_content_box{
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: top;
    transition: all 0.3s ease;
    transition: all 1.1s ease;
    object-fit: cover;
  }
  .father_content_box_primary:hover .img_content_box {
    opacity: 1;
    transform: scale(1.05);

  }
  .text_hover{
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-size: 34px;
    font-weight: 600;
    transition: all 0.3s ease;
  }
  .text_hover::after {
    position: relative;
    display: block;
    top: 100%;
    content: '';
    width: 0px;
    height: 3px;
    background-color: #ffffff;
    transition: all 0.7s ease;
    transition-delay: 0s;
  }
  .father_content_box_primary:hover .text_hover::after {
    width: 100%;
    transition-delay: 0s;
  }
  .icon_hover {
    position: absolute;
    width: 36px;
    top: 70%;
    opacity: 0;
    margin-left: calc(50% - 18px);
    transition: all 0.5s ease;
  }
  .father_content_box_primary:hover .icon_hover{
    top: -80%;
    opacity: 1;
  }
  .text_ocult_card{
    position: absolute;
    top:65px;
    width: 200px;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    margin-left: calc(50% - 100px);
    opacity: 0;
    transition: all 0.8s ease;
    transition-duration: 0.6s;
    transition-delay: 0s;
  }
  .father_content_box_primary:hover .text_ocult_card{
    opacity: 1;
    top:100px;
    transition-delay: 0.5s;
  }
/* TÍTULO ALINHADO NA ESQUERDA  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* TÍTULO ALINHADO NA ESQUERDA  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* TÍTULO ALINHADO NA ESQUERDA  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  .title_separe{
    position: relative;
    left:35px;
    font-size: 30px;
    color: var(--color-secondary);
    font-weight: 400;
    margin-bottom: 44px;
    margin-top: 42px;
    width: max-content;
  }
  .title_separe::before{
    position: absolute;
    top:13px;
    left: -25px;
    content: "";
    width:7px;
    height:23px;
    background-color: var(--color-main);
    /* border-radius: 0px 50px 0px 50px; */
    border-radius: 50px 0px 50px 0px;
  }
  .title_separe::after{
    position: absolute;
    top:6px;
    left: -15px;
    content: "";
    width:7px;
    height:23px;
    background-color: var(--color-secondary);
    border-radius: 50px 0px 50px 0px;
  }
  .title_separe span{
    font-weight: 700;
  }
/* TÍTULO ALINHADO NO CENTRO  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* TÍTULO ALINHADO NO CENTRO  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* TÍTULO ALINHADO NO CENTRO  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  .title_separe_center{
    position: relative;
    margin:0 auto;
    font-size: 30px;
    color: var(--color-secondary);
    font-weight: 400;
    margin-bottom: 75px;
    margin-top: 50px;
    text-align: center;
    width: max-content;
  }
  .title_separe_center::before{
    position: absolute;
    top:50px;
    left:calc(50% + 2px);
    content: "";
    width:60px;
    height:6px;
    background-color: var(--color-secondary);
    border-radius: 30px 0px 30px 0px;
  }
  .title_separe_center::after{
    position: absolute;
    top:50px;
    left:calc(50% - 62px);
    content: "";
    width:60px;
    height:6px;
    background-color: var(--color-main);
    border-radius: 30px 0px 30px 0px;
  }
  .title_separe_center span{
    font-weight: 700;
  }
/* TÍTULO ALINHADO NA ESQUERDA. NÃO É SEPARADOR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* TÍTULO ALINHADO NA ESQUERDA. NÃO É SEPARADOR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* TÍTULO ALINHADO NA ESQUERDA. NÃO É SEPARADOR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  .title_left_content{
    position: relative;
    left:0px;
    font-size: 30px;
    color: var(--color-secondary);
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 28px;
  }
  .title_left_content::before{
    position: absolute;
    top:45px;
    left: 1px;
    content: "";
    width:40px;
    height:4px;
    background-color: #404040;
    border-radius: 1px;
  }
  .title_left_content span{
    font-weight: 500;
  }
/* ESTILO BOTÃO SELECIONAR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* ESTILO BOTÃO SELECIONAR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* ESTILO BOTÃO SELECIONAR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  .father_ft_select_button{
    position: relative;
    margin: 10px 5px 6px 6px;
    --height-bottom: 36px;
    /* margin-left: 12px; */
  }
  .father_ft_select_button:nth-child(1){
    margin-left: 0px;
  }
  .ft_select_button{
    position: relative;
    width: max-content;
    height: var(--height-bottom);
    min-width: 160px;
    display: flex;
    align-items: center;
    padding-left: 24px;
    border:1px solid #c9c9c9;
    border-radius: 3px;
    cursor: pointer;
    font-size:16px;
    font-weight: 500;
    background-color: #fefefe;
    color:#606060;
    transition: all 0.3s ease;
  }
  .ft_select_button::after{
    position: absolute;
    top:7px;
    right: 17px;
    content: "";
    width: 15px;
    height: 15px;
    border: transparent;
    border-right: 3px solid var(--color-main);
    border-bottom: 3px solid #555555;
    transform: rotateZ(45deg);
    transition: all 0.3s ease;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  .ft_select_button:hover{
    background-color: #f5f5f5;
  }
  .father_ft_select_button_visible  .dropdown_menu_select,
  .father_ft_select_button:focus  .dropdown_menu_select{
    pointer-events: all;
    opacity: 1;
  }
  .dropdown_menu_select{
    position: absolute;
    top:calc(var(--height-bottom) - 1px);
    background-color: #ffffff;
    border-radius: 0px 0px 5px 5px;
    border:1px solid #cccccc;
    min-width: 100%;
    width: max-content;
    cursor: pointer;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .dropdown_menu_select_visible{
    pointer-events: all;
    opacity: 1;
  }
  .item_menu_select{
    height: 32px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    color:#404040;
    display: flex;
    align-items: center;
    transition:all 0.1s ease;
  }
  .item_menu_select:hover{
    background-color: var(--color-main);
    color:#fff;
  }
/* ESTILO BOTÃO ORDENAR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* ESTILO BOTÃO ORDENAR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* ESTILO BOTÃO ORDENAR  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  .ft_order_button{
    position: relative;
    width: max-content;
    height: 36px;
    min-width: 160px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    border-bottom:1px solid #c2c2c2;
    border-radius: 3px;
    cursor: pointer;
    font-size:16px;
    font-weight: 500;
    background-color: transparent;
    color:#404040;
    transition: all 0.3s ease;
  }
  .ft_order_button::after{
    position: absolute;
    top:7px;
    right: 17px;
    content: "";
    width: 15px;
    height: 15px;
    border: transparent;
    /* border-right: 3px solid var(--color-main); */
    border-right: 2px solid #606060;
    border-bottom: 2px solid #606060;
    transform: rotateZ(45deg);
    transition: all 0.3s ease;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  .ft_order_button:hover{
    background-color: #f1f1f1;
  }
  @media(max-width: 512px) {
    .title_left_content::before{
      left: auto;
    }
    .title_left_content{
      text-align: center;
    }
    .father_order{
      margin: 0 auto;
      border: 1px solid red;
    }
  }