/* Grid XL */
.am530-grid{
  display:grid; gap:32px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 900px){ .am530-grid{grid-template-columns: 1fr;} }

body{ background:#062538; }
h1,h2,h3,h4,h5,p,span,label{ color:#e6edf3; }

/* Filtros */
.am530-filtros{
  display:grid; gap:12px; align-items:end;
  grid-template-columns: repeat(4, minmax(0,1fr));
  margin: 8px 0 20px;
}
.am530-filtros label{ color:#cfe2ee; font-weight:700; font-size:12px; margin-bottom:4px; display:block; }
.am530-filtros input, .am530-filtros select{
  width:100%; padding:10px 12px;
  background:#083247; color:#e6edf3;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
}
.am530-filtros input::placeholder{ color:#98aab7; }
.am530-filtros button{
  padding:12px 16px; border:0; border-radius:12px;
  background:#0b0f14; color:#fff; font-weight:700; cursor:pointer;
}
@media (max-width: 768px){ .am530-filtros{grid-template-columns:1fr 1fr;} }
@media (max-width: 480px){ .am530-filtros{grid-template-columns:1fr;} }

/* Card */
.am530-card{
  position:relative;
  background:#0e3346;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.am530-card__media{
  padding-top:66.66%; background-size:cover; background-position:center;
}
.am530-card__logo{
  position:absolute; top:12px; left:12px; width:64px; height:64px;
  border-radius:50%; overflow:hidden;
  border:2px solid rgba(255,255,255,.9); background:#fff;
}
.am530-card__logo img{ width:100%; height:100%; object-fit:cover; }
.am530-card__body{ padding:22px 24px 24px; }
.am530-card__title{ font-size:24px; margin:0 0 8px; font-weight:800; color:#f4f7fb; }
.am530-card__subtitle{ font-size:16px; margin:0 0 14px; color:#c9d6df; }
.am530-card__meta{ font-size:15px; margin:0 0 14px; color:#c9d6df; }
.am530-card__chips{ display:flex; gap:10px; flex-wrap:wrap; }
.chip{ padding:8px 12px; border-radius:999px; font-size:13.5px; font-weight:600; color:#e9f0f6; background:rgba(255,255,255,.08); }

/* Paginación */
.am530-pagination{ margin:16px 0; display:flex; gap:8px; }
.am530-pagination a{ padding:6px 10px; border-radius:8px; background:rgba(255,255,255,.03); color:#e6edf3; }
.am530-pagination a.is-active{ background:#0b0f14; color:#fff; }