body
			{
				font-size: 18px;
				color:#333333;
}
			}
            nav li a {
              font-family: "Dosis", sans-serif;
              font-size: 22px;
			  font-weight: 800;
            }

		    .logo {
		        width: 200px;
		    }
            .navbar-transparent {
                background-color: transparent;
                border: none;
            }
            
            .navbar-default .navbar-nav>li>a {
                color: white;
            }

            .navbar-default .navbar-nav>li>a:hover {
				background-color: #e7e7e7;
            }
		    
            .navbar {
              height: 80px; /* Ajusta la altura según necesites */
            }
            
            .navbar-nav-full-height {
              height: 100%;
              display: flex;
              align-items: center;
            }	
			.navbar.navbar-fixed-top {
			  transition: background-color 0.3s ease-in-out; /* Agrega una transición suave */
			  padding-top: 10px;
			}

			.navbar.navbar-fixed-top.fixed {
			  background-color: white; /* Cambia #333 por el color que desees */
			  padding-top: 10px;
			}		
			
			.fixed .navbar-nav>li>a {
                color: black !important;
            } 
			
			.fixed .navbar-nav > .active > a, .fixed .navbar-nav > .active > a:hover, .fixed .navbar-nav > .active > a:focus {
				color: #555;
				background-color: #25d366;
			}
			
			h1{
				font-weight: bolder;
			}

			.fa-border-radius {
				font-weight: 900;
				font-size: 38px;
				border: 3px solid #6d6d6d;
				padding: 16px;
				border-radius: 50% 50%;
			}			
			
			.reconocimiento{
				font-size: 60px; font-weight: bold; margin-top: 20px;
			}
			
			.pricing-area li{
				line-height: 28px;
			}
			
			.code-container {
				border: 1px solid #ccc;
				background-color: #000;
				color: #fff;
				padding: 10px;
				font-family: monospace;
				white-space: pre;
				overflow-x: auto;
				margin-bottom: 10px;
			}
			.line-number {
				color: #777;
			}	

			.contact-info-area li a {
				color: white;
				line-height: 28px;
			}

			.section-head li{
				padding: 10px 0px;
			}
			.mt-10
			{
				margin-top: 10px;
			}

        .whatsapp-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 70px;
            height: 70px;
            z-index: 1000;
            animation: pulse 1.5s infinite;
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1);
            }
        }