body{background-color:#fff}.container-render{padding:0 5%}.show-more-button{background-color:transparent;font-family:lato;text-transform:uppercase;color:var(--black);border:none;font-size:20px;display:block;margin:0 auto;border-radius:4px;cursor:pointer;transition:all .3s ease;padding:2rem 0;text-decoration:underline}.show-more-button:hover{color:var(--gold)}.grid-post{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);align-items:start}.horizontal-pair{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;gap:10px}.horizontal-single{grid-column:span 3;display:flex;justify-content:center}.horizontal-single .cardPost{max-width:calc(50% - 5px)}.cardPost{position:relative;display:block;overflow:hidden;width:100%;height:33vw;text-decoration:none;transition:transform .3s ease}.cardPost img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.cardPost img.skeleton{position:relative;min-height:100%}.cardPost:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);opacity:0;transition:opacity .4s ease;z-index:2}.cardPost:hover:before{opacity:1}.overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--black);font-size:1.4rem;text-transform:uppercase;letter-spacing:2px;opacity:0;text-align:center;pointer-events:none;transition:opacity .4s ease,transform .4s ease;z-index:3}.overlay-text .bold{font-weight:600}.cardPost:hover .overlay-text{opacity:1}.vertical-post{grid-column:span 1}.titulo-categoria-post{text-transform:uppercase;font-family:lato;font-weight:300;font-style:normal;line-height:normal;color:#1d1d1c;font-size:clamp(24px, 5vw, 40px);text-align:center;margin:0 auto 2rem;display:block;grid-column:span 3}.no-posts,.error-message{grid-column:span 3;text-align:center;padding:2rem;color:var(--black)}.error-message{background-color:#f8f8f8;border-radius:8px;border:1px solid #e0e0e0}.retry-btn{background-color:var(--black);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.retry-btn:hover{background-color:var(--gold)}@media (max-width:1440px) and (min-width:768px){.grid-post{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.horizontal-single .cardPost{max-width:none}.vertical-post{grid-column:span 1}.cardPost{height:auto}.horizontal-pair,.horizontal-single{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.horizontal-single:only-child{justify-self:center;grid-template-columns:1fr;max-width:100%}}@media (max-width:1024px){.container-render{padding:0 3%}.horizontal-single .cardPost{max-width:none}.grid-post{grid-template-columns:1fr;gap:10px}.horizontal-pair,.horizontal-single{grid-column:span 1;grid-template-columns:1fr}.titulo-categoria-post,.no-posts,.error-message{grid-column:span 1}.cardPost{height:auto}.overlay-text{font-size:1rem;letter-spacing:1px}.titulo-categoria-post{margin-bottom:1.5rem}}@media (max-width:480px){.container-render{padding:0 2%}.horizontal-single .cardPost{max-width:none}.cardPost .overlay-text{font-size:.9rem;letter-spacing:.5px}.show-more-button{font-size:18px;padding:1.5rem 0}.cardPost{height:auto;grid-column:span 1}}