/* eupodiatamatando.com — skin: light WP-like magazine (paleta do pino: fundo claro, acento azul #0693e3) */
:root{
  --acc:#0693e3; --acc2:#0577bb; --acc-soft:#eaf4fd;
  --red:#cf2e2e; --green:#00d084; --purple:#9b51e0; --amber:#fcb900;
  --bg:#f7f9fc; --panel:#fff; --line:#e3e9f1; --ink:#1d2733; --head:#16243a; --muted:#5c6470;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Roboto','Segoe UI',system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.68}
img{max-width:100%}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--acc2);text-decoration:underline}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}

/* --- cabeçalho --- */
.top{background:var(--acc-soft);color:#3b556b;font-size:13px;border-bottom:1px solid var(--line)}
.top .wrap{display:flex;justify-content:space-between;gap:16px;padding:9px 18px;flex-wrap:wrap}
.hed{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(15,50,80,.03)}
.hed .row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center}
.logo img{height:44px;width:auto;display:block}
.nav ul{display:flex;flex-wrap:wrap;gap:15px;list-style:none;margin:0;padding:0}
.nav a{color:var(--head);font-size:14.5px;font-weight:500}
.nav a:hover{color:var(--acc);text-decoration:none}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:11px 18px;border-radius:8px;font-weight:600;border:0;cursor:pointer;font-size:14.5px}
.btn:hover{background:var(--acc2);color:#fff;text-decoration:none}
.btn.ghost{background:#fff;border:1px solid #c9ddec;color:var(--acc2)}
.btn.ghost:hover{background:var(--acc-soft);color:var(--acc2)}
.btn.sm{padding:8px 14px;font-size:13.5px}

/* --- landing (home) --- */
.lhero{background:linear-gradient(115deg,#eaf6fe 0%,#f7fbfe 55%,#f1ecfb 100%);border-bottom:1px solid var(--line)}
.lhero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:36px 0 40px}
.lkick{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc2);margin-bottom:10px;font-weight:700}
.lhero h1{font-size:37px;line-height:1.16;margin:0 0 12px;color:var(--head);letter-spacing:-.01em}
.lhero p{color:#3f4c5c;margin:0 0 16px;max-width:58ch}
.lbtns{display:flex;gap:10px;flex-wrap:wrap}
.lhero-ph img{width:100%;border-radius:12px;display:block;box-shadow:0 14px 30px rgba(15,60,100,.16)}

.lsec{padding:30px 0}
.lhead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:10px}
.lhead h2{font-size:24px;margin:0;color:var(--head)}
.lall{font-size:14px;font-weight:600}
.lsub{color:var(--muted);margin:0 0 14px}
.lcards{display:grid;gap:18px}
.lcards.c3{grid-template-columns:repeat(3,1fr)}
.lcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.lph{display:block;height:180px;background-size:cover;background-position:center;background-color:#e8eef5}
.lbd{padding:14px 16px 16px}
.ltag{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc2);font-weight:700;margin-bottom:6px}
.lbd h3{font-size:17.5px;margin:0 0 8px;line-height:1.32}
.lbd h3 a{color:var(--head)}
.lbd p{color:var(--muted);font-size:14.5px;margin:0 0 10px}
.lmore{font-size:13.5px;font-weight:700}

.lfeat{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}
.lfeat-in{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:center}
.lfeat.rev .lfeat-in{grid-template-columns:1.05fr .95fr}
.lfeat.rev .lfeat-ph{order:2}
.lfeat-ph img{width:100%;border-radius:12px;display:block;border:1px solid var(--line)}
.lfeat-tx h2{font-size:24px;margin:0 0 12px;color:var(--head)}
.lfeat-tx p{color:#3f4c5c}

.lsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:0}
.lsteps li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;position:relative}
.lsteps b{display:block;color:var(--acc2);margin-bottom:6px}
.lsteps span{color:var(--muted);font-size:14.5px}

.lquotes{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lq{background:var(--panel);border-left:4px solid var(--acc);border-radius:10px;margin:0;padding:16px 18px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.lq blockquote{margin:0 0 8px;font-size:16.5px;color:var(--head)}
.lq figcaption{color:var(--muted);font-size:13px}

.lcontact{background:var(--panel);border-top:1px solid var(--line);padding:30px 0}
.lcontact h2{margin:0 0 10px;color:var(--head)}

/* --- cards genéricos (rubrica/artigo) --- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.card .ph{height:172px;background-size:cover;background-position:center;background-color:#e8eef5}
.card .bd{padding:14px 16px 16px}
.card .tag{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc2);font-weight:700;margin-bottom:6px}
.card h3{font-size:17px;margin:0 0 8px;line-height:1.32}
.card h3 a{color:var(--head)}
.card p{color:var(--muted);font-size:14.5px;margin:0}

/* --- páginas/artigos --- */
.main{padding:8px 0 30px}
.main.single{max-width:920px;margin:0 auto}
.crum{color:var(--muted);font-size:14px;margin:16px 0}
h1{font-size:32px;line-height:1.2;margin:6px 0 10px;color:var(--head);letter-spacing:-.01em}
.leadb{font-size:18px;color:#2b3a4a;margin:0 0 18px}
.ameta{color:var(--acc2);font-size:13.5px;letter-spacing:.03em;margin-bottom:14px;text-transform:uppercase;font-weight:600}
.acov{width:100%;border-radius:12px;display:block;margin:0 0 20px}
.prose{color:#2b3a4a}
.prose h2{font-size:22px;margin:26px 0 10px;color:var(--head)}
.prose h3{font-size:18px;margin:20px 0 8px;color:var(--head)}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px}
.prose li{margin:6px 0}
.prose figure{margin:18px 0}
.prose img{max-width:100%;border-radius:10px;display:block}
.article-table-wrap{overflow-x:auto;margin:18px 0}
table.article-table{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--panel)}
table.article-table th,table.article-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
table.article-table thead th{background:var(--acc-soft);color:var(--head)}
table.article-table tbody tr:nth-child(even){background:#fafcfe}
.sec{font-size:22px;margin:30px 0 10px;color:var(--head)}
.sec a{font-size:13.5px;font-weight:400}
.rg{background:#fdf1f3;border:1px solid #f6d3da;border-left:4px solid var(--red);border-radius:10px;padding:14px 16px;margin:20px 0;font-size:14.5px;color:#7a2233}
.rg b{color:var(--red)}

/* --- sidebar (não usada no landing, mantida por compatibilidade) --- */
.main:not(.single){display:grid;grid-template-columns:1fr 312px;gap:24px}
.side .box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:14px}
.side h4{color:var(--head);font-size:16px;margin:0 0 10px}
.side a{display:block;padding:7px 0;border-bottom:1px dashed var(--line);color:#3b4657;font-size:14.5px}
.side a:last-child{border-bottom:0}

/* --- rodapé --- */
footer{background:#0f2233;color:#c3ccd8;font-size:14px;padding:26px 0;margin-top:28px}
footer a{color:#eaf4fd}
footer a:hover{color:#fff}
.frow{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;align-items:start}
.fcont{line-height:2}
.paycell{display:inline-flex;align-items:center;justify-content:center;background:#16243a;border:1px solid #24384f;border-radius:8px;padding:8px 14px;margin:4px 8px 4px 0}
.paycell img{height:26px;display:block}

@media(max-width:900px){
  .lhero-in,.lfeat-in,.lfeat.rev .lfeat-in{grid-template-columns:1fr}
  .lcards.c3,.cards,.lsteps,.lquotes{grid-template-columns:1fr}
  .lhero h1{font-size:27px}
  h1{font-size:25px}
  .hed .row{flex-wrap:wrap}
  .nav ul{gap:12px}
  .frow{grid-template-columns:1fr}
}