/* Menu */
.navbar.navbar-scrolled {
    background-color: #001689 !important; /* Cambia este valor por el tono azul que desees */
}
.navbar.navbar-scrolled .nav-link {
    color: #fff; /* Texto blanco */
}
.navbar.navbar-scrolled .navbar-brand img {
    /* width: 40px; Tamaño reducido del logo */
}
/* Estilo del logo al hacer scroll */
.navbar-brand .logo-default {
    transition: opacity 0.3s ease-in-out;
}

.navbar-brand .logo-white {
    transition: opacity 0.3s ease-in-out;
}

.navbar.navbar-scrolled .logo-default {
    display: none !important;
}

.navbar.navbar-scrolled .logo-white {
    display: inline-block !important;
}
/* Texto */
h1 {
    color: #001689 !important;
    font-weight: normal !important;
}

h2 {
    color: #00953b;
}
h5 {
    /* color: #001689 !important; */
}
.nav-link {
    color: #00953b;
    font-weight: bolder;
}
/* Botones */
.btn-papelek {
    --bs-btn-color: #fff;
    --bs-btn-bg: #001689; /* Color principal */
    --bs-btn-border-color: #001689;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0022a1; /* Un tono más oscuro para hover */
    --bs-btn-hover-border-color: #001e8d;
    --bs-btn-focus-shadow-rgb: 0, 22, 137; /* Ajuste del foco */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000d4c; /* Aún más oscuro para el estado activo */
    --bs-btn-active-border-color: #000b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #001689;
    --bs-btn-disabled-border-color: #001689;
}
#contacto i {
    color: #001689;
}
/* Card servicios */
.section-servicios .carousel .card {
    transition: transform 0.3s, box-shadow 0.3s;
}
.section-servicios .carousel .card:hover {
    transform: scale(1.05);
    /* Aumenta el tamaño de las tarjetas */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    /* Agrega una sombra más grande */
}

/* Boton de whatsapp */
.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    background-color: #001689;
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    padding: 15px;
    transition: transform 0.3s ease;
    animation: bounce 2s infinite;
    cursor: pointer;
    text-align: center;
}

.whatsapp-btn:hover {
    transform: scale(1.1);
}

.whatsapp-icon {
    width: 40px;
    height: 40px;
}

.whatsapp-tooltip {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 8px;
    position: absolute;
    bottom: 60px;
    right: -30px;
    z-index: 101;
    width: 180px;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 14px;
}

.whatsapp-btn:hover .whatsapp-tooltip {
    visibility: visible;
    opacity: 1;
}