.banner-secundario { 
    padding-top: 3rem;
   
 }
 
 .content_banner-secundario{
     width: 100%;
     height: 520px;
     background-image: linear-gradient(265deg, #0a1c3ab9 17.68%, rgba(13, 33, 61, 0.671) 47.61%, rgba(217, 217, 217, 0) 239.65%);
     background-size: cover;
     background-position: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 
 .box_banner-secundario{
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     gap: 3rem;
     margin: 0 auto;
     max-width: 1200px ;
 }
 .content_banner-secundario h1 {
     color: white;
     width: 40%; /* Establece el ancho del h1 al 40% */
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 30px;
     text-align: center;
     max-height: 180px;
     border-left: 10px solid #003781;
     padding: 4.5rem;
     margin: 0 auto;
 }
 
 .content_banner-secundario p {
     color: white;
     font-size: 16px;
     max-width: 600px;
     text-align: justify;
     padding: 1rem;
 }
 
 .info-sec{
     background-color: #003781;
     max-height: 170px;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
     padding: 3rem 1rem;
     text-align: center;
 }

 .img-g_btn:hover{
    background-color: #001d42;
}
 
 .content-info-sec{
     font-size: 18px;
     max-height: 120px;
 }
 
 .agendar-cita-inf{
     display: flex;
     flex-direction: column;
     flex: 1;
     max-width: 1200px;
     justify-content: center;
     align-items: center;
     gap: 3rem;
     padding: 2rem 2rem;
     margin: 0 auto;
 }
 
 .box-agendar-cita-inf{
     max-width: 500px;
 }
 
 .box-agendar-cita-inf h2{
     font-size: 23px;
     text-align: center;
     font-weight: 500;
 }
 
 .box-agendar-cita-inf a{
     font-size: 20px;
     display: flex;
     justify-content: center;
     text-align: center;
 }
 
 .box-agendar-cita-inf a:hover{
    color: rgb(39, 197, 25);
    font-weight: 600;
 }
 
 
 .contenedor-agendar-horario{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding: 0rem 1rem;
 }
 
 .contenedor-agendar-horario h3{
     font-size: 23px;
     font-weight: 600;
 }
 
 .contenedor-agendar-horario p{
     font-size: 20px;
 }
 
 .img-d_btn_c{
    border-radius: 10px;
 }

 @media (max-width: 800px) {
     .box_banner-secundario{
         display: flex;
         flex-direction: column;
     }
 
     .agendar-cita-inf{
         display: flex;
         flex-direction: column;
     }
 
     .contenedor-agendar-horario h3{
         font-size: 18px;
         font-weight: 600;
     }
     
     .contenedor-agendar-horario p{
         font-size: 15px;
     }
 
     .content_banner-secundario h1 {
         font-size: 18px;
         
     }
     .content_banner-secundario p {
         font-size: 15px;
 
     }
     .content-info-sec{
         font-size: 18px;
     }
     .contenedor-agendar-horario h2{
         text-align: center;
     }
     .contenedor-agendar-horario p{
         text-align: center;
     }
     .content-info-sec{
         font-size: 18px;
         max-height: 120px;
     }
 }