* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

:root {
    --ets-azul: #67A0CD;
    --ets-azul-claro: #6BA4D0;
    --ets-azul-oscuro: #5F98C6;

    --ets-texto: #243744;
    --ets-texto-secundario: #647985;

    --ets-blanco: #ffffff;
    --ets-borde: #dce8ef;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--ets-texto);

    background:
        radial-gradient(
            circle at 22% 16%,
            rgba(255, 255, 255, 0.08) 0%,
            rgba(255, 255, 255, 0) 35%
        ),
        linear-gradient(
            135deg,
            var(--ets-azul) 0%,
            var(--ets-azul-claro) 48%,
            var(--ets-azul-oscuro) 100%
        );

    background-attachment: fixed;
    min-height: 100vh;
}

.contenedor {
    width: 94%;
    max-width: 1450px;
    margin: 0 auto;
}

.contenido-principal {
    padding: 18px 0 10px;
}

.contenido-principal > .contenedor {
    background: rgba(255, 255, 255, 0.985);
    padding: 34px;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(20, 60, 90, 0.15);
}

@media (max-width: 800px) {
    .contenedor {
        width: 94%;
    }

    .contenido-principal > .contenedor {
        padding: 22px 18px;
        border-radius: 14px;
    }
}


/* =========================================================
   AJUSTE FINAL DE ESPACIO ANTES DEL PIE
========================================================= */

.contenido-principal {
    padding-bottom: 10px !important;
}

body {
    padding-bottom: 0 !important;
}