/* CSS para corregir problemas de selección e interacción */
.user-select-all {
    user-select: all !important;
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
}

.user-select-text {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

.user-select-none {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Asegurar que todos los elementos interactuables tengan un z-index adecuado */
.shadow-hover,
.feature-item,
.card,
.py-5.px-4.rounded-4.shadow,
.row.align-items-center,
.ps-lg-5,
.d-flex {
    position: relative;
    z-index: 10;
    pointer-events: auto !important;
}

/* Asegurar que todos los textos sean seleccionables por defecto */
p, h1, h2, h3, h4, h5, h6, span, div {
    pointer-events: auto !important;
}

/* Corrección específica para la sección de "Control Total Sobre Sus Activos Financiados" */
.display-6.fw-bold.mb-4,
.lead.text-secondary.mb-4,
.d-flex .mb-1,
.d-flex .mb-0.text-secondary {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    pointer-events: auto !important;
    position: relative;
    z-index: 15;
}

/* Corregir problemas específicos en tarjetas */
.feature-item {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

/* Asegurarse que los elementos con hover mantienen la interactividad */
[class*="shadow-hover"] {
    pointer-events: auto !important;
}

/* Fix para asegurar que todos los bloques de texto sean seleccionables */
.text-secondary,
.lead,
.mb-4,
.mb-3,
.mb-1,
.mb-0,
.display-5,
.display-6,
.fw-bold,
.text-primary,
.badge,
.ps-lg-5 * {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

/* Eliminar cualquier elemento que pueda estar bloqueando la interacción */
.position-absolute {
    pointer-events: none;
}

/* Efectos para los enlaces de redes sociales */
.social-link {
    transition: all 0.3s ease;
    pointer-events: auto !important;
    user-select: text !important;
    position: relative;
    z-index: 10;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.social-link:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.social-link:active {
    transform: translateY(-2px);
}

/* Efectos mejorados para tarjetas sociales en grid */
.col-md-4 .social-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.5rem;
    min-height: 180px;
}

.social-link i {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: #ffffff;
}

/* Colores específicos para los iconos de redes sociales */
.social-link .fa-facebook-f,
.social-link .fa-whatsapp,
.social-link .fa-instagram,
.social-link .fa-tiktok,
.social-link .fa-youtube,
.social-link .fa-envelope {
    color: #ffffff;
}