:root{
    --brand-primary: #7a2bbf;   /* roxo IS */
    --brand-accent:  #ff7a21;   /* laranja IS */
    --brand-dark:    #1F1F22;
    --brand-text:    #222;
    --brand-muted:   #6b6b6b;
    --surface:       #ffffff;
    --surface-2:     #f7f7f9;
    --stroke:        #e9e9ee;
    --radius:        14px;
  }
  
  /* ===== ARCHIVE ===== */
  .archive-materials .archive-title{ color:var(--brand-text); }
  .tabs{ display:flex; gap:.6rem; flex-wrap:wrap; margin:.75rem 0 1.25rem; }
  .tab{
    padding:.5rem .85rem; border-radius:999px; text-decoration:none;
    border:1px solid var(--stroke); background:#fff; color:var(--brand-text); font-weight:600;
  }
  .tab.is-active{ border-color: color-mix(in srgb, var(--brand-primary) 35%, #fff);
    background: color-mix(in srgb, var(--brand-primary) 8%, #fff); }
  
  .archive-materials .archive-layout{
    display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:2rem;
  }
  @media (max-width: 980px){ .archive-materials .archive-layout{ grid-template-columns:1fr; } }
  
  .cards-grid-materials{ display:grid; gap:1.2rem;
    grid-template-columns: repeat(3, minmax(0,1fr)); }
  @media (max-width:1100px){ .cards-grid-materials{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:640px){ .cards-grid-materials{ grid-template-columns:1fr; } }
  
  .card{
    background:var(--surface); border:1px solid var(--stroke); border-radius:var(--radius);
    overflow:hidden; transition: transform .15s ease, box-shadow .15s ease;
  }
  .card:hover{ transform: translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.06); }
  .card-thumb img,.card-thumb--ph{ width:100%; aspect-ratio:16/6; object-fit:cover; display:block; background:#f2f2f2; }
  .card-body{ padding:1rem 1.1rem 1.2rem; }
  .card-title{ margin:0 0 .4rem; font-size:1.1rem; line-height:1.25; }
  .card-title a{ color:var(--brand-text); text-decoration:none; }
  .card-title a:hover{ text-decoration:underline; }
  .card-date{ color:var(--brand-muted); font-size:.9rem; }
  .pagination{ margin:1.6rem 0; display:flex; justify-content:center; }
  
  /* ===== SINGLE ===== */
  .single-material{ padding:2rem 5vw; }
  .single-material .material-layout{
    display:grid; grid-template-columns:3fr 2fr; gap:2rem; max-width:1240px; margin:0 auto;
  }
  .material-cover{ margin-bottom:1rem; }
  @media (max-width:980px){ .single-material .material-layout{ grid-template-columns:1fr; } }
  .single-material .material-cover img{ width:100%; border-radius:12px; }
  .single-material .material-title{ font-size:clamp(1.8rem,2.6vw,2.4rem); color:var(--brand-dark); margin:1rem 0 .75rem; }
  .single-material .material-text{ color:var(--brand-text); line-height:1.75; }
  .single-material .material-text h2,.single-material .material-text h3{ color:var(--brand-dark); margin-top:1.4rem; }
  
  .material-sidebar{
    background:var(--surface-2); border:1px solid var(--stroke); border-radius:var(--radius);
    padding:1.25rem; position:sticky; top:2rem; height:fit-content;
  }
  
  /* WPForms no estilo do site */
  .material-sidebar .wpforms-container .wpforms-field-label{ color:var(--brand-dark); }
  .material-sidebar .wpforms-container input,
  .material-sidebar .wpforms-container select,
  .material-sidebar .wpforms-container textarea{
    border:1px solid var(--stroke); border-radius:10px; background:#fff; color:var(--brand-text);
  }
  .material-sidebar .wpforms-submit{
    background:var(--brand-accent) !important; border:none !important; color:#fff !important;
    padding:.8rem 1.2rem !important; border-radius:10px !important; font-weight:700 !important;
  }
    .material-sidebar .wpforms-submit:hover{
    filter: brightness(.95);
  }

/* ====== ARCHIVE MATERIAL  HEADER ====== */
.archive-header-full-width {
  background: var(--surface-2);
  border-bottom: 1px solid var(--stroke);
  padding: 2rem 0;
  margin-bottom: 2rem;
}

.archive-header-full-width .page-header {
    margin: 0 auto; /* Centraliza o conteúdo dentro da largura total */
    max-width: 1240px; /* Mantém a largura máxima do conteúdo como nas outras seções */
    padding: 0 5vw;
}

.archive-header-full-width .page-title { margin: 0 0 8px; }
.archive-header-full-width .tabs { display:flex; gap:.75rem; flex-wrap:wrap; margin:.5rem 0 1.25rem; }
.archive-header-full-width .tab {
  padding:.5rem .85rem; border-radius:999px; text-decoration:none;
  border:1px solid var(--stroke); background:#fff; color:var(--brand-text); font-weight:600;
}
.archive-header-full-width .tab.is-active { background: color-mix(in srgb, var(--brand-primary) 8%, #fff); border-color: color-mix(in srgb, var(--brand-primary) 35%, #fff); }


.materials-archive { margin: 0 auto; max-width: 1240px; padding: 24px 5vw 48px; }
.materials-archive .page-title { margin: 0 0 8px; }
.materials-archive .tabs { display:flex; gap:.75rem; flex-wrap:wrap; margin:.5rem 0 1.25rem; }
.materials-archive .tab {
  padding:.5rem .85rem; border-radius:999px; text-decoration:none;
  border:1px solid #e9e9ee; background:#fff; color:#222; font-weight:600;
}
.materials-archive .tab.is-active { background:#f5f9ff; border-color:#d8e6ff; }

.materials-archive .cards {
  display:grid; gap:24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1100px){ .materials-archive .cards{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .materials-archive .cards{ grid-template-columns: 1fr; } }

.materials-archive .card {
  background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.04); transition: transform .15s ease, box-shadow .15s ease;
}
.materials-archive .card:hover { transform: translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.06); }

.materials-archive .card-thumb img,
.materials-archive .card-thumb--ph {
  display:block; width:100%; aspect-ratio: 16/7; object-fit:cover; background:#f3f3f3;
}
.materials-archive .card-body { padding:14px 16px 18px; }
.materials-archive .card-title { margin:0 0 6px; font-size:1.05rem; line-height:1.3; }
.materials-archive .card-title a { text-decoration:none; color:#141414; }
.materials-archive .card-title a:hover { text-decoration:underline; }
.materials-archive .card-date { color:#8a8a8a; font-size:.9rem; }

.materials-archive .pagination { margin-top: 28px; display:flex; justify-content:center; }

.breadcrumb {
    padding: 15px 0;
    margin-bottom: 20px;
    background-color: #fff;
}

.breadcrumb a:hover {
    text-decoration: underline;
}