body {
            margin: 0;
            padding: 0;
            font-family: Helvetica, sans-serif, sans-serif;
        }
        .navbar {
            background-image: url('plecasindex.png');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #333;
            color: white;
            padding: 30px;
        }
        .navbar img {
            max-width: 100px;
        }
        .content {
            background-image: url('fondogeneral.jpg');
            background-size: cover;
           color:aliceblue;
            padding: 100px;
            text-align: center;
        }

        .texto-con-interlineado {
            letter-spacing: 2px;
            line-height: 2.5; /* Ajusta el valor según tus preferencias */
           font-size: 18px;
            display: block;
            margin-top: 5%; /* Centra horizontalmente */
            margin-left:20%;
            margin-right:20%;
            margin-bottom: 5%;
        }

        .texto-naranja {
            line-height: 2.5; /* Ajusta el valor según tus preferencias */
           font-size: 24px;
            display: block;
            margin-top: 5%; /* Centra horizontalmente */
            margin-left:20%;
            margin-right:20%;
            margin-bottom: 5%;
            color: coral;
        }

        
        .texto-naranja2 {
            line-height: 2.5; /* Ajusta el valor según tus preferencias */
           font-size: 28px;
            display: block;
            margin-top: 5%; /* Centra horizontalmente */
            margin-left:10%;
            margin-right:10%;
            margin-bottom: 5%;
            color: coral;
          
        }

        .texto-horario{
            line-height: 2.5; /* Ajusta el valor según tus preferencias */
            font-size: 30px;
             display: block;
             margin-top: 5%; /* Centra horizontalmente */
             margin-left:10%;
             margin-right:10%;
             margin-bottom: 5%;
             color: aliceblue;

        }



        .imgen1{
            width: 40%;
            height: auto;
            display: block;
            margin: auto; /* Centra horizontalmente */
        }

        .imgen2{
            width: 20%;
            height: auto;
            display: block;
            margin: auto; /* Centra horizontalmente */
        }
        .content img {
            max-width: 100%;
            height: auto;
            margin-bottom: 20px;
        }
        .footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 20px;
        }
        .social-icons a {
            color: white;
            text-decoration: none;
            margin: 0 10px;
        }
        form {
            background: radial-gradient(circle, rgb(214, 184, 31) 0%, rgb(127, 65, 4) 100%);
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f7f7f7;
            border-radius: 10%;
        }
        input[type="text"],
        input[type="email"],
        textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #817d7d;
            border-radius: 4px;
        }
        input[type="submit"] {
            background-image: url('botonEnviar.png'); /* Ruta de la imagen */
            background-size: cover; /* Ajustar el tamaño de la imagen */
            background-repeat: no-repeat; /* Evitar repetición */
            background-position: center; /* Centrar la imagen */
          
            width:100px;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
        }

        .enviar{
            background-image: url('botonEnviar.png'); /* Ruta de la imagen */
            background-size: cover; /* Ajustar el tamaño de la imagen */
            background-repeat: no-repeat; /* Evitar repetición */
            background-position: center; /* Centrar la imagen */
            background-color: transparent;
            width:100px;
            border: none;
            padding: 10px 20px;
            cursor: pointer;

        }

        @media screen and (max-width:600px){
            .texto-con-interlineado {
                letter-spacing: 2px;
                line-height: 2.5; /* Ajusta el valor según tus preferencias */
               font-size: 14px;
                display: block;
                margin-top: 5%; /* Centra horizontalmente */
                margin-left:5%;
                margin-right:5%;
                margin-bottom: 5%;
            }
    
            .texto-naranja {
                line-height: 2.5; /* Ajusta el valor según tus preferencias */
               font-size: 18px;
                display: block;
                margin-top: 5%; /* Centra horizontalmente */
                margin-left:10%;
                margin-right:10%;
                margin-bottom: 5%;
                color: coral;
            }
    
            
            .texto-naranja2 {
                line-height: 2.5; /* Ajusta el valor según tus preferencias */
               font-size: 18px;
                display: block;
                margin-top: 5%; /* Centra horizontalmente */
                margin-left:10%;
                margin-right:10%;
                margin-bottom: 5%;
                color: coral;
              
            }
        }