html {
            /* Habilita el desplazamiento suave */
            scroll-behavior: smooth;
            /* Altura aproximada de la barra superior en escritorio */
            scroll-padding-top: 100px;
        }

        /* En móviles, la barra superior ocupa más espacio vertical */
        @media (max-width: 767.98px) {
            html {
                scroll-padding-top: 180px;
                /* Ajusta según el alto real en tu móvil */
            }
        }

        header {
            /*background: white;*/
            color: white;
            text-align: center;
            padding: 15px;
        }

        nav {
            background: white;
            color: black;

            text-decoration: none;
            padding-top: 10px;

        }

        footer {
            color: white;
            text-align: center;
            padding: 10px;
        }

        main {
            padding-top: 20px;
            background: white;
        }

        .fondo-crms1 {
            background: #112955;
        }

        .fondo-crms2 {
            background: #00c6ff;
        }

        .fondo-crms3 {
            background: #E8E8E8;
        }

        .texto-crms1 {
            color: #112955;
        }

        .texto-crms2 {
            color: #00C6FF;
        }

        .texto-crms3 {
            color: #E8E8E8;
        }

        section {
            text-align: justify;
        }