/* =========================
   CONTENEDOR GENERAL
========================= */

.page-id-843 .entry-content,
.page-id-843 .post-843,
.page-id-843 .site-main{
    max-width:1400px !important;
    width:100% !important;
    margin:0 auto;
}

/* =========================
   GRID DE TEMAS
========================= */

.lista-temas{

    display:grid !important;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:24px !important;

    width:100%;

    max-width:1400px;

    align-items:stretch;
}

/* =========================
   TARJETAS DE TEMAS
========================= */

.lista-tema-item{

    width:100% !important;

    height:160px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:24px;

    border-radius:28px;

    text-decoration:none !important;

    background:
    linear-gradient(
        135deg,
        rgba(5,16,24,.92) 0%,
        rgba(15,49,78,.88) 100%
    );

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

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 10px 30px rgba(0,0,0,.28);

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.lista-tema-item:hover{

    transform:translateY(-3px);

    border-color:rgba(70,170,255,.35);

    background:
    linear-gradient(
        135deg,
        rgba(8,24,36,.96) 0%,
        rgba(18,67,108,.94) 100%
    );
}

/* =========================
   TÍTULO TEMA
========================= */

.lista-tema-nombre{

    display:block;

    color:#f3f5f7;

    font-size:22px;

    font-weight:600;

    line-height:1.05;

    letter-spacing:-0.03em;
}

/* =========================
   CONTADOR
========================= */

.lista-tema-contador{

    display:block;

    margin-top:18px;

    color:rgba(255,255,255,.58);

    font-size:14px;

    font-weight:400;
}

/* ===================================
   POSTS POR CATEGORÍA EN CAJAS
=================================== */

.si-posts-por-categoria{

    width:100%;

    max-width:1400px;

    margin:0 auto;
}

.si-bloque-categoria{

    margin-bottom:70px;
}

.si-titulo-categoria{

    margin:0 0 28px;

    color:#f3f5f7;

    font-size:34px;

    font-weight:600;

    line-height:1.1;
}

/* GRID POSTS */

.si-grid-posts{

    display:grid;

    grid-template-columns:
    repeat(3,minmax(0,1fr));

    gap:28px;
}

/* TARJETAS POSTS */

.si-post-card{

    min-height:360px;

    overflow:hidden;

    border-radius:24px;

    background:
    linear-gradient(
        135deg,
        rgba(5,16,24,.92) 0%,
        rgba(15,49,78,.88) 100%
    );

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

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 10px 30px rgba(0,0,0,.28);

    transition:.25s;
}

.si-post-card:hover{

    transform:translateY(-4px);

    border-color:
    rgba(70,170,255,.35);
}

.si-post-card-link{

    display:flex;

    flex-direction:column;

    height:100%;

    padding:26px;

    text-decoration:none !important;
}

/* TÍTULO POST */

.si-post-title{

    margin:0;

    color:#31829b;

    font-size:30px;

    font-weight:500;
letter-spacing:0.05em;

font-style:italic;

    line-height:1.1;
}

/* EXTRACTO */

.si-post-excerpt{

    margin-top:18px;

    color:rgba(255,255,255,.65);

    line-height:1.6;

    font-size:15px;
}

/* BOTÓN */

.si-post-button{

    margin-top:auto;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:auto;
    max-width:max-content;

    padding:8px 14px;

    border-radius:10px;

    background:rgba(255,255,255,.06);

    color:#fff;

    border:1px solid rgba(255,255,255,.1);

    font-size:14px;

    line-height:1;
}
/* =========================
   MÓVIL
========================= */

@media (max-width:900px){

    .si-grid-posts{
        grid-template-columns:1fr;
    }

    .lista-temas{
        grid-template-columns:1fr;
        gap:16px !important;
    }

    .lista-tema-item{

        height:130px;

        padding:22px;

        border-radius:24px;
    }

    .lista-tema-nombre{
        font-size:18px;
    }

    .si-post-title{
        font-size:24px;
    }
}