/*!
 * Archivo: noscript.css
 * Descripción: Estilos aplicados cuando JavaScript está deshabilitado o no disponible.
 * Este archivo asegura que elementos clave del banner sean visibles y accesibles
 * aunque no se ejecuten animaciones ni efectos dinámicos.
 *
 * Autor: Francisco Díaz
 * Fecha de creación: 18 de mayo de 2025
 *
 * Guía de estilo:
 *  - Cumple con buenas prácticas de CSS y convenciones de nomenclatura.
 *  - Usa comentarios descriptivos para facilitar el mantenimiento.
 *  - Utiliza indentación consistente y agrupación lógica de reglas.
 */

/* ==========================================================================
   SECCIÓN: Banner
   ========================================================================== */

/* 
   Cuando el body tiene la clase .is-preload (indicando que JS no está activo),
   se eliminan transformaciones y filtros para mostrar el logo, el título y el
   párrafo del banner de forma estática y completamente visible.
*/

body.is-preload #banner .logo {
    -moz-transform: none;      /* Elimina transformaciones en Firefox */
    -webkit-transform: none;   /* Elimina transformaciones en Chrome/Safari */
    -ms-transform: none;       /* Elimina transformaciones en IE/Edge */
    transform: none;           /* Elimina transformaciones estándar */
    opacity: 1;                /* Asegura que el logo sea visible */
}

body.is-preload #banner h2 {
    opacity: 1;                /* Hace visible el título */
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -moz-filter: none;         /* Elimina filtros en Firefox */
    -webkit-filter: none;      /* Elimina filtros en Chrome/Safari */
    -ms-filter: none;          /* Elimina filtros en IE/Edge */
    filter: none;              /* Elimina filtros estándar */
}

body.is-preload #banner p {
    opacity: 1;                /* Corrige el valor a 1 para visibilidad total */
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -moz-filter: none;
    -webkit-filter: none;
    -ms-filter: none;
    filter: none;
}

/* 
   NOTA:
   - Este archivo debe ser cargado dentro de una etiqueta <noscript> para que
     solo se aplique cuando JavaScript está deshabilitado.
   - Si se agregan más elementos al banner, replicar la lógica de visibilidad aquí.
*/