.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #25D366;
    color: #fff;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
    z-index: 9999;
    display: flex;
    align-items: center;
}
.whatsapp-btn i {
    margin-right: 8px;
    font-size: 20px;
}
.whatsapp-btn:hover {
    background: #128C7E;
}
.navbar-brand img {
    margin-right: 10px;
}
body {
    background: linear-gradient(135deg, #0f2027 0%, #2c5364 100%);
    color: #f7f7f7;
}
.navbar, .dropdown-menu {
    background: linear-gradient(90deg, #2e2e38 0%, #24243e 100%);
}
.navbar-nav .nav-link,
.navbar-brand {
    color: #ff2e63 !important; /* Magenta vibrante */
}

.navbar-nav .nav-link:hover,
.navbar-brand:hover {
    color: #f6d365 !important; /* Amarillo pastel */
}

.btn, .btn-mas, .btn-primary {
    background: linear-gradient(90deg, #08aeea 0%, #2af598 100%);
    color: #181818;
    border: none;
    font-weight: 600;
    transition: background 0.2s;
}

.btn:hover, .btn-mas:hover, .btn-primary:hover {
    background: linear-gradient(90deg, #ff6a00 0%, #ee0979 100%);
    color: #fff;
}
/* Contenedor más ancho personalizado */
.container-xxl, .servicios-wide {
    max-width: 1200px;      /* O el ancho que prefieras, ej: 1280px, 1600px */
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;            /* Opcional: asegura que ocupa el 100% hasta el max-width */
}
/* Contenedor extra ancho */
.container-xxl, .servicios-wide {
    max-width: 1200px;       /* Puedes usar 1280px, 1600px o lo que prefieras */
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
}
@media (max-width: 991px) {
    .servicios-wide {
        max-width: 90%;
        padding-left: 10px;
        padding-right: 10px;
    }
}