
  #ibt_master_section{ 
      --bg-page: #B7D4DB;          /* fundo da página (azul claro) */
      --pill-bg:  #F1F1F1;         /* fundo da pílula */
      --pill-bg_icon:  #FFFFFF;         /* fundo do ícone */
      --pill-bg-hover:  #D6E5E9;         /* fundo da pílula */
      --pill-border: #7fb2bf;      /* contorno */
      --pill-text-color: #4c93a5;      /* cor do texto da pilula */
      --text-head: #2a8a96;        /* títulos */
      --text-body: #4a7b86;        /* parágrafos */
      --text-font: 'Montserrat', sans-serif;        /* font default */
        font-family: var(--text-font); 

        margin-top: 50px;
        margin-bottom: 100px;


    }

  #ibt_master_section .pill {
        background: var(--pill-bg);
        border: 4px solid var(--pill-border);
        border-radius: 9999px;
        display: flex;
        align-items: center;       /* garante alinhamento vertical */
        gap: 18px;
        transition: transform .12s ease, box-shadow .12s ease;
        min-height: 120px;
        position: relative;        /* para posicionar pseudo-elementos */
}
#ibt_master_section .pill:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

#ibt_master_section .pill__icon {
  width: 64px; height: 64px;
  flex: 0 0 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-left: 20px;
  background: #fff;
}

#ibt_master_section .pill__content {
  flex: 1 1 auto;
  padding-left: 20px;
  position: relative; /* importante para o pseudo */
}

#ibt_master_section .pill__content::before {
  content: "";
  position: absolute;
  left: -5px;              /* alinhado ao gap */
  top: -22px;
  bottom: 0;
  width: 4px;
  min-height: 118px;
  background: var(--pill-border); /* mesma cor da borda */
}

#ibt_master_section .pill__title{
  color: var(--text-head);
  font-weight: 700;
  font-size: clamp(1rem, .9rem + .5vw, 1.35rem);
  margin: 0 0 6px 0;
  text-decoration: none !important;
}
#ibt_master_section .pill__desc, #ibt_master_section .pill__desc a{
  color: var(--text-body);
  margin: 0;
  line-height: 1.35;
  font-size: 0.9rem;
  text-decoration: none !important;
}

#ibt_master_section .pill__arrow{
  flex: 0 0 auto;
  width: 52px; height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 3px solid var(--pill-border);
  background: #fff;
}

#ibt_master_section     .pill__arrow svg{ width: 24px; height: 24px; stroke: var(--text-head); }
    /* espaçamento entre linhas */
    .row-gap{ row-gap: 26px; }







#ibt_master_section .pilula{
    background-color: var(--pill-bg);
    border: 4px solid var(--pill-border);
    border-radius: 9999px;
    transition: transform .12s ease, box-shadow .12s ease;

    font-family: var(--text-font); 
    color: var(--pill-text-color);
    text-decoration: none !important;
    min-height: 120px;
}

/* #ibt_master_section .pilula:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  background-color: var(--pill-bg-hover);
} */

#ibt_master_section .pilula_icon{
    background-color: var(--pill-bg_icon);
    border-right: solid 4px var(--pill-border); 
    text-decoration: none;
     border-bottom-left-radius: 9999px;
     border-top-left-radius: 9999px;
     z-index: 3;
}
#ibt_master_section .pilula_icon_box{
   display: flex;
  align-items: center; /* centraliza verticalmente */
  justify-content: center; /* opcional, centraliza horizontalmente */
  min-height: 120px;
}
#ibt_master_section .pilula_icon svg{
    width: 50px; 
    height: 50px;
    color: var(--pill-text-color) !important;
    fill: var(--pill-text-color) !important;
}


/* “Recorte” (mordida) entre os blocos 
#ibt_master_section .pilula_content::before{
  content:"";
  position:relative;
  left:-19px;                 
  top:7%;
  transform: translateY(-50%) rotate(45deg); 
  width:16px;
  height:16px;
  background: var(--pill-border); 
  box-shadow: 0 0 0 1px var(--pill-border); 
  z-index:2;
}*/



#ibt_master_section .pilula_content{
  justify-content: left !important;
}

#ibt_master_section .services{
    background-color: var(--pill-bg);
      box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.53) !important;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.53) !important;
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.53) !important;
    border-radius: 10px;
    font-family: var(--text-font); 
    color: var(--pill-text-color);
    text-decoration: none !important;
    min-height: 120px;
}


#ibt_master_section .services .btn_colaps{
    border: solid 1px var(--pill-text-color);
    border-radius: 7px;
    font-size: 9px;
    color: var(--pill-text-color);
}
#ibt_master_section .services .btn_colaps:hover{
    color: #FFFFFF;
    background-color: var(--pill-text-color);
}



/* #ibt_master_section .services:hover:not(.client){
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  background-color: var(--pill-bg-hover);
} */



#ibt_master_section .services_icon_box{
   display: flex;
  align-items: center; /* centraliza verticalmente */
  justify-content: center; /* opcional, centraliza horizontalmente */
  min-height: 120px;
}

#ibt_master_section .services_icon_box svg, #ibt_master_section .services_icon_box i{
    width: 65px; 
    height: 65px;
    color: var(--pill-text-color);
    font-size: 50px;
    outline-offset: 3px;
    outline: 3px solid var(--pill-border);
    border-radius: 50px;
    fill: var(--pill-text-color);
    padding: 5px;
}

#ibt_master_section .services_icon_box_bad svg, #ibt_master_section .services_icon_box_bad i{
    color: red !important;
    fill: red !important;
    outline: 3px solid red;
}

#ibt_master_section .services_icon_box img{
    outline-offset: 3px;
    outline: 3px solid var(--pill-border);
    max-width: 65px !important;
}

#ibt_master_section .slot-medico img{
    outline-offset: 3px;
    outline: 3px solid var(--pill-border);
    max-width: 70px !important;
}
#ibt_master_section .slot-medico-languages{
    margin-top: 15px !important;
    font-size: 12px !important;
    color: #6c757d !important;
    line-height: 5px;
    text-align: left;
}

#ibt_master_section .pilula_arrow_esp{
    font-size: 1.5rem;
     color: var(--pill-text-color);
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    text-decoration: none;
}

#ibt_master_section .pilula_arrow_serv{
    font-size: 1.5rem;
     color: var(--pill-text-color);
     text-decoration: none;
}


#ibt_master_section .pilula_arrow_serv:hover{
  background-color: var(--pill-bg-hover);
  border-radius: 10px;
}



#ibt_master_section .pilula_arrow_esp:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  background-color: var(--pill-bg-hover);
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
}




#ibt_master_section .progresses{
    display: flex;
    align-items: center;
    font-family: var(--text-font); 
    width: 40px;
    height: 40px;
   }

#ibt_master_section .progresses a{
    text-decoration: none;
   }

#ibt_master_section .progresses_line{
    width: 40px;
height: 6px;
}


#ibt_master_section .progresses_steps{
overflow: visible;
display: flex;
color: #fff;
font-size: 14px;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
border-radius: 50%;

}

    
#ibt_master_section .progresses_col_current{
    border-left: solid 3px #B7D4DB;
    background-color: #efefef;
    
}

#ibt_master_section .progresses_color_current{
    background-color: #B7D4DB;
    color:  var(--pill-text-color);
}
#ibt_master_section .progresses_color_waiting{
    background-color: #efefef;
    color:  var(--pill-text-color);
}

#ibt_master_section .progresses_color_done{
    background-color: #63d19e;
    color: #FFFFFF;
}

#ibt_master_section .progresses_color_error{
    background-color: red;
    color: #FFFFFF;
}


#ibt_master_section .progresses_color_error{
    background-color: red;
    color: #FFFFFF;
}

#ibt_master_section .progresses_color_title{
    color:  var(--pill-text-color);
    font-size: 0.9rem;
}

#ibt_master_section .progresses_title_active{
    font-weight: 700;
    font-size: 1.1rem !important
}





#ibt_master_section .not-event-card{
  color: var(--pill-text-color);
  font-size: 16px;
  text-align: center;
}

#ibt_master_section .not-event-card i{
  font-size: 25px;
}

#ibt_master_section .events-container {
  color: var(--text-head);
  padding: 0px;
  margin: 0px;
  ;
   }

#ibt_master_section .events-container-caption{
  font-weight: 600;
  margin-top: 15px;
  color: var(--text-head);
}   

#ibt_master_section .slot-medico h4{
    color: var(--pill-text-color);
    font-size: 0.9rem;
    font-weight: 600;
}

#ibt_master_section .slot-medico{
      border-bottom: dashed 1px var(--pill-text-color);
    padding-bottom: 10px;
    padding-top: 10px;
}


/*  Calendar wrapper */
#ibt_master_section .resume-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: #F1F1F1;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.53);
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.53);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.53);
  border-radius: 10px;
  font: 13px 'Montserrat', sans-serif;
  display: inline-block;
  padding: 20px;
  float: left; 

}

#ibt_master_section .resume__title{
  color: var(--text-head);
  font-weight: 700;
  font-size: 1.1rem;
  margin: 0 0 6px 0;
  text-decoration: none !important;
}

#ibt_master_section .resume__title_bad{
  color: red;
}

#ibt_master_section .resume__desc,#ibt_master_section  .resume__desc a{
  color: var(--text-body);
  margin: 0;
  line-height: 1.35;
  font-size: 0.9rem;
  text-decoration: none !important;
}
#ibt_master_section .resume__desc span{
  display: inline-block;
  width: 100px;
}

#ibt_master_section .resume_button{
  background-color: var(--text-head) !important;
  color: #fff !important;
}
#ibt_master_section .resume_button:hover{
  opacity: 0.8 !important;
}

#ibt_master_section .resume_input{
  border-color: #4f93a4 !important;
    color: #00657f !important;
    border:none !important;
    border-left: solid 2px var(--text-head) !important;
    background-color: #FFFFFF !important;
    border-radius: 3px !important;

    transition: all .3s !important;
}

#ibt_master_section .resume_input::placeholder{
  opacity: 0.5 !important;
    color: #00657f !important;
}


 #ibt_master_section input.resume_input_check[type="checkbox"] {
        border-color: var(--text-head);
         background-color: #FFFFFF;
 }
 #ibt_master_section input.resume_input_check[type="checkbox"]:checked {
        background-color: #00657f; /* Change background when checked */
        border-color: var(--text-head);
 }

 #ibt_master_section .resume_modal .modal-tilte, #ibt_master_section .resume_modal .modal-body{
  color: var(--text-head) !important;
 }

 #ibt_master_section .resume_modal button{
  background-color: var(--text-head) !important;
  color: #fff !important;
 }

  #ibt_master_section .client .form-check a{
  color: var(--text-head) !important;
  text-decoration: underline !important;
 }

 #ibt_master_section .ourtime{
  font-size: 0.9rem !important;
  color: var(--text-head) !important;
 }

 #ibt_master_section .text-danger2{
  color: red !important;
 }

 #ibt_master_section .services_col_0{
  padding-right: 20px !important;
 }

 #ibt_master_section .services_col_1{
  padding-left: 20px !important;
 }

 #ibt_master_section .phonenumber button{
  border: none !important;
 }


 #ibt_master_section .progresses_title {
    padding-left: 5px;
    line-height: 10px;
    align-items: center;
    justify-content: center;
     font-size: 10px;
 }

  #ibt_master_section .progresses_title a{
  text-decoration: none;
 }


 #ibt_master_section .progresses_title strong{
  display: inline-block;
  padding-bottom: 3px;
 }
