* 
{
    all: unset; /* Elimina cualquier estilo heredado */
}

body 
{
    background-image:      url('../Imagenes/Fondo.png');
    background-size:       cover;
    background-position:   center;
    background-attachment: fixed;
    font-family:           Arial, sans-serif;
    text-align:            center;
    margin:                  0;
    padding:                 0;
}

.container 
{
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:              30px;
    padding:          20px;
}

/* Primer logo en su propia línea */
.solo 
{
    margin-bottom: 20px;
}

/* Logos e íconos alineados en pares */
.group 
{
    display:         flex;
    flex-direction:  row !important; /* Forzamos a que siempre se mantenga en línea */
    justify-content: center;
    gap:             40px;
}


.logo-box, .icon-box 
{
    width:           150px;
    height:          150px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    border-radius:    10px;
    padding:          10px;
}

.logo-box img, .icon-box img 
{
    max-width:  100%;
    max-height: 100%;
}

.message 
{
    font-size:    24px; /* Tamaño grande para destacar */
    font-weight: bold;
    margin:       20px 0;
}

/* Color blanco con sombra en dispositivos móviles */
@media (max-width: 768px) 
{
    .message 
    {
        color:       #FFFFFF;                           /* Blanco en pantallas pequeñas */
        text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);    /* Sombra para resaltar en móviles */
    }
}

/* Color negro SIN sombra en pantallas grandes */
@media (min-width: 769px) 
{
    .message 
    {
        color:       #000000; /* Negro puro en PC */
        text-shadow: none;      /* Sin sombra para mejor claridad */
    }
}

.group 
{
    display:         flex;
    flex-direction:  row;       /* Forzamos a que se mantenga en línea */
    justify-content: center;
    gap:              40px;
}