body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #f9f8f4; 
        }


        /* Agenda */


  .Schedule {
  width: 100%;
  margin-top: 10%;
  margin-bottom: 10%;
  color: #151A38;
        }

        /* Estilos para la sección de texto */
  .Scheduletext {
  width: 35%;
  margin-left: 15%;
  margin-right: 5%;
  text-align: justify;
        }

  .scheduledescription {
  font-style: italic;
        }

  .scheduletime {
  margin-top: 20px;
        }

        /* Estilos para la sección del formulario */

  .Schedulearea {
  width: 35%;
  margin-right: 15%;
  margin-left: 5%;
        }

  .Schedulecontainer {
  max-width: 100%;
  display: flex;
        }

  .Scheduletitle  {
  font-size: 35px; /* Cambia el color de fondo al pasar el cursor sobre el botón */
  text-align: center;
  margin-bottom: 5%;
        }


        /* Estilos para el formulario */
  input[type="text"],
  input[type="email"],
  textarea {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
        }

  input[type="submit"] {
  background-color: #B69E86;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
        }

  input[type="submit"]:hover {
  background-color: #1F4F5B;
  color: #B69E86;
}


.Schedulestyle  {
  padding-left: 5%;
  padding-right: 5%;
  background-color: #151A38;
  padding-top: 5%;
  padding-bottom: 5%;
  height: 80%;
  margin-top: 10%;
  color: #B79D86;
  border-radius: 4px;
        }

  .map {
  margin-top:5%;
  margin-bottom: 5%;
          }


        @media (max-width: 1200px) { 

        }
        
        @media (max-width: 992px) { 
            .Schedulecontainer {
                max-width: 100%;
                display:block;
            }
            .Scheduletext {
                width: 50%;
                margin-left: 25%;
                margin-right: 25%;
                text-align: justify;
              }

            .Schedulearea {
                width: 80%;
                margin-right: 10%;
                margin-left: 10%;
              }

            .Schedulestyle {
                padding-left: 5%;
                padding-right: 5%;
                background-color: #151A38;
                padding-top: 5%;
                padding-bottom: 10%;
                height: 75%;
                margin-top: 10%;
              }
        } 
        
        @media (max-width: 768px) { 
        
        } 
        
        @media (max-width: 576px) { 
            
            .Scheduletitle {
                font-size: 25px;
                text-align: center;
                margin-bottom: 3%;
              }
            
              .scheduledescription {
                font-style: italic;
                color: #555;
                font-size: 15px;
              }

              .scheduletime {
                margin-top: 20px;
                font-size: 15px;
              }

            .Schedulecontainer {
                max-width: 100%;
                display:block;
            }
            .Scheduletext {
                width: 95%;
                margin-left: 2.5%;
                margin-right: 2.5%;
                text-align: justify;
              }

            .Schedulearea {
                width: 80%;
                margin-right: 10%;
                margin-left: 10%;
              }

            .Schedulestyle {
                padding-left: 5%;
                padding-right: 5%;
                background-color: #151A38;
                padding-top: 5%;
                padding-bottom: 10%;
                height: 75%;
                margin-top: 10%;
              }

            .map {

                margin-top:5%;
                margin-bottom: 5%;
                width: 100%;;
                        }
            input[type="submit"] {
                background-color: #B69E86;
                color: white;
                padding: 6px 6px;
                border: none;
                border-radius: 4px;
                cursor: pointer;
                float: right;
             }
            
             input[type="submit"]:hover {
                background-color: #1F4F5B;
                        }
        }