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;
        }



        .menu-01 {
            background-color: white;
            color: #112955;
            padding: 10px 20px;
            border: none;
            /* Smoothly animate changes over 0.3 seconds */
            transition: background-color 0.3s ease;
        }

        .menu-01:hover {
            background-color: #112955;
            color: white;
        }


        .boton-01 {
            background-color: #112955;
            color: white;
            padding: 10px 20px;
            border: none;
            /* Smoothly animate changes over 0.3 seconds */
            transition: background-color 0.3s ease;
        }

        .boton-01:hover {
            background-color: #00C6FF;
            color: #112955;
        }


        .btn-whatsapp-floating {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            z-index: 9999;
            font-size: 32px;
            padding: 0;
            transition: transform 0.3s ease;
        }

        /* Efecto visual al pasar el mouse */
        .btn-whatsapp-floating:hover {
            transform: scale(1.1);
            background-color: #128C7E !important;
            /* Verde oficial oscuro */
        }