/* Estilos para el encabezado blanco */
.header {
    height: 50px;
    /* Modifica la altura del encabezado según tus necesidades */
    background-color: #ffffff;
    /* Fondo blanco */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    /* Sombra para simular profundidad */
    display: flex;
    align-items: center;
    padding: 21px;
    /* Agrega espaciado interno según tus preferencias */
}
/* Estilos para la fecha de actualización con opacidad */
.fecha-transparencia {
    opacity: 0.7;
    /* Puedes ajustar el valor de opacidad según tus preferencias (de 0 a 1) */
}
.Title-principal {
    font-size: 1.6em;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    margin-top: 1px;
    /* Modificar el margen superior según tus necesidades */
}

.parrafos {
    font-size: 1em;
    color: #000000;
    font-family: "Roboto", sans-serif;
}

.parrafos-2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    font-family: "Arial", "Open Sans", sans-serif;
}

/* Efecto al pasar el mouse sobre el subtítulo */
.parrafos-2:hover {
    color: #4e0258;
}

.logo-custom img {
    width: 280px;
    height: auto;
    position: sticky;
    top: 100;
    right: 100%;
}

hr {
    border: 1px solid #bdbdbd;
}

body {
    background-color: #f7f4f4;
    /* Cambia el color de fondo aquí */
}

/* Estilos para el contenedor de la imagen de fondo (papel) */
.paper-wrapper {
    /* Estilos para la imagen de fondo (sin cambios) */
    /* background-image: url("/images/nombre-de-tu-imagen.jpg");
    /* Ruta de la imagen de hoja */
    background-size: cover;
    /* Ajustar la imagen para cubrir todo el contenedor */
    background-repeat: no-repeat;
    /* Evitar la repetición de la imagen */
    background-position: center;
    /* Centrar la imagen en el contenedor */
    position: relative;
    /* Asegurar que el contenedor esté posicionado correctamente */
    z-index: 0;
    /* Asegurar que el fondo esté detrás del contenido */
    margin-top: 10px;
    
}

/* Estilos para el contenedor de las políticas */
.container {
    max-width: 900px;
    /* Ancho máximo para controlar el tamaño de la "hoja" */
    margin: 30px auto;
    /* Centrar el contenido */
    background-color: #fff;
    /* Color de fondo de la "hoja" */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    /* Sombra para simular profundidad */
    padding: 30px;
    /* Espaciado interno para separar el contenido de los bordes */
    border-radius: 15px;
    /* Bordes redondeados para dar un aspecto más suave */
    position: relative;
    /* Agregar posición relativa para colocar elementos dentro */
    z-index: 1;
    /* Agregar el borde morado en la parte inferior */
        border-bottom: 50px solid #6E2B73;
}

/* Estilos para el espacio inferior */
.bottom-space {
    height: 30px;
    /* Ajusta la altura según tus preferencias */
    margin-bottom: 20px;
    /* Agrega un margen inferior para separar el span del borde de la página */
}

/* Estilos para el span al final de la página */
.footer-span {
    display: block;
    text-align: center;
    /* Centra el contenido del span horizontalmente */
    font-size: 14px;
    /* Puedes ajustar el tamaño de fuente según tus preferencias */
    color: #555555;
    /* Puedes ajustar el color del texto según tus preferencias */
    margin-bottom: 10px;
    /* Agrega un margen inferior para separar el span del borde de la página */
}

/* Centrar la hoja en pantalla */
@media (max-width: 500px) {
    .container {
        margin: 10px auto;
        max-width: 300px;
    }
                /* Ajustar el tamaño del encabezado y el texto de la fecha */
                .Title-actualizacion {
                    font-size: 15px;
                }
                                .Title-principal {
                                    font-size: 17px;
                                }
                                    .parrafos-2 {
                                        font-size: 16px;
                                    }
}