/* Estilos generales (Escritorio y Global) */
body {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, sans-serif;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Cambiado a min-height para evitar cortes */
    text-align: center;
}

.contenedor {
    padding: 20px;
    width: 90%;      /* Ocupa casi todo el ancho en móviles */
    max-width: 800px; /* Pero no se estira de más en PC */
}

h1 {
    font-size: clamp(2rem, 8vw, 4rem); /* Tamaño fluido: mínimo 2rem, máximo 4rem */
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #3e95e6;
}

p {
    font-size: clamp(1rem, 4vw, 1.2rem); /* El texto también se ajusta */
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

.linea {
    width: 50px;
    height: 3px;
    background-color: #3e95e6;
    margin: 30px auto 0;
}

/* Ajustes específicos para móviles muy pequeños */
@media (max-width: 480px) {
    h1 {
        letter-spacing: 1px; /* Menos espacio para que quepa bien */
    }
    .contenedor {
        padding: 10px;
    }
}