:root{--gsc-art-ink:#17162f;--gsc-art-muted:#756c7f;--gsc-art-pink:#e7348c;--gsc-art-line:#eee9f2}
.gsc-section-accent{width:4px;height:24px;border-radius:999px;background:linear-gradient(#f65baa,#9128a1);flex:0 0 auto}

/* HOME: una sola tira visual, imagen panorámica arriba */
.gsc-articles-home{max-width:1440px;margin:0 auto;padding:10px 28px 22px;box-sizing:border-box;font-family:inherit;color:var(--gsc-art-ink)}
.gsc-articles-home-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:12px}.gsc-articles-home-heading{display:flex;align-items:flex-start;gap:11px;min-width:0}.gsc-articles-home-heading h2{margin:0;font-size:clamp(22px,1.9vw,30px);line-height:1.05}.gsc-articles-home-heading p{margin:4px 0 0;font-size:13px;line-height:1.35;color:var(--gsc-art-muted)}.gsc-articles-home-all{flex:0 0 auto;font-size:13px;font-weight:800;color:#182d8a!important;text-decoration:none!important;white-space:nowrap}.gsc-articles-home-all:hover{color:var(--gsc-art-pink)!important}
.gsc-articles-home-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%;align-items:stretch}
.gsc-article-home-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;height:100%!important;margin:0!important;overflow:hidden;background:#fff;border:1px solid var(--gsc-art-line);border-radius:8px;box-shadow:0 4px 13px rgba(38,23,52,.035);transition:transform .18s ease,box-shadow .18s ease}.gsc-article-home-card:hover{transform:translateY(-2px);box-shadow:0 8px 19px rgba(38,23,52,.07)}
.gsc-article-home-media{display:block;width:100%;aspect-ratio:16/5.5;background:#f7f2f8;overflow:hidden;flex:0 0 auto}.gsc-article-home-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease}.gsc-article-home-card:hover .gsc-article-home-media img{transform:scale(1.02)}.gsc-article-placeholder{display:block;width:100%;height:100%;min-height:82px;background:radial-gradient(circle at 20% 20%,#f9bada,transparent 42%),linear-gradient(135deg,#28213c,#7a316b)}
.gsc-article-home-body{padding:0 11px 11px;min-width:0;display:flex;flex-direction:column;flex:1}.gsc-article-home-meta{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:27px;margin:0 0 5px;font-size:9.5px;color:var(--gsc-art-muted);white-space:nowrap;overflow:visible}.gsc-article-category{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fbe7f2;color:#ad2768;font-weight:800;text-transform:uppercase;letter-spacing:.025em;border:1px solid #f5cfe2;box-shadow:0 2px 6px rgba(125,35,90,.05);transform:translateY(-10px)}.gsc-article-home-meta time{margin-left:auto;padding-top:7px;text-align:right;color:#857b8e}
.gsc-article-home-card h3{margin:0 0 5px;font-size:14.5px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gsc-article-home-card h3 a{color:var(--gsc-art-ink);text-decoration:none}.gsc-article-home-card p{margin:0;color:var(--gsc-art-muted);font-size:11.2px;line-height:1.33;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* GRID COMPLETO */
.gsc-articles{max-width:1440px;margin:0 auto;padding:24px 28px;font-family:inherit;color:var(--gsc-art-ink)}.gsc-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.gsc-section-head>div{display:flex;align-items:center;gap:11px}.gsc-section-head h2{margin:0;color:var(--gsc-art-ink);font-size:clamp(22px,2vw,30px);line-height:1.15}.gsc-section-link{font-size:14px;font-weight:700;color:#6d2499;text-decoration:none}.gsc-articles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gsc-article-card{overflow:hidden;background:#fff;border:1px solid var(--gsc-art-line);border-radius:14px;box-shadow:0 8px 22px rgba(38,23,52,.05);transition:transform .2s ease,box-shadow .2s ease}.gsc-article-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(38,23,52,.09)}.gsc-article-media{display:block;aspect-ratio:16/8.8;background:#f7f2f8;overflow:hidden}.gsc-article-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.gsc-article-card:hover .gsc-article-media img{transform:scale(1.025)}.gsc-article-body{padding:14px 15px 17px}.gsc-article-meta{display:flex;align-items:center;gap:9px;color:var(--gsc-art-muted);font-size:11px;margin-bottom:7px}.gsc-article-card h3{font-size:17px;line-height:1.25;margin:0 0 7px}.gsc-article-card h3 a{color:var(--gsc-art-ink);text-decoration:none}.gsc-article-card p{margin:0;color:var(--gsc-art-muted);font-size:13px;line-height:1.45}
.gsc-articles-pagination{display:flex;justify-content:center;margin-top:24px}.gsc-articles-pagination ul.page-numbers{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.gsc-articles-pagination .page-numbers a,.gsc-articles-pagination .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--gsc-art-line);border-radius:10px;background:#fff;color:var(--gsc-art-ink);font-size:13px;font-weight:700;text-decoration:none}.gsc-articles-pagination .page-numbers .current{background:linear-gradient(135deg,#d93488,#8e2ba2);border-color:transparent;color:#fff}.gsc-articles-pagination .page-numbers .dots{border-color:transparent;background:transparent;min-width:auto;padding:0 4px}

@media(max-width:1100px){.gsc-articles-home-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gsc-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.gsc-articles-home{padding:10px 16px 18px}.gsc-articles-home-head{align-items:flex-start;flex-direction:column;gap:7px}.gsc-articles-home-all{align-self:flex-end}.gsc-articles-home-strip{grid-template-columns:1fr!important}.gsc-article-home-media{aspect-ratio:16/6}.gsc-article-home-body{padding:0 12px 12px}.gsc-article-home-card p{display:-webkit-box}.gsc-articles{padding:20px 16px}.gsc-section-head{align-items:flex-start}.gsc-articles-grid{grid-template-columns:1fr}.gsc-section-link{font-size:12px}.gsc-article-card{display:grid;grid-template-columns:120px 1fr}.gsc-article-media{aspect-ratio:auto;height:100%}.gsc-article-body{padding:12px}.gsc-article-card p{display:none}.gsc-articles-pagination .page-numbers a,.gsc-articles-pagination .page-numbers span{min-width:34px;height:34px;padding:0 9px;font-size:12px}}


/* v0.2.3 — Home image slightly taller + archive meta aligned like Home */
.gsc-article-home-media{
    aspect-ratio:16/7.4 !important;
}

/* Página completa: categoría y fecha conservan la misma jerarquía visual del Home. */
.gsc-article-card .gsc-article-body{
    padding-top:0 !important;
}
.gsc-article-card .gsc-article-meta{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-height:29px;
    margin:0 0 6px;
    color:var(--gsc-art-muted);
    font-size:10.5px;
    white-space:nowrap;
    overflow:visible;
}
.gsc-article-card .gsc-article-meta .gsc-article-category{
    flex:0 1 auto;
}
.gsc-article-card .gsc-article-meta time{
    flex:0 0 auto;
    margin-left:auto;
    padding-top:8px;
    text-align:right;
    color:#857b8e;
}

@media(max-width:620px){
    .gsc-article-home-media{
        aspect-ratio:16/8 !important;
    }
    /* En el archivo móvil la tarjeta es horizontal; allí no superponemos el tag sobre la imagen. */
    .gsc-article-card .gsc-article-body{
        padding:12px !important;
    }
    .gsc-article-card .gsc-article-meta{
        min-height:auto;
        margin-bottom:7px;
        gap:8px;
        white-space:normal;
    }
    .gsc-article-card .gsc-article-meta .gsc-article-category{
        transform:none;
    }
    .gsc-article-card .gsc-article-meta time{
        padding-top:4px;
    }
}


/* v0.2.4 — Home and Grid share the same approved card language */
.gsc-article-home-card,
.gsc-article-card{
    overflow:hidden;
    background:#fff;
    border:1px solid var(--gsc-art-line);
    border-radius:14px;
    box-shadow:0 8px 22px rgba(38,23,52,.05);
    transition:transform .2s ease,box-shadow .2s ease;
}

.gsc-article-home-card:hover,
.gsc-article-card:hover{
    transform:translateY(-3px);
    box-shadow:0 13px 28px rgba(38,23,52,.09);
}

/* Rectangular, slightly taller than the previous Home crop; matches Grid. */
.gsc-article-home-media,
.gsc-article-media{
    display:block;
    width:100%;
    aspect-ratio:16 / 8.8 !important;
    background:#f7f2f8;
    overflow:hidden;
}

.gsc-article-home-media img,
.gsc-article-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

/* Same spacing under the image in both views. */
.gsc-article-home-body,
.gsc-article-body{
    padding:14px 15px 17px !important;
    min-width:0;
}

.gsc-article-home-meta,
.gsc-article-meta{
    position:static !important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:0 !important;
    margin:0 0 9px !important;
    color:var(--gsc-art-muted);
    font-size:11px;
    white-space:nowrap;
    overflow:visible;
}

.gsc-article-home-meta .gsc-article-category,
.gsc-article-meta .gsc-article-category{
    transform:none !important;
    flex:0 1 auto;
    margin:0;
    padding:5px 10px;
}

.gsc-article-home-meta time,
.gsc-article-meta time{
    flex:0 0 auto;
    margin-left:auto;
    padding:0 !important;
    text-align:right;
    color:#857b8e;
}

.gsc-article-home-card h3,
.gsc-article-card h3{
    margin:0 0 7px;
    font-size:17px;
    line-height:1.25;
}

.gsc-article-home-card p,
.gsc-article-card p{
    margin:0;
    color:var(--gsc-art-muted);
    font-size:13px;
    line-height:1.45;
}

/* Home keeps its 4-column strip but uses the same card proportions as Grid. */
.gsc-articles-home-strip{
    gap:16px !important;
    align-items:stretch;
}

@media(max-width:620px){
    .gsc-article-home-media{
        aspect-ratio:16 / 9 !important;
    }
    .gsc-article-home-body{
        padding:13px 14px 15px !important;
    }
    .gsc-article-home-meta{
        margin-bottom:8px !important;
        white-space:normal;
    }
    .gsc-article-home-card h3{
        font-size:16px;
    }
    .gsc-article-home-card p{
        font-size:12.5px;
    }
}


/* v0.2.8 — ONLY metadata alignment. Everything else stays from stable v0.2.4. */
.gsc-article-home-card .gsc-article-home-meta,
.gsc-article-card .gsc-article-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:26px !important;
    margin:0 0 9px !important;
    padding:0 !important;
    gap:14px !important;
    white-space:nowrap !important;
    position:static !important;
    overflow:visible !important;
}

.gsc-article-home-card .gsc-article-home-meta .gsc-article-category,
.gsc-article-card .gsc-article-meta .gsc-article-category{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-height:26px !important;
    margin:0 !important;
    padding:5px 10px !important;
    transform:none !important;
    position:static !important;
    line-height:1 !important;
}

.gsc-article-home-card .gsc-article-home-meta time,
.gsc-article-card .gsc-article-meta time{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:0 0 auto !important;
    min-height:26px !important;
    margin:0 4px 0 auto !important;
    padding:0 !important;
    transform:none !important;
    position:static !important;
    line-height:1 !important;
    text-align:right !important;
}


/* v0.2.9 — metadata visual positioning only.
   Keep all card/image/text/grid sizing from v0.2.8 unchanged. */
.gsc-article-home-card .gsc-article-home-meta,
.gsc-article-card .gsc-article-meta{
    overflow:visible !important;
}

/* Tag straddles the lower edge of the image, matching the approved mock. */
.gsc-article-home-card .gsc-article-home-meta .gsc-article-category,
.gsc-article-card .gsc-article-meta .gsc-article-category{
    position:relative !important;
    z-index:3 !important;
    transform:translateY(-27px) !important;
}

/* Grid date already has the desired position: do not move it. */
.gsc-article-card .gsc-article-meta time{
    transform:none !important;
}

/* Home date was too far from the image; bring it closer without changing layout. */
.gsc-article-home-card .gsc-article-home-meta time{
    transform:translateY(-8px) !important;
}

@media(max-width:620px){
    .gsc-article-home-card .gsc-article-home-meta .gsc-article-category,
    .gsc-article-card .gsc-article-meta .gsc-article-category{
        transform:translateY(-24px) !important;
    }
    .gsc-article-home-card .gsc-article-home-meta time{
        transform:translateY(-6px) !important;
    }
}


/* v0.2.10 — simplified cards: image + edge tag + title only.
   Home and Grid keep all existing image/card/grid sizing. */
.gsc-article-home-card .gsc-article-home-body,
.gsc-article-card .gsc-article-body{
    overflow:visible !important;
}

.gsc-article-home-card .gsc-article-home-meta,
.gsc-article-card .gsc-article-meta{
    display:block !important;
    width:100% !important;
    min-height:26px !important;
    height:26px !important;
    margin:-27px 0 10px !important;
    padding:0 !important;
    overflow:visible !important;
    position:relative !important;
    z-index:4 !important;
    transform:none !important;
    white-space:nowrap !important;
}

.gsc-article-home-card .gsc-article-home-meta .gsc-article-category,
.gsc-article-card .gsc-article-meta .gsc-article-category{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:26px !important;
    height:26px !important;
    margin:0 !important;
    padding:0 10px !important;
    position:relative !important;
    z-index:5 !important;
    transform:none !important;
    line-height:1 !important;
}

/* Date and excerpts are intentionally removed from both rendered views. */
.gsc-article-home-card .gsc-article-home-meta time,
.gsc-article-card .gsc-article-meta time,
.gsc-article-home-card .gsc-article-home-body > p,
.gsc-article-card .gsc-article-body > p{
    display:none !important;
}

@media(max-width:620px){
    /* Keep archive mobile cards readable; no forced edge overlap in horizontal cards. */
    .gsc-article-card .gsc-article-meta{
        margin:0 0 8px !important;
        height:24px !important;
        min-height:24px !important;
    }

    .gsc-article-card .gsc-article-meta .gsc-article-category{
        height:24px !important;
        min-height:24px !important;
    }

    /* Home remains vertical on mobile, so preserve the edge-tag treatment. */
    .gsc-article-home-card .gsc-article-home-meta{
        margin:-25px 0 9px !important;
        height:24px !important;
        min-height:24px !important;
    }

    .gsc-article-home-card .gsc-article-home-meta .gsc-article-category{
        height:24px !important;
        min-height:24px !important;
    }
}


/* v0.2.11 — fix grid tag edge placement and tighten title spacing.
   Home stays visually approved; Grid tag moves from inside the image to the lower edge. */

/* Slightly tighter lower spacing in both views now that only the title remains. */
.gsc-article-home-card .gsc-article-home-body,
.gsc-article-card .gsc-article-body{
    padding:0 15px 12px !important;
}

.gsc-article-home-card h3,
.gsc-article-card h3{
    margin:0 !important;
}

/* Home: keep the approved edge-tag treatment, but tighten the space under it a bit. */
.gsc-article-home-card .gsc-article-home-meta{
    margin:-25px 0 8px !important;
}

/* Grid: tag must sit on the image/body edge, not floating inside the image. */
.gsc-article-card .gsc-article-meta{
    margin:-13px 0 8px !important;
    height:26px !important;
    min-height:26px !important;
}

.gsc-article-card .gsc-article-meta .gsc-article-category{
    position:relative !important;
    top:0 !important;
}

@media(max-width:620px){
    .gsc-article-home-card .gsc-article-home-body,
    .gsc-article-card .gsc-article-body{
        padding:0 12px 10px !important;
    }

    /* Home remains vertical on mobile, preserve border-straddling badge. */
    .gsc-article-home-card .gsc-article-home-meta{
        margin:-23px 0 8px !important;
        height:24px !important;
        min-height:24px !important;
    }

    /* Archive cards are horizontal on mobile: badge belongs inside the body, not over the thumb. */
    .gsc-article-card .gsc-article-meta{
        margin:0 0 8px !important;
        height:24px !important;
        min-height:24px !important;
    }
}


/* v0.2.12 — Home tag position only. Grid remains untouched. */
.gsc-article-home-card .gsc-article-home-meta{
    margin:-13px 0 8px !important;
}

@media(max-width:620px){
    .gsc-article-home-card .gsc-article-home-meta{
        margin:-12px 0 8px !important;
    }
}