body {
    background:#F6F8F9;
}

h1 {
    color:#004884;
    margin-bottom:24px;
}

/* CONTENEDOR */

.buzon-notificaciones-govco {
    background:#FFFFFF;
    border:1px solid #D9E2F2;
    border-radius:10px;
    overflow:hidden;
}

/* HEADER */

.header-buzon-govco {
    padding:20px 24px;
    border-bottom:1px solid #E6ECF5;
    background:#F8FBFF;
}

.header-buzon-govco h2 {
    margin:0;
    color:#004884;
    font-size:24px;
}

/* LISTA */

.lista-notificaciones-govco {
    list-style:none;
    margin:0;
    padding:0;
}

/* ITEM */

.item-notificacion-govco {
    border-bottom:1px solid #E6ECF5;
}

.item-notificacion-govco:last-child {
    border-bottom:none;
}

.item-notificacion-govco a {
    display:block;
    text-decoration:none;
    padding:20px 24px;
    transition:background .2s ease;
}

.item-notificacion-govco a:hover {
    background:#F6F8F9;
}

.item-notificacion-govco a:focus-visible {
    outline:2px solid #000;
    outline-offset:-2px;
    background:#F6F8F9;
}

/* NO LEÍDA */

.no-leida {
    border-left:5px solid #004884;
    background:#F8FBFF;
}

.no-leida h3 {
    font-weight:700;
}

/* LEÍDA */

.leida {
    background:#FFFFFF;
}

.leida h3 {
    font-weight:500;
}

/* ENCABEZADO */

.encabezado-notificacion {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:10px;
}

.encabezado-notificacion h3 {
    margin:0;
    color:#004884;
    font-size:18px;
}

/* BADGE */

.badge-nueva {
    background:#004884;
    color:#FFFFFF;
    font-size:12px;
    font-weight:700;
    padding:5px 10px;
    border-radius:50px;
}

/* TEXTO */

.contenido-notificacion p {
    margin-bottom:10px;
    color:#4C4C4C;
    line-height:1.5;
}

.fecha-notificacion {
    font-size:14px;
    color:#737373;
}

/* RESPONSIVE */

@media(max-width:768px) {

    .header-buzon-govco {
        padding:18px;
    }

    .item-notificacion-govco a {
        padding:18px;
    }

    .header-buzon-govco h2 {
        font-size:20px;
    }

    .encabezado-notificacion h3 {
        font-size:16px;
    }

}