.banner-col,.banner-principal{height:100%;gap:4rem;display:flex}.banner-principal{justify-content:center;justify-self:center;width:100%;margin-bottom:2rem}.banner-principal-category{border-radius:8px}.banner-col{width:50%;flex-direction:column}.post-principal{width:100%;height:1024px;display:flex;justify-content:center;max-height:500px}.principal-cards-post{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:3rem;height:40%}.card-post{padding:0!important;min-height:360px;max-height:360px;box-shadow:0 0 8px 0 rgba(44,55,72,.15)!important}.card-editoria-block{height:80%}.principal-cards-post .card-post a{height:45%;z-index:0}.principal-cards-post .card-post a img{border-radius:6px 6px 0 0;object-position:center;object-fit:cover}.principal-cards-post .card-post .card-text{height:50%;z-index:1;position:relative;border-radius:10px;background:#fff;bottom:4%}a.text-decoration-none.card-content{font-size:1rem;color:#000!important}.card-post:hover .card-text,.card-post:hover .card-text .card-title{color:#1476b3!important}@media (max-width:668px){.principal-cards-post{flex-direction:column;gap:2rem}.resume-category:first-child{font-size:1rem}.resume-category:nth-child(2){font-size:.8rem}.principal-cards-post .card-post{min-height:400px;max-height:400px}.principal-cards-post .card-post .card-text,.principal-cards-post .card-post a{height:50%}}@media (max-width:1024px){.banner-col:first-child{width:100%}.banner-col:nth-child(2){display:none}.principal-cards-post{justify-content:space-around}.card-image{height:50%}}@media only screen and (min-width:320px) and (max-width:450px){.container-card{flex-direction:row;gap:.4rem}.container-card .card-editoria{width:100%}.card-title{font-size:1rem}a.text-decoration-none.card-content{font-size:.75rem}}@media only screen and (min-width:451px) and (max-width:767px){.container-card{flex-direction:row;gap:.4rem}.container-card .card-editoria{width:45%}.card-title{font-size:.85rem}}@media only screen and (min-width:768px) and (max-width:1023px){.container-card{gap:1.5rem}.card-title{font-size:1rem}}@media only screen and (min-width:1024px) and (max-width:1279px){.container-card{gap:2rem}.banner-col,.banner-principal,.principal-cards-post{gap:2.5rem}.card-title{font-size:.9rem}a.text-decoration-none.card-content{font-size:.8rem}}