/* ===== CARD CIAPACOV ===== */
.card-signin {
    border: none;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 14px 35px rgba(147, 50, 142, 0.18);
    overflow: hidden;
    position: relative;
    transition: all .35s ease;
}

.card-signin:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 45px rgba(147, 50, 142, 0.28);
}

/* Borde inferior institucional */
.card-signin::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: linear-gradient(
        90deg,
        #93328E,
        #b44fa9,
        #0dcaf0
    );
}

/* Ícono principal */
.card-signin .fa-cog {
    color: #93328E;
    filter: drop-shadow(0 4px 6px rgba(147,50,142,.4));
}

/* Título */
.card-signin h5 {
    font-weight: 700;
    color: #93328E;
    letter-spacing: .4px;
}

/* Texto informativo */
.card-signin .card-subtitle {
    font-size: .95rem;
    color: #4a4a4a;
    line-height: 1.6;
}

/* Horas destacadas */
.card-signin .text-success {
    color: #0b8bdc !important;
    font-weight: 700;
}

/* Línea divisoria */
.card-signin hr {
    width: 65%;
    margin: 1.4rem auto;
    border: none;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        #93328E,
        transparent
    );
}

/* Ícono agua */
.card-signin .fa-tint {
    font-size: 1.9rem;
    color: #0dcaf0;
}

/* Texto final */
.card-signin .card-text {
    font-size: .9rem;
    color: #555;
    font-weight: 600;
}

/* Fondo sutil interno */
.card-signin .card-body {
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f9f2f8 100%
    );
    border-radius: 18px;
}

/* ===== TARJETAS DE TRÁMITES ===== */
.block__35630 {
    background: #ffffff;
    border-radius: 18px;
    padding: 30px 25px;
    height: 100%;
    box-shadow: 0 15px 40px rgba(147, 50, 142, 0.15);
    transition: all .35s ease;
    border-bottom: 6px solid #93328E;
}

.block__35630:hover {
    transform: translateY(-8px);
}

/* Íconos principales */
.block__35630 .icon span {
    font-size: 55px;
    color: #93328E;
    display: inline-block;
}

/* Título de área */
.block__35630 h3 {
    color: #93328E;
    font-weight: 700;
    margin-top: 10px;
}

/* Descripción corta */
.block__35630 h2 {
    font-size: 14px;
    color: #555;
    font-weight: 500;
    margin-bottom: 15px;
}

/* Lista de documentos */
.features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.features li {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.features li a {
    display: flex;
    padding: 10px 14px;
    border-radius: 10px;
    background: #f8f4f8;
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
    text-decoration: none;
    width: 100%;
    max-width: 420px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
}

.features li a span {
    color: #93328E;
    margin-right: 8px;
}

.features li a:hover {
    background: linear-gradient(90deg, #93328E, #b44fa9);
    color: #ffffff;
}

.features li a:hover span {
    color: #ffffff;
}