/* Estilos personalizados para el body */
        body {
            font-family: Arial, sans-serif;
            font-family: 'Lexend Deca', sans-serif;
            background-color: rgba(3, 4, 46, 0.7);   
        }

        .card-img-top {
            height: 200px; /* Tamaño deseado */
            object-fit: cover; /* Ajusta el tamaño y recorta la imagen para que se ajuste al contenedor */
          }


                /* Estilos personalizados para la barra de  */
                .navbar {
                    background-color: #928c8c;
                }
        
                .navbar-brand {
                    color: black;
                }
        
                .nav-link {
                    color: black;
                }
        
                .nav-link:hover {
                    color: red;
                }
        
        
        
                /* Estilo Inicio */
                .inicio {
                    background-color: #1c108d;     
                }
        
        
        
                /* Estilo Nosotros */
                #nosotros {
                    background-color: rgb(245, 244, 244);     
                }
        
        
        
                .recuadro {
                    background-color: black;
                    color: white;
                    opacity: 0.85;
                    display: inline-block; 
                    padding: 10px; 
                 /*   border-radius: 10px;   */
                }
        
                
                .recuadro2 {
                    background-color: rgb(108, 128, 151);
                    color: white;
                    opacity: 0.70;
                    display: inline;
                    padding-top: 12px;
                    text-align: center;
                 /*   border-radius: 10px;   */
                }
        
                /* Estilo Servicios */
                #servicios {
                    background-color: rgba(0, 0, 0, 0.7);     
                    background-image: url('../img/t.jpg'); 
                    background-repeat: no-repeat;
                    background-attachment: fixed;
                    background-size: cover;
                    background-position: center;
                }
        
        
              /* Estilo Contacto */
                #contacto {
                    background-color: rgb(0, 0, 0);     
                    background-image: url('../img/autoNegro.jpg'); 
                    background-repeat: no-repeat;
                    color: white;
                    margin-top: 50px;
                }  
        
                .whatsapp-btn {
                    position: fixed;
                    bottom: 20px; /* Ajusta la posición según tu preferencia */
                    right: 20px; /* Ajusta la posición según tu preferencia */
                    z-index: 9999; /* Asegura que esté en la parte superior */
                }
                
                .whatsapp-btn img {
                    width: 50px;
                    height: 50px;
                }
                
                
                .whatsapp-btn img:hover {
                    transform: scale(1.1);
                }
        

        
        
                      /* Estilos para igualar la altura de los recuadros */
            .recuadro2 {
                height: 100%; /* Ajustar la altura de los recuadros */
                display: flex;
                flex-direction: column;
        
                
              }
          
              /* Estilos para el fondo y la apariencia */
              #icon-grid {
                background-color: rgba(9, 9, 10, 0.5);   
              }