hr {
   border-top: 4px solid #a502ee;
   border-bottom: 4px solid #02fff7;
   background-color: white;
   height: 12px;
}




        .contenedor {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 5px; /* Reduce el espacio entre los íconos */
        }
        .seccion {
            width: 100%;
            margin-bottom: 20px;
        }
        .imagen-principal {
            width: 100%;
            text-align: center;
        }
        .imagen-principal img {
            max-width: 100%;
            height: auto;
        }
        .redes-sociales {
            display: flex;
            justify-content: space-around;
            margin-top: 5px; /*20px; */
        }
        .redes-sociales img {
            max-width: 50px;
            height: auto;
        }
        .terminos {
            margin-top: 30px;
            text-align: center;
        }
        .sitios-relacionados {
            margin-top: 20px;
        }
        .sitios-relacionados h4 {
            color: #691C32;
        }
        .sitios-relacionados ul {
            list-style-type: none;
            padding: 0;
        }
        .sitios-relacionados ul li {
            margin-bottom: 5px; /*10px;*/
        }


        .watermark {
            position: relative;
        }

/*<!-- ASEGURA QUE LAS IMAGENES MANTENGAN SU PROPORCION DE ASPECTO ORIGINAL -->*/

        .slides img {
            width: 100%;
            height: auto;
        }


/*<!-- INTEGRAR EL LOGO EN UNA BARRA DE NAVEGACIÓN -->*/
        .logo-main {
            width: 100px; /* Ajusta el ancho del logotipo  100px*/
            height: auto; /* Mantiene la proporción de aspecto */
            margin: 100px; /* Ajusta el margen alrededor del logotipo */
        }

/*<!-- SANGRIA -->*/
        .sangria {
            text-indent: 20px; /* Ajusta el valor según la cantidad de sangría que desees */
        }



   
/*<!-- alinear a la derecha -->*/

        .alinear-derecha {
            text-align: right;
        } 



        .texto-izquierda {
         text-align: left;
        }