/* ============================================
   MÓDULO NECROLÓGICOS — contexto: #modulo-necrologicos
   Diseño discreto y moderno. Tipografía en escala
   del portal (body base = 1.4rem / 22.4px).
   ============================================ */

#modulo-necrologicos {
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    padding: 1.8rem calc(var(--bs-gutter-x, 1.5rem) * 0.5) 1.5rem;
    background: var(--rc-blanco);
    border-bottom: 1px solid var(--rc-divider);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

/* --- Cabecera del módulo --- */

#modulo-necrologicos .necro-cabecera {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}

#modulo-necrologicos .necro-titulo {
    font-family: var(--rc-font-primary);
    font-size: 1.68rem;
    font-weight: 700;
    color: var(--rc-negro);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

#modulo-necrologicos .necro-titulo i {
    font-size: 1.2rem;
    color: var(--rc-gris-medio);
}

#modulo-necrologicos .necro-ver-mas {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--rc-gris-medio);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    transition: color 0.2s ease;
}

#modulo-necrologicos .necro-ver-mas:hover {
    color: var(--rc-negro);
}

#modulo-necrologicos .necro-separador {
    border-top: 1px solid var(--rc-divider);
    margin-bottom: 1.2rem;
}

/* --- Grid de tarjetas --- */

#modulo-necrologicos .necro-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

#modulo-necrologicos .necro-card {
    background: var(--rc-blanco);
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.5rem 1.5rem 1.2rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

#modulo-necrologicos .necro-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10);
    border-color: #d1d5db;
}

#modulo-necrologicos .necro-nombre {
    font-family: var(--rc-font-primary);
    font-size: 1.68rem;
    font-weight: 700;
    color: var(--rc-negro);
    line-height: 1.3;
    margin-bottom: 0.3rem;
}

#modulo-necrologicos .necro-edad {
    font-size: 1.32rem;
    color: var(--rc-gris-medio);
    margin-bottom: 0.6rem;
}

#modulo-necrologicos .necro-info {
    font-size: 1.32rem;
    color: var(--rc-gris-medio);
    line-height: 1.5;
    border-top: 1px solid var(--rc-divider);
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#modulo-necrologicos .necro-sepelio,
#modulo-necrologicos .necro-empresa {
    font-size: 1.32rem;
    color: var(--rc-gris-medio);
    line-height: 1.4;
}

#modulo-necrologicos .necro-label {
    font-weight: 700;
    color: var(--rc-gris-oscuro);
}

/* --- Link móvil --- */

#modulo-necrologicos .necro-ver-mas-movil {
    text-align: center;
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rc-divider);
}

#modulo-necrologicos .necro-ver-mas-movil a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--rc-gris-medio);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    transition: color 0.2s ease;
}

#modulo-necrologicos .necro-ver-mas-movil a:hover {
    color: var(--rc-negro);
}

/* --- Responsive --- */

@media (max-width: 991px) {
    #modulo-necrologicos .necro-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    #modulo-necrologicos .necro-grid {
        grid-template-columns: 1fr;
    }
}