/* =========================================================
   AETERNUM — NECROLOGI LUX CARDS
========================================================= */

.necrologi-list{
    gap: 34px;
}

/* CARD */
.necrologio-card{
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #f9f4eb 0%,
            #f3ecdf 100%
        );

    border-radius: 22px;

    border:
        1px solid rgba(184,138,53,.28);

    box-shadow:
        0 18px 40px rgba(70,45,20,.10),
        inset 0 1px 0 rgba(255,255,255,.92);

    transition:
        transform .22s ease,
        box-shadow .28s ease,
        filter .28s ease;
}

/* CORNICE INTERNA */
.necrologio-card::before{
    content:"";

    position:absolute;
    inset:10px;

    border-radius:16px;

    border:
        1px solid rgba(184,138,53,.18);

    pointer-events:none;
}

/* GLOW */
.necrologio-card:hover{
    transform: translateY(-8px);

    box-shadow:
        0 30px 60px rgba(70,45,20,.18),
        0 0 0 4px rgba(184,138,53,.08),
        inset 0 1px 0 rgba(255,255,255,.95);

    filter:
        brightness(1.015)
        contrast(1.02);
}

/* =========================================================
   THUMB MANIFESTO
========================================================= */

.necrologio-thumb{
    position: relative;

    background:
        linear-gradient(
            180deg,
            #f7f4ee,
            #efe8dc
        );

    padding: 18px 18px 14px;

    height: auto !important;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* manifesto completo */
.necrologio-thumb img{
    width: 100%;
    height: auto !important;

    object-fit: contain !important;

    border-radius: 12px;

    border:
        1px solid rgba(0,0,0,.08);

    background:#fff;

    box-shadow:
        0 10px 24px rgba(0,0,0,.08);
}

/* =========================================================
   BODY
========================================================= */

.necrologio-body{
    position: relative;

    padding:
        18px
        22px
        26px !important;

    text-align:center;
}

/* NOME */
.necrologio-body h2{
    margin: 0 0 10px !important;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 2rem;

    line-height: 1.08;

    letter-spacing: -.02em;

    color: #6f1d2a !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.85);

    transition:
        color .22s ease,
        text-shadow .22s ease;
}

/* NO DROP CAP */
.necrologio-body h2::first-letter{
    color: inherit !important;
    font-size: inherit !important;
}

/* hover nome */
.necrologio-card:hover .necrologio-body h2{
    color: #9b7632 !important;

    text-shadow:
        0 0 18px rgba(184,138,53,.18);
}

/* luogo */
.necrologio-body .place{
    margin-top: 10px;

    font-size: .82rem;

    letter-spacing: .18em;

    text-transform: uppercase;

    color: #24314d;
}

/* separatore */
.necrologio-body .date::before{
    content:"";

    display:block;

    width: 82%;

    height: 1px;

    margin:
        18px auto
        18px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184,138,53,.45),
            transparent
        );
}

/* data */
.necrologio-body .date{
    font-size: .9rem;

    color: #2f2a26;

    letter-spacing: .05em;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:640px){

    .necrologio-body h2{
        font-size: 1.5rem;
    }

    .necrologi-list{
        gap: 24px;
    }

}