/* Sólo la página que contiene la biblioteca de guías */
body:has(.hpg-library) .hp-inner__aside,
body:has(.hpg-library) .hp-inner__sidebar,
body:has(.hpg-library) .hp-inner__toc,
body:has(.hpg-library) .hp-inner__nav,
body:has(.hpg-library) aside.hp-inner__aside,
body:has(.hpg-library) .hp-inner__index { display: none !important; }
body:has(.hpg-library) .hp-inner__layout,
body:has(.hpg-library) .hp-inner__grid,
body:has(.hpg-library) .hp-inner__columns { display: block !important; }
body:has(.hpg-library) .hp-inner__body,
body:has(.hpg-library) .hp-inner__content,
body:has(.hpg-library) .hp-inner__main { grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; min-width: 0; }
.hpg-library {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 44px 30px;
    width: 100%;
    max-width: 1180px;
    margin: 44px auto 72px;
}
.hpg-card {
    display: grid;
    grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
    gap: 20px;
    min-width: 0;
    align-items: start;
}
.hpg-card__cover {
    display: block;
    aspect-ratio: .72;
    overflow: hidden;
    background: #e6ebe3;
    text-decoration: none;
    border: 1px solid rgba(27,38,32,.10);
    box-shadow: 0 12px 25px rgba(27,38,32,.07);
    transition: transform .25s ease, box-shadow .25s ease;
}
.hpg-card__cover:hover { transform: translateY(-3px); box-shadow: 0 18px 30px rgba(27,38,32,.12); }
.hpg-card__cover:focus-visible, .hpg-card__link:focus-visible { outline: 2px solid #FA4140; outline-offset: 4px; }
.hpg-card__cover img { display:block; width:100%; height:100% !important; object-fit:cover; }
.hpg-card__art {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;height:100%;box-sizing:border-box;
    padding: 23px 18px 20px;
    color: #f6f7f2;
    background: linear-gradient(135deg,#1F4E4A,#163A37);
}
.hpg-card__art-mark {
    display:block;width:86px;height:15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 14'%3E%3Cpath d='M1 7H31C34 7 35 12 40 12H52C57 12 58 7 61 7H91' fill='none' stroke='%23FA4140' stroke-width='2'/%3E%3C/svg%3E") no-repeat left center/contain;
}
.hpg-card__art-title { font:500 clamp(16px,2vw,25px)/1.12 'Fraunces', Georgia,serif;overflow-wrap:anywhere; }
.hpg-card__art-footer { font:600 9px/1.4 'Work Sans',sans-serif;letter-spacing:.15em; }
.hpg-card__details { min-width:0; padding-top:7px; }
.hpg-card__meta { font:600 10px/1.4 'Work Sans',sans-serif;color:#5C7A52;letter-spacing:.12em; }
.hpg-card__title { overflow-wrap: anywhere; font:500 clamp(21px,2.1vw,29px)/1.16 'Fraunces',Georgia,serif;color:#1B2620;margin:13px 0 12px; }
.hpg-card__description { color:#56645b;font:400 14px/1.7 'Work Sans',sans-serif;margin:0 0 20px; }
.hpg-card__link { color:#1F4E4A; font:600 13px/1.5 'Work Sans',sans-serif;text-decoration:none;display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid #FA4140;padding-bottom:4px; }
.hpg-card__link:hover { color:#163A37; }
@media (max-width: 950px) { .hpg-library {grid-template-columns:1fr;gap:34px;} .hpg-card {grid-template-columns:minmax(0, 185px) minmax(0,1fr);max-width:620px;} }
@media (max-width: 575px) { .hpg-library {width:100%;margin-left:auto;margin-right:auto;gap:30px;} .hpg-card {grid-template-columns:minmax(0,35%) minmax(0,1fr);gap:16px;} .hpg-card__art {padding:13px 10px;} .hpg-card__art-title {font-size:16px;} .hpg-card__art-footer {font-size:7px;} .hpg-card__title {font-size:21px;} .hpg-card__description {font-size:13px;} }
@media (prefers-reduced-motion: reduce) { .hpg-card__cover {transition:none;} }
