/* ============================================================
   Página Nova NR-1 — riscos psicossociais
   ============================================================ */

/* Espaçamento entre seções mais compacto e UNIFORME (sobrescreve o .section padrão) */
.section { padding-block: clamp(2.5rem, 5vw, 4rem); }

/* Badge de urgência no hero */
.urgency { display: inline-flex; align-items: center; gap: .55rem; margin-bottom: 1.1rem;
  background: rgba(224,137,46,.16); border: 1px solid rgba(224,137,46,.5); color: #ffd9ad;
  border-radius: 999px; padding: .5rem 1rem; font-size: var(--step--1); font-weight: 600; }
.urgency .pulse { width: 9px; height: 9px; border-radius: 50%; background: #ffb057;
  box-shadow: 0 0 0 0 rgba(255,176,87,.7); animation: pulse 2s infinite; }

/* Lead / intro */
.lead-block { max-width: 70ch; }
.lead-block p { font-size: var(--step-1); color: var(--text-med); }

/* Cards "o que mudou" */
.change-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.1rem; }
.change-card { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 1.6rem; box-shadow: var(--shadow-sm); }
.change-card .k { font-family: var(--font-display); font-size: 2rem; color: var(--accent); line-height: 1; }
.change-card h3 { font-size: var(--step-1); color: var(--text-dark); margin: .5rem 0 .4rem; }
.change-card p { margin: 0; color: var(--text-med); font-size: var(--step-0); }

/* Tabela padrão da marca */
.tbl-wrap { overflow-x: auto; border-radius: var(--radius); box-shadow: var(--shadow-sm); border: 1px solid var(--line); }
table.nr1 { width: 100%; border-collapse: collapse; background: var(--white); min-width: 520px; }
table.nr1 thead th { background: var(--primary); color: #fff; font-size: var(--step--1); font-weight: 700;
  text-align: left; padding: .95rem 1.1rem; }
table.nr1 tbody td { padding: .9rem 1.1rem; font-size: var(--step-0); color: var(--text-dark);
  border-bottom: 1px solid var(--line); border-left: 3px solid transparent; }
table.nr1 tbody tr:nth-child(even) td { background: #F3F8F9; }
table.nr1 tbody tr:hover td { border-left-color: var(--accent); }
table.nr1 td .muted { color: var(--text-med); font-size: var(--step--1); }
table.nr1 td strong { color: var(--primary); }
.row-now td { background: var(--light-teal) !important; }
.row-now td:first-child { font-weight: 700; color: var(--primary); }

/* Fatores psicossociais — chips/cards */
.factors { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }
.factor { display: flex; align-items: center; gap: .7rem; background: var(--white); border: 1px solid var(--line);
  border-radius: var(--radius-sm); padding: .95rem 1.1rem; font-weight: 500; color: var(--text-dark); font-size: var(--step-0); }
.factor svg { flex: 0 0 auto; width: 22px; height: 22px; color: var(--accent); }

/* Método — passos (fundo teal) */
.method { background: var(--primary-900);
  background-image: radial-gradient(70% 100% at 100% 0%, rgba(48,181,173,.20), transparent 55%),
                    linear-gradient(180deg,#063238,#08424a); color: #fff; }
.method .section__title { color:#fff; } .method .section__eyebrow { color: var(--accent-300); }
.method .section__eyebrow::before { background: var(--accent); }
.method .section__lead { color: rgba(255,255,255,.82); }
.cycle { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; margin-top: 2rem; }
.cycle__step { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-sm); padding: 1.2rem; position: relative; }
.cycle__step .n { font-family: var(--font-display); color: var(--accent-300); font-size: 1.2rem; }
.cycle__step h4 { margin: .3rem 0 .3rem; font-size: var(--step-0); }
.cycle__step p { margin: 0; font-size: var(--step--1); color: rgba(255,255,255,.72); }

/* Bloco PROART */
.proart { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; margin-top: 2.6rem;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-lg); padding: 2rem; }
.proart h3 { color:#fff; font-size: var(--step-2); }
.proart p { color: rgba(255,255,255,.82); }
.proart ul { list-style:none; padding:0; margin:1rem 0 0; display:grid; gap:.6rem; }
.proart li { display:flex; gap:.6rem; align-items:flex-start; color:rgba(255,255,255,.9); font-size: var(--step-0); }
.proart li svg { flex:0 0 auto; width:20px; height:20px; color: var(--accent); margin-top:.15rem; }
.proart__seal { text-align:center; }
.proart__seal .big { font-family: var(--font-display); font-size: clamp(3rem,8vw,5rem); color: var(--accent-300); line-height:1; }
.proart__seal .cap { text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; color:rgba(255,255,255,.7); margin-top:.4rem; }

/* Consequências / alerta */
.alert-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:1rem; margin-top:1.6rem; }
.alert-card { background:#FFF6EC; border:1px solid #F6DCC0; border-left:3px solid #E0892E; border-radius: var(--radius-sm); padding:1.2rem; }
.alert-card h4 { margin:0 0 .3rem; color:#9a5a17; font-size: var(--step-0); }
.alert-card p { margin:0; color:#7a5a3a; font-size: var(--step--1); }

/* Equipe especializada */
.team { display:grid; grid-template-columns: repeat(4,1fr); gap:1rem; }
.team__card { text-align:center; background:var(--white); border:1px solid var(--line); border-radius: var(--radius);
  padding:1.6rem 1.1rem; box-shadow: var(--shadow-sm); }
.team__card .ic { width:54px; height:54px; margin:0 auto .8rem; border-radius:14px; background:var(--light-teal);
  color:var(--primary); display:grid; place-items:center; }
.team__card .ic svg { width:26px; height:26px; }
.team__card h4 { margin:0 0 .3rem; font-family:var(--font-display); font-size: var(--step-0); color:var(--text-dark); }
.team__card p { margin:0; font-size: var(--step--1); color:var(--text-med); }

/* Palavras-chave / temas (SEO + UX) */
.topics { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; margin-top:1.6rem; }
.topics span { background:var(--light-teal); color:var(--secondary); border-radius:999px; padding:.4rem .9rem; font-size:.78rem; font-weight:600; }

/* Voltar */
.backlink { display:inline-flex; align-items:center; gap:.4rem; color:var(--secondary); font-weight:600; font-size:var(--step--1); }

@media (max-width: 900px){
  .change-grid,.factors,.cycle,.alert-grid { grid-template-columns: 1fr 1fr; }
  .team { grid-template-columns: 1fr 1fr; }
  .proart { grid-template-columns: 1fr; }
}
@media (max-width: 560px){
  .change-grid,.factors,.cycle,.alert-grid,.team { grid-template-columns: 1fr; }
}