.hover-up {
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

    .hover-up:hover {
        transform: translateY(-8px);
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
        border-color: #0d6efd;
    }

.bg-light {
    background-color: #f8f9fa !important;
}

:root {
    --apbCyber-dark: #1e293b; /* Reemplaza al negro */
    --apbCyber-blue: #0284c7; /* Un azul más profesional que el de Bootstrap */
    --apbCyber-light: #f1f5f9;
}

.text-apbCyber-dark {
    color: var(--apbCyber-dark) !important;
}

.text-apbCyber-blue {
    color: var(--apbCyber-blue) !important;
}

.btn-primary {
    background-color: var(--apbCyber-blue) !important;
    border-color: var(--apbCyber-blue) !important;
}

.hover-up:hover {
    border-color: var(--apbCyber-blue) !important;
}

/* Quitar borde negro debajo del título */
.section-subtitle,
.subtitle,
.lead,
p.lead {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Eliminar cualquier borde del subtítulo, sin importar el origen */
.video-subtitle,
.video-title,
.hero-image-container *,
.section-subtitle,
.subtitle,
.lead,
p.lead,
h1, h2, h3, h4, h5, h6,
span,
div {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}