html {
            scroll-behavior: smooth;
        }

        body {
            background-color: #85a6d6a2;
            font-family: sans-serif;
            padding: 20px;
            padding-top: 10px;
        }
        .cuadrado {
            background-color: white;
            border: 3px solid #75a1e2a2;
            border-radius: 15px;
            padding: 20px;
            margin-bottom: 30px;
            z-index: 2000;
            box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
        }
        .subcuadro {
            background-color: white;
            border: 3px solid #75a1e2a2;
            border-radius: 15px;
            padding: 20px;
            margin-bottom: 30px;
            z-index: 2000;
            box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
        }
        .navbar {
            background-color: #6ba7ec; 
            padding: 10px 0;
            margin-bottom: 25px;
            border-radius: 8px;

            position: sticky;
            top: 10px;
            z-index: 1000;
        }
        .navbar ul {
            list-style-type: none;  
            margin: 0;
            padding: 0;
            display: flex;             
            justify-content: center;
        }
        .navbar li {
            margin: 0 15px;
        }
        .navbar a {
            color: white;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
            transition: color 0.3s;
        }
        .navbar a:hover {
            color: #d0e2ff;
        }