html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh; /* Ocupa al menos toda la altura de la pantalla */
    color: #333;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centrado horizontal */
    justify-content: center; /* Centrado vertical (opcional) */
    background: #161616; /* Color de fondo para contraste */
}

.contenedor-global {
    color: rgb(226, 226, 226);
    max-width: 250mm; /* Ancho de un A4 */
    background: #171717;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra opcional */
    padding: 10mm; /* Márgenes internos (como en Word) */
    box-sizing: border-box; /* Incluye padding en el tamaño total */
}

.icons {
    background-color: #252525;
    color: rgb(212, 212, 212);
    padding: 3px;
}

.expe :hover {
    background-color: #252525;
    color: rgb(212, 212, 212);
}

.formacion {
    background-color: #1f1f1f;
    color: rgb(212, 212, 212);
    padding: 3px;
    border: 1px solid #505050;
}

.forma :hover {
    background-color: #252525;
}

@media screen and (max-width: 768px) {
    .contenedor-global {
        width: 100%; /* Ancho completo en pantallas pequeñas */
        padding: 5mm; /* Reduce el padding en pantallas pequeñas */
    }
    
}