@import url('base.css');
@import url('./modules/layout.css');
@import url('./modules/fonts.css');
@import url('./modules/constantes.css');

:root{
  --gap:50px;
  --bg:#fff;
  --border:#e9e9e9;
  --title:#111;
  --muted:#555;
  --accent:var(--color-primary,#0b66c3);
  --radius:10px;
}

.noticias-list{
    padding:2rem;
    margin-top: 7rem;
}

.noticias-list h1{
    font-size:2.5rem;
    color:var(--color-primary);
    margin-bottom:1.5rem;
}

.noticias-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:var(--gap);
    align-items:start;
    list-style:none;
    margin:0;
    padding:0;
}

.noticia-card{
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:0 6px 18px rgba(16,24,40,0.04);
    transition:transform .15s ease,box-shadow .15s ease;
    height: 100%;
}

.noticia-card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 36px rgba(16,24,40,0.08);
}

.noticia-card .thumb{
    width:100%;
    height:169px;
    object-fit:cover;
    display:block;
    background:#f4f4f4;
}

.noticia-card .card-body{
    position: relative;
    padding:14px;
    padding-bottom: 64px;
    display:flex;
    flex-direction:column;
    gap:8px;
    flex:1 1 auto;
}

.noticia-card h2{
    margin:0;
    font-size:1.05rem;
    color:var(--color-primary);
    line-height:1.2;
    font-weight:700;
}

.noticia-card .excerpt{
    margin:0;
    color:var(--muted);
    font-size:0.95rem;
    line-height:1.45;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5; 
}

.noticia-card .card-footer {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display: flex;
  justify-content: flex-start; 
  gap: 12px;
  align-items: center;
  background: transparent;
  pointer-events: auto;
}


.noticia-card .read-more{
    margin-top:auto;
    color:var(--accent);
    text-decoration:none;
    font-weight:600;
    font-size:0.95rem;
}

.noticia-card .meta{
    font-size:0.85rem;
    color:var(--muted);
}

@media (max-width:1100px){
    .noticias-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
    .noticias-list{ padding:1rem; }
    .noticias-grid{ grid-template-columns:1fr; gap:16px; }
    .noticia-card .thumb{ height:180px; }
    .noticia-card .excerpt{ -webkit-line-clamp:4; }
}