.doctoresTitles{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size:31.07px;
  line-height:31.07px;
}

/* <weight>: Use a value from 100 to 900*/

.doctoresTexto{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:14px;
  line-height:19px;
}      
           
     
      .doctores{
        display:flex;
        width:100%;
        padding:100px 40px 51px 40px;
        /*background-color:purple;*/
        justify-content:center;
      }
      
      .doctoresContainer{
        display:flex;
        width:100%;
        max-width:1018px;
        gap:50px;
        /*background-color:green;*/
        flex-direction:column;
      }
      
      .doctoresCaja{
        display:flex;
        width:100%;
        flex-direction:column;
      }
      
      .doctoresTitular{
        display:flex;
        padding:18px 24px 20px 24px;
        border-radius:12px 12px 0 0;
        background-color:#F3F3F3;
      }
      
      .doctoresLine{
        display:flex;
        width:100%;
        height:1px;
        background-color:#C1C1C1;
      }
      
      .doctoresListado{
        display:flex;
        padding-top:18px;
        flex-direction:column;
        gap:18px;
        /*background-color:pink;*/
      }
      
      .doctoresArea{
        display:flex;
        width:100%;
        gap:15px;
        padding:0 18px 0 18px;
        /*background-color:lightblue;*/
        justify-content:space-between;
      }

/*      
.doctoresArea:hover{
    background-color:#fbfbf9;
}
*/

      .doctoresArea:hover .doctoresTexto{
        font-weight: 600;
      }

      .doctoresArea:hover .video{
        display:flex;
      }
      
      .doctoresCargo{
        display:flex;
        /*background-color:lightgreen;*/
      }
      
      .doctoresNombre{
        display:flex;
        /*background-color:orange;*/
        justify-content:flex-end;
        text-align:right;
      }

      .doctoresNameVid{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        /*background-color: antiquewhite;*/
        gap: 10px;
      }

      .video{
        display:none;
        width:100%;
        justify-content: flex-end;
        /*background-color: aqua;*/
      }

    a.botonVideo{
        all:unset;
        display:flex;
        cursor:pointer;
        width:fit-content;
        height:fit-content;
        padding:8px 12px;
        background-color:#801B23;
        border-radius:8px;
        color:white;
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
        font-size:11px;
        line-height:13px;
        letter-spacing:0.4px;
      }
      
      a.botonVideo:hover{
        font-weight:500;
        background-color:#98333b;
      }




      @media(max-width:900px){

        .doctores{
          padding: 60px 20px 10px 20px;
        }

        .doctoresArea{
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 5px;
        }

        .doctoresNombre, .doctoresCargo{
          width: 100%;
          text-align: center;
          justify-content: center;
        }

        .doctoresCargo{
          font-weight: 600;
        }

        .doctoresTitular{
          padding: 15px 18px;
          text-align: center;
          justify-content: center;
        }
            .video{
              display: flex;
              justify-content: center;
            }

      }