body {
    /* El valor debe ser igual a la altura de tu navbar (aprox 70px-80px) */
    padding-top:60px!important; 
}
.card-business {
    border-radius: 16px;
    transition: transform 0.2s, box-shadow 0.2s;
    overflow: hidden;
}

.card-business:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.card-premium {
    border: 2px solid #ffc107 !important;
}

.badge-publicidad {
    background-color: #0000001f !important;
    color: #212529 !important;
}

.btn-social {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: opacity 0.2s;
}

.btn-social:hover {
    opacity: 0.8;
}

.whatsapp {
    color: #25D366;
}

.facebook {
    color: #1877F2;
}

.instagram {
    color: #E4405F;
}

.card-premium-gold {
    border: 3px solid rgb(7, 77, 255) !important;
    /* Dorado fuerte */
    /* background: linear-gradient(135deg, rgba(7, 77, 255, 0.5), #ffffff 100%); */
    background-color: #e7eeff !important;
    box-shadow: 0 0 15px rgba(7, 77, 255, 0.5) !important;
}

/* Animacion */
/* Ajustamos la intensidad del pulso para que no mueva todo el contenido */
.animate__pulse {
    --animate-duration: 1s;
    /* Ajusta la velocidad global del bucle */
}

/* Opcional: Si quieres que el pulso tenga un pequeño brillo dorado */
.animate__animated.animate__pulse {
    transition: box-shadow 0.1s ease;
}

.animate__animated.animate__pulse:hover {
    box-shadow: 0 0 15px rgba(7, 77, 255, 0.5) !important;
    animation-play-state: paused;
    /* Se pausa al poner el mouse para poder leer bien */
}