/*
Theme Name: Dicas Modernas (Astra Child)
Theme URI: https://dicasmodernas.com/
Description: Tema-filho do Astra para o Dicas Modernas. Home estilo portal (hero, seleção do editor, destaques, categorias) e template "Em branco (Funil)" para páginas e posts.
Author: Dicas Modernas
Template: astra
Version: 3.0.0
Text Domain: dicas-modernas-child
*/

/* ===================== HOME PORTAL ===================== */
.dm-home{max-width:1120px;margin:0 auto;padding:8px 0 30px;color:#2a2330;}
.dm-home a{text-decoration:none;color:inherit;}
.dm-eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:600;color:#b5476a;margin:0 0 10px;}
.dm-cat{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#b5476a;margin-bottom:8px;}

/* Hero */
.dm-hero2{background:#2a2330;border-radius:18px;padding:46px 34px 30px;color:#fff;text-align:center;margin:0 0 16px;}
.dm-hero2 .dm-eyebrow{color:#e7a9bd;}
.dm-hero2-title{font-size:34px;line-height:1.18;font-weight:700;margin:0 0 14px;color:#fff;}
.dm-hero2-sub{font-size:18px;line-height:1.6;max-width:640px;margin:0 auto 28px;color:#efe6ea;}
.dm-topiccards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.dm-topiccard{background:#fff;border-top:4px solid #b5476a;border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;gap:10px;text-align:left;transition:transform .18s ease,box-shadow .18s ease;}
.dm-topiccard:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.22);}
.dm-topiccard-name{font-size:16px;font-weight:700;color:#2a2330;}
.dm-topiccard-cta{font-size:13px;font-weight:600;color:#b5476a;}

/* Stats */
.dm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#faf7f9;border:1px solid #efe7eb;border-radius:14px;padding:18px 10px;margin:0 0 40px;text-align:center;}
.dm-stats>div{border-right:1px solid #ece6ea;padding:4px 8px;}
.dm-stats>div:last-child{border-right:0;}
.dm-stats strong{display:block;font-size:24px;color:#2a2330;line-height:1.1;}
.dm-stats span{display:block;font-size:13px;color:#8a7f87;margin-top:4px;}

/* Section heads */
.dm-section{margin:0 0 44px;}
.dm-section-head{margin:0 0 20px;}
.dm-section-head h2{margin:0;font-size:23px;color:#2a2330;position:relative;padding-left:14px;}
.dm-section-head h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:3px;background:#b5476a;}
.dm-section-sub{margin:8px 0 0 14px;font-size:15px;color:#8a7f87;}

/* Seleção do editor (colunas) */
.dm-editor{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.dm-editor-col{border-top:2px solid #ece6ea;padding-top:16px;}
.dm-editor-title{display:block;font-size:17px;line-height:1.35;font-weight:600;color:#2a2330;margin:0 0 8px;}
.dm-editor-title:hover{color:#b5476a;}
.dm-editor-exc{margin:0;font-size:14px;line-height:1.5;color:#6c6571;}

/* Trust */
.dm-trust{background:#2a2330;border-radius:16px;padding:30px 30px;margin:0 0 44px;color:#fff;}
.dm-trust-title{margin:0 0 20px;font-size:22px;color:#fff;text-align:center;}
.dm-trust-items{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.dm-trust-item{display:flex;gap:12px;align-items:flex-start;}
.dm-trust-ico{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#b5476a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;}
.dm-trust-item strong{display:block;font-size:16px;color:#fff;margin-bottom:4px;}
.dm-trust-item p{margin:0;font-size:14px;line-height:1.5;color:#d8cdd4;}

/* Em destaque (grade) */
.dm-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.dm-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ece6ea;border-radius:14px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;}
.dm-card:hover{box-shadow:0 10px 26px rgba(42,35,48,.12);transform:translateY(-2px);}
.dm-card-img{display:block;width:100%;height:150px;background-size:cover;background-position:center;background-color:#efe7eb;}
.dm-noimg{background:linear-gradient(135deg,#efe7eb,#e1d4db);}
.dm-card-body{padding:15px;display:flex;flex-direction:column;flex:1;}
.dm-card-title{display:block;font-size:16px;line-height:1.35;font-weight:600;color:#2a2330;margin:0 0 8px;}
.dm-card-exc{display:block;font-size:13.5px;line-height:1.5;color:#6c6571;margin:0 0 12px;flex:1;}
.dm-card-more{font-size:13px;font-weight:600;color:#b5476a;}

/* Últimas (lista) */
.dm-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;}
.dm-list-item{display:flex;align-items:baseline;gap:10px;padding:14px 0;border-bottom:1px solid #ece6ea;}
.dm-list-cat{flex:0 0 auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#b5476a;}
.dm-list-title{flex:1;font-size:15px;font-weight:600;color:#2a2330;line-height:1.35;}
.dm-list-item:hover .dm-list-title{color:#b5476a;}
.dm-list-date{flex:0 0 auto;font-size:12px;color:#9a8f96;}

/* Categorias */
.dm-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.dm-cat-chip{display:flex;flex-direction:column;border:1px solid #ece6ea;border-left:4px solid #b5476a;border-radius:10px;padding:14px 18px;font-size:16px;font-weight:600;color:#2a2330;background:#fff;transition:background .15s ease;}
.dm-cat-chip span{font-size:12px;font-weight:400;color:#9a8f96;margin-top:3px;}
.dm-cat-chip:hover{background:#faf6f8;}

/* Propósito */
.dm-purpose{background:#faf7f9;border:1px solid #efe7eb;border-radius:16px;padding:34px;text-align:center;}
.dm-purpose h2{margin:0 0 12px;font-size:24px;color:#2a2330;}
.dm-purpose p{margin:0 auto;max-width:720px;font-size:16px;line-height:1.65;color:#6c6571;}

/* Responsivo */
@media (max-width:900px){
  .dm-topiccards,.dm-editor,.dm-feat{grid-template-columns:1fr 1fr;}
  .dm-stats{grid-template-columns:1fr 1fr;}
  .dm-stats>div:nth-child(2){border-right:0;}
  .dm-trust-items,.dm-cats{grid-template-columns:1fr;}
  .dm-list{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .dm-hero2-title{font-size:26px;}
  .dm-topiccards,.dm-editor,.dm-feat{grid-template-columns:1fr;}
  .dm-stats{grid-template-columns:1fr 1fr;}
}

/* Corpo do template em branco */
.bf-blank-funnel{margin:0;padding:0;}
