:root { --container: 1180px; --brand: #d35400; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#111827; background:#fff; }
.container { width:100%; max-width: var(--container); padding: 0 16px; margin: 0 auto; }

/* Header */
header {
  border-bottom: 1px solid #e6e6e6;
}  
.udla-header {
  background-color: #fff;
  padding: 16px 0;
  /*border-bottom: 1px solid #e6e6e6;*/
}

.udla-header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  display: flex;
  flex-direction: column;   
  align-items: flex-start; 
}

.udla-logo-container {
  max-width: 200px;       
  display: flex;
  justify-content: flex-start;
}

.udla-logo {
  height: 52px !important;  
  max-width: 200px !important;
  width: auto;
  display: block;
}
/* --------------------------
   RESPONSIVO
---------------------------*/

@media (max-width: 768px) {
  .udla-logo {
    height: 36px !important;
    max-width: 150px !important;
  }

}
/* Archive headers */
.archive__header { margin:24px 0 14px; }
.archive__kicker { font-size:14px; letter-spacing:.04em; color:#111827; text-transform:uppercase; margin:0 0 2px; }
.archive__title { font-size:26px; margin:0; }

/* Filters form like screenshot */
.filters { margin:18px 0 20px; }
.filters__row { display:grid; grid-template-columns: 1.2fr .7fr .5fr auto; gap:14px; align-items:end; }
.filters__group label { display:block; font-size:14px; color:#374151; margin:0 0 6px; }
.filters__group input[type="search"],
.filters__group input[type="number"],
.filters__group select {
    width:100%; padding:12px 12px; border:1px solid #d1d5db; border-radius:8px; font-size:16px; background:#fff;
}
.filters__actions .btn { display:inline-flex; align-items:center; gap:8px; padding:12px 16px; background:var(--brand); color:#fff; border:none; border-radius:999px; text-decoration:none; cursor:pointer; font-weight:600; }
.filters__actions .btn:hover { filter: brightness(0.95); }
.btn__icon { font-size:16px; }

/* List rows */
.list { display:flex; flex-direction:column; gap:24px; }
.row { display:block; grid-template-columns: 260px 1fr 40px; gap:16px; padding:16px 0; border-bottom:1px solid #e5e7eb; }
.row:last-child { border-bottom:none; }
.row__media { border-radius:12px; overflow:hidden; aspect-ratio: 16 / 9; background:#f3f4f6; }
.row__media img { width:100%; height:100%; object-fit:cover; display:block; }
.row__title { margin:0 0 6px; font-size:20px; line-height:1.3; }
.row__title a { color:#111827; text-decoration:none; }
.row__title a:hover { text-decoration:underline; }
.row__excerpt { color:#374151; margin-bottom:10px; }
.row__meta { color:#6b7280; font-size:14px; display:flex; gap:16px; flex-wrap:wrap; }
.row__arrow { align-self:center; justify-self:end; font-size:22px; text-decoration:none; color:var(--brand); }
.row__arrow:hover { transform: translateX(2px); }

/* Single */
.single__title { font-size:34px; margin:14px 0 6px; }
.single__hero { margin:12px 0 18px; border-radius:16px; overflow:hidden; }
.single__content img { max-width:100%; height:auto; border-radius:12px; }
.meta { color:#6b7280; }

/* Footer */
.site-footer { border-top:1px solid #e5e7eb; padding:24px 0; margin-top:36px; color:#6b7280; background:#fafafa; }

@media (max-width: 860px) {
  .filters__row { grid-template-columns: 1fr; }
  .row { grid-template-columns: 1fr; }
  .row__arrow { justify-self:start; }
}