/* ============================================
  Archivo: styles.css
  Descripción: Reset y estilos generales para todo el sistema web Ecorut@s.
  Notas:
    - Reset básico para márgenes, padding y box-sizing.
    - Definición de fondo fijo para el cuerpo.
    - Configuración del layout principal con flexbox.
    - Definición de fuente general y alineación de texto justificado.
============================================ */

/* =========================
  1. RESET CSS GLOBAL
========================= */

/* Elimina margen y padding por defecto en todos los elementos */
* {
  margin: 0; /* Elimina el margen por defecto */
  padding: 0; /* Elimina el relleno por defecto */
  box-sizing: border-box; /* Incluye el borde en el tamaño total */
}

/* =========================
  2. ESTILOS GENERALES DEL BODY Y HTML
========================= */

/* Imagen de fondo fija para toda la página */
body {
  background-image: url(../media/img/background.jpg);
  background-attachment: fixed; /* Fija la imagen para que no se mueva al hacer scroll */
}

/* Configuración del layout general con flexbox */
html, body {
  height: 100%; /* Altura completa */
  width: 100%;  /* Ancho completo */
  display: flex; /* Uso de flexbox para layout */
  flex-direction: column; /* Los hijos se apilan en columna */
  font-family: Arial, Helvetica, Cambria, Verdana, sans-serif; /* Fuente global */
}

/* =========================
  3. CONTENIDO PRINCIPAL
========================= */

/* El contenedor main ocupa el espacio disponible */
main {
  flex: 1;
}

/* =========================
  4. UTILIDADES
========================= */

/* Clase para justificar texto */
.text-justify {
  text-align: justify;
}