/* CareerPort: sección "Guías para postularte mejor" en 6 columnas compactas */
.cp-latest-section .card-grid.listing{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch;
}
.cp-latest-section .article-card{
  border-radius:18px !important;
  overflow:hidden;
}
.cp-latest-section .article-card img{
  display:block;
  width:100%;
  aspect-ratio:5 / 4;
  object-fit:cover;
}
.cp-latest-section .card-body{
  padding:14px 14px 16px !important;
}
.cp-latest-section .post-meta{
  gap:8px;
  font-size:11px;
}
.cp-latest-section .pill{
  padding:4px 8px;
  font-size:10px;
}
.cp-latest-section .article-card h3{
  font-size:15px !important;
  line-height:1.28 !important;
  letter-spacing:-.35px;
  margin:10px 0 8px !important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  min-height:58px;
}
.cp-latest-section .card-body p{
  font-size:12px !important;
  line-height:1.45 !important;
  margin:0 0 12px !important;
  color:#5b6884;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:35px;
}
.cp-latest-section .read-more{
  font-size:12px !important;
  font-weight:900;
}
.cp-latest-section .cp-title-row{
  margin-bottom:18px;
}
.cp-latest-section .cp-title-row p{
  max-width:880px;
}

@media (max-width: 1450px){
  .cp-latest-section .card-grid.listing{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
}
@media (max-width: 1200px){
  .cp-latest-section .card-grid.listing{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media (max-width: 980px){
  .cp-latest-section .card-grid.listing{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width: 700px){
  .cp-latest-section .card-grid.listing{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  .cp-latest-section .card-body{padding:12px !important;}
  .cp-latest-section .article-card h3{font-size:14px !important;min-height:auto;}
  .cp-latest-section .card-body p{min-height:auto;}
}
@media (max-width: 460px){
  .cp-latest-section .card-grid.listing{grid-template-columns:1fr !important;}
}
