/* ==== ESTRUCTURA PAGINA ==== */

    html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden; /* Evita barra horizontal si algo sobresale */
        }

    body {
        min-height: 100vh;        /* Altura mínima = alto de la ventana */
        display: flex;
        flex-direction: column;   /* Coloca header, contenido, footer en columna */
        }

    main {
        flex: 1;                  /* El contenido ocupa el espacio sobrante */
        }

     * {
        box-sizing: border-box;
        }