/* Página de Dicas — conselhos curtos, formato cartão pra escanear rápido
   (nada de tabela: aqui o ponto é ler pouco e sair sabendo o que fazer). */

.dica-toolbar{display:flex;align-items:center;gap:14px;}
.dica-toolbar .search-row{flex:1 1 auto;margin-top:0;}
.view-toggle{display:flex;gap:4px;flex:0 0 auto;background:var(--cream-2);border-radius:9px;padding:4px;}
.view-toggle-btn{
  display:flex;align-items:center;justify-content:center;width:36px;height:36px;
  border:none;background:none;border-radius:6px;color:var(--ink-soft);cursor:pointer;
  transition:background .15s,color .15s;
}
.view-toggle-btn .material-icons-outlined{font-size:19px;}
.view-toggle-btn:hover{color:var(--ink);}
.view-toggle-btn.active{background:#fff;color:var(--terracotta-dark);box-shadow:0 1px 3px rgba(0,0,0,0.1);}
@media (max-width:480px){
  .dica-toolbar{flex-wrap:wrap;}
  .search-row{width:100%;}
}

.dica-grid{
  display:grid;grid-template-columns:1fr;gap:18px;
  padding:26px 0 70px;
}
@media (min-width:640px){ .dica-grid{grid-template-columns:1fr 1fr;} }
@media (min-width:980px){ .dica-grid{grid-template-columns:1fr 1fr 1fr;} }

.dica-card{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  text-decoration:none;color:var(--ink);
  transition:transform .15s, box-shadow .15s;
}
.dica-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,59,78,0.08);}

.dica-card-banner{width:100%;aspect-ratio:16/9;background:var(--cream-2);overflow:hidden;}
.dica-card-banner img{width:100%;height:100%;object-fit:cover;display:block;}
.dica-card-banner-empty{display:flex;align-items:center;justify-content:center;}
.dica-card-banner-empty .material-icons-outlined{font-size:32px;color:#d9a85a;}

.dica-card-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1 1 auto;}
.dica-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.dica-chip{
  display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;
  letter-spacing:0.03em;text-transform:uppercase;color:#b4761f;
  background:#fdf0dc;padding:5px 10px;border-radius:999px;
}
.dica-chip .material-icons-outlined{font-size:14px;}
.dica-age{font-size:12px;color:var(--ink-soft);font-weight:500;}

.dica-card h3{font-size:18px;line-height:1.3;margin:0;font-family:'Jost',sans-serif;}
.dica-card p{
  font-size:14px;line-height:1.5;color:var(--ink-soft);margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.dica-card-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:8px;
}
.dica-subject{
  display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;
  color:var(--terracotta-dark);
}
.dica-subject .material-icons-outlined{font-size:15px;}
.dica-date{font-size:11px;color:var(--ink-soft);white-space:nowrap;}

/* Modo lista: banner pequeno à esquerda, texto à direita, uma coluna só */
.dica-grid.dica-grid-list{grid-template-columns:1fr;}
.dica-grid-list .dica-card{flex-direction:row;align-items:stretch;}
.dica-grid-list .dica-card-banner{width:180px;flex:0 0 auto;aspect-ratio:auto;}
.dica-grid-list .dica-card-body{padding:16px 20px;}
.dica-grid-list .dica-card p{-webkit-line-clamp:2;}
@media (max-width:600px){
  .dica-grid-list .dica-card{flex-direction:column;}
  .dica-grid-list .dica-card-banner{width:100%;aspect-ratio:16/9;}
}

@media (max-width:480px){
  .dica-card-body{padding:14px 16px 16px;}
  .dica-card h3{font-size:16px;}
}