/* Cambiar el color de fondo del elemento activo en la paginación */
.page-item.active .page-link {
    background-color: #FF00FF !important;
    color: #ffffff; /* Cambia el color del texto si es necesario */
}

/* Cambiar el color del borde del elemento <a> en la paginación */
.page-item.active .page-link {
    background-color: #FF00FF !important;
    border-color: #ae0fae !important;
    color: #ffffff; /* Cambia el color del texto si es necesario */
    font-weight: bold;
}

.select-info {
    display: none;
}

label {
    font-weight: 700;
}

.sidebar-pink {
    background-color: white;
}

.color {
    color: #FF00FF !important;
}

.activo {
    background-color: #ae0fae;
    font-weight: bold;
    color: white !important;
}

.resaltar:hover {
    font-weight: bold;
}

.titulo {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Estilo personalizado para el botón */
.btn.btn-outline-secondary.btn-lg.custom-btn,
.btn.btn-outline-secondary.btn-sm.custom-btn {
    /* Estilo base del botón, si es necesario */
    color: #FF00FF;
}

/* Estilo hover personalizado para el botón */
.btn.btn-outline-secondary.btn-lg.custom-btn:hover,
.btn.btn-outline-secondary.btn-sm.custom-btn:hover {
    background-color: #ae0fae;
    color: #ffffff;
}

.noscroll {
    overflow: hidden;
}


/* Estilo base del botón */
.btn.btn-lg.custom-btn-afiliate,
.btn.btn-sm.custom-btn-afiliate {
    background-color: #FF00FF;
    color: white;
    font-size: 20px; /* Tamaño del texto */
    padding: 15px 25px; /* Ajusta el espacio interno para hacer el botón más grande */
    border: 3px solid black; /* Borde negro grueso */
}

/* Estilo hover personalizado para el botón */
.btn.btn-lg.custom-btn-afiliate:hover,
.btn.btn-sm.custom-btn-afiliate:hover {
    background-color: #ae0fae;
    color: #ffffff;
}


/* Estilo para los enlaces en estado normal */
.navbar-nav .nav-link {
    color: #FFFFFF; /* Color de texto normal (blanco) */
    background-color: transparent; /* Fondo transparente por defecto */
    transition: background-color 0.3s, color 0.3s; /* Transición suave para cambiar el color de fondo y texto */
}

/* Estilo para los enlaces cuando se pasa el ratón por encima */
.navbar-nav .nav-link:hover {
    color: #FF00FF !important; /* Cambia el color del texto a FF00FF al pasar el ratón por encima */
    background-color: #FFFFFF; /* Cambia el color de fondo a blanco al pasar el ratón por encima */
}

/* Estilo para el enlace activo (seleccionado) */
.navbar-nav .nav-link.activo {
    background-color: #ae0fae;
    font-weight: bold;
    color: white !important;
}

.alert-success-custom {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: #d1e7dd;
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

.alert-danger-custom {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: #f8d7da;
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

.bg-custom {
    color: #fff !important;
    background-color: #ae0fae !important;
}
.cabecera {
    font-weight: bold !important;
}