/* Blog do Planon 2.0: topo escuro como o site de vendas, leitura em fundo claro, chamadas em verde. */
:root{
  --noite:#12061f; --roxo:#1d0b36; --roxo-2:#2c1252; --violeta:#8b45ff;
  --laranja:#ff6a2b; --rosa:#ff4d97; --rosa-claro:#ffd4e7; --papel:#faf6ff; --lilas:#f1ecf8;
  --tinta:#1d0b36; --tinta-2:#5b4a78; --linha:#e6dcf7; --branco:#fff;
  --verde:#22C55E; --verde-escuro:#06260F;
  --grad:linear-gradient(90deg,var(--laranja),var(--rosa));
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Kanit",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--body);font-weight:300;line-height:1.65;-webkit-text-size-adjust:100%}
a{color:inherit}
img{max-width:100%}
.bl-wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.bl-estreito{max-width:780px}

.bl-topo{background:var(--noite);color:var(--branco);border-bottom:1px solid #2a1847}
.bl-topo-in{display:flex;align-items:center;gap:18px;height:64px}
.bl-logo img{height:20px;width:auto;display:block}
.bl-topo-txt{font-size:12.5px;color:#c7b6e8;border-left:1px solid #3a2463;padding-left:16px}
.bl-nav{margin-left:auto;display:flex;gap:22px;font-size:14px}
.bl-nav a{text-decoration:none;color:#e6dcf7}
.bl-nav a:hover{color:var(--branco)}
.bl-btn-topo{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;background:var(--verde);color:var(--verde-escuro);font-weight:600;font-size:13px;text-decoration:none}
.bl-btn-topo:hover{background:#3bd873}

.bl-hero{background:radial-gradient(circle at 85% 0%,rgba(255,77,151,.25),transparent 50%),linear-gradient(170deg,var(--roxo-2),var(--noite));color:var(--branco);padding:54px 0 60px}
.bl-migalha{display:flex;gap:8px;font-size:13px;color:#c7b6e8;margin-bottom:22px}
.bl-migalha a{text-decoration:none}
.bl-migalha a:hover{color:var(--branco)}
.bl-sobre{margin:0 0 14px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--laranja)}
.bl-hero h1{font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:clamp(36px,5.4vw,60px);line-height:.98;margin:0;text-wrap:balance}
.bl-hero h1 b{font-weight:850;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bl-data{margin:20px 0 0;font-size:14px;color:#c7b6e8}
.bl-hero-sub{max-width:58ch;color:#e6dcf7;font-size:17px;margin:20px 0 0}

.bl-texto{padding-top:44px;padding-bottom:30px;font-size:18px}
.bl-texto p,.bl-texto li{color:#2c1d45}
.bl-texto h2{font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:32px;line-height:1.05;margin:46px 0 14px;color:var(--tinta)}
.bl-texto h3{font-size:20px;font-weight:600;margin:30px 0 8px}
.bl-texto strong{font-weight:600;color:var(--tinta)}
.bl-texto ul,.bl-texto ol{padding-left:22px}
.bl-texto li{margin:6px 0}
.bl-texto li::marker{color:var(--violeta);font-weight:600}
.bl-texto em{color:var(--tinta-2)}
.bl-fig{margin:30px 0;border-radius:16px;overflow:hidden;background:var(--branco);border:1px solid var(--linha);box-shadow:0 24px 50px -30px rgba(18,6,31,.45)}
.bl-fig img{display:block;width:100%;height:auto}
.bl-fig figcaption{font-size:13.5px;color:var(--tinta-2);padding:10px 16px;border-top:1px solid var(--linha)}
.bl-tabela{overflow-x:auto;margin:22px 0}
.bl-tabela table{border-collapse:collapse;width:100%;font-size:16px;background:var(--branco);border-radius:12px;overflow:hidden}
.bl-tabela th,.bl-tabela td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--linha)}
.bl-tabela th{background:var(--lilas);font-weight:600}

.bl-cta{margin:40px 0;padding:28px 26px;border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(255,77,151,.3),transparent 50%),linear-gradient(160deg,var(--roxo-2),var(--noite));color:var(--branco)}
.bl-cta-t{font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:28px;line-height:1.02;margin:0 0 10px!important;color:var(--branco)!important}
.bl-cta p{color:#e6dcf7!important;margin:0 0 20px}
.bl-btn{display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 7px 0 24px;border-radius:999px;background:var(--verde);color:var(--verde-escuro);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform .3s}
.bl-btn:hover{transform:translateY(-2px)}
.bl-btn .ic{width:44px;height:44px;border-radius:50%;background:var(--verde-escuro);color:var(--verde);display:grid;place-items:center}
.bl-btn svg{width:18px;height:18px}
.bl-cta-mini{display:inline-block;margin-left:16px;font-size:14px;color:#e6dcf7}

.bl-rel{background:var(--lilas);padding:50px 0 60px}
.bl-rel-t{font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:34px;margin:0 0 22px}
.bl-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bl-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;background:var(--branco);border:1px solid var(--linha);text-decoration:none;transition:transform .3s,box-shadow .3s}
.bl-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(18,6,31,.5)}
.bl-card img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;border:1px solid var(--linha);background:#fbf9fe}
.bl-card b{font-weight:600;font-size:18px;line-height:1.3;color:var(--tinta)}
.bl-card-min{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--violeta)}
.bl-card-desc{font-size:14.5px;color:var(--tinta-2);line-height:1.5}
.bl-card-ler{margin-top:auto;font-size:14px;font-weight:500;color:var(--laranja)}
.bl-lista{padding:44px 0 10px}

.bl-rodape{background:var(--noite);color:#c7b6e8;padding:36px 0;font-size:14px}
.bl-rodape-in{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.bl-rodape img{height:18px;width:auto;display:block}
.bl-rodape p{margin:0}
.bl-rodape nav{margin-left:auto;display:flex;gap:18px}
.bl-rodape a{text-decoration:none}
.bl-rodape a:hover{color:var(--branco)}

@media (max-width:900px){.bl-grade{grid-template-columns:1fr 1fr}.bl-nav{display:none}.bl-topo-txt{display:none}.bl-btn-topo{margin-left:auto}}
@media (max-width:620px){.bl-grade{grid-template-columns:1fr}.bl-texto{font-size:17px}.bl-texto h2{font-size:28px}.bl-cta-mini{display:block;margin:14px 0 0}.bl-rodape nav{margin-left:0;flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.bl-btn,.bl-card{transition:none}}

/* Cara de matéria: título e texto em serifa, capa com foto, índice, notas de fonte. */
:root{--serifa:"Source Serif 4",Georgia,"Times New Roman",serif;--papel-2:#fffdfb}
.mt{background:var(--papel-2)}
.mt-estreito{max-width:760px}
.mt-cab{padding:40px 0 26px}
.mt-migalha{color:var(--tinta-2);margin-bottom:26px}
.mt-migalha a:hover{color:var(--tinta)}
.mt-cat{display:inline-block;margin:0 0 12px;font-family:var(--body);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#d9480f}
.mt-titulo{font-family:var(--serifa);font-weight:700;font-size:clamp(32px,4.6vw,50px);line-height:1.08;letter-spacing:-.01em;margin:0;color:var(--tinta);text-wrap:balance}
.mt-fina{font-family:var(--serifa);font-size:clamp(19px,2.2vw,22px);line-height:1.45;color:var(--tinta-2);margin:18px 0 0;text-wrap:pretty}
.mt-autor{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--linha);font-size:14px}
.mt-autor img{width:44px;height:44px;border-radius:50%;background:var(--noite)}
.mt-autor b{display:block;font-weight:600}
.mt-autor span{color:var(--tinta-2)}
.mt-share{margin-left:auto;display:flex;gap:8px}
.mt-share a,.mt-share button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);cursor:pointer;padding:0;transition:background .2s,color .2s}
.mt-share a:hover,.mt-share button:hover{background:var(--tinta);color:var(--branco)}
.mt-share button.ok{background:var(--verde);color:var(--verde-escuro);border-color:var(--verde)}
.mt-share svg{width:18px;height:18px}
.mt-capa{margin:0 auto 6px;max-width:1180px}
.mt-capa img{display:block;width:100%;height:auto;aspect-ratio:16/8.5;object-fit:cover;border-radius:18px;background:var(--lilas)}
.mt-capa figcaption{font-size:13px;color:var(--tinta-2);padding:9px 2px 0;text-align:right}
.mt-capa figcaption a{text-decoration:none}
.mt-corpo{padding-top:30px;padding-bottom:30px;font-family:var(--serifa);font-size:20px;line-height:1.7}
.mt-corpo p,.mt-corpo li{color:#2a1d3f}
.mt-corpo a{color:#6b2fd6;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mt-corpo a:hover{color:var(--tinta)}
.mt-corpo h2{font-family:var(--serifa);font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.005em;margin:48px 0 14px;color:var(--tinta);scroll-margin-top:20px}
.mt-corpo h3{font-family:var(--serifa);font-size:23px;font-weight:600;margin:32px 0 8px}
.mt-corpo strong{font-weight:700;color:var(--tinta)}
.mt-corpo ul,.mt-corpo ol{padding-left:24px}
.mt-corpo li{margin:7px 0}
.mt-corpo li::marker{color:#d9480f;font-weight:600}
.mt-abre::first-letter{float:left;font-family:var(--serifa);font-weight:700;font-size:4.1em;line-height:.82;margin:.06em .1em 0 0;color:#d9480f}
.mt-ref{font-family:var(--body);font-size:.6em;line-height:0;margin-left:1px}
.mt-ref a{text-decoration:none;color:#d9480f;font-weight:600;padding:0 2px}
.mt-indice{font-family:var(--body);font-size:15.5px;line-height:1.5;background:var(--branco);border:1px solid var(--linha);border-left:4px solid #d9480f;border-radius:12px;padding:18px 22px;margin:0 0 30px}
.mt-indice b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:8px}
.mt-indice ol{margin:0;padding-left:20px}
.mt-indice li{margin:5px 0;color:var(--tinta)}
.mt-indice a{color:var(--tinta);text-decoration:none}
.mt-indice a:hover{color:#6b2fd6;text-decoration:underline}
.mt-corpo .bl-fig{font-family:var(--body)}
.mt-corpo .bl-tabela{font-family:var(--body)}
.mt-corpo .bl-cta,.mt-corpo .mt-sobre-planon{font-family:var(--body)}
.mt-corpo .bl-cta a.bl-btn{color:var(--verde-escuro);text-decoration:none}
.mt-corpo .bl-cta a.bl-cta-mini{color:#e6dcf7}
.mt-fontes{margin-top:44px;padding-top:6px;border-top:2px solid var(--tinta);font-family:var(--body);font-size:15px;line-height:1.55}
.mt-fontes h2{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:18px 0 10px}
.mt-fontes ol{padding-left:22px;margin:0}
.mt-fontes li{margin:6px 0;scroll-margin-top:20px}
.mt-fontes li:target{background:#fff1e6;border-radius:6px}
.mt-fontes p{color:var(--tinta-2);font-size:13.5px;margin:12px 0 0}
.mt-sobre-planon{margin-top:34px;padding:20px 22px;border-radius:14px;background:var(--lilas);font-size:15.5px;line-height:1.6}
.mt-sobre-planon b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:6px}
.mt-sobre-planon p{margin:0}

/* Cartões com foto */
.mt-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--tinta)}
.mt-card-img{display:block;overflow:hidden;border-radius:14px;margin-bottom:10px;background:var(--lilas)}
.mt-card-img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .5s}
.mt-card:hover .mt-card-img img{transform:scale(1.04)}
.mt-card .mt-cat{margin:0;font-size:11.5px}
.mt-card b{font-family:var(--serifa);font-weight:700;font-size:21px;line-height:1.25}
.mt-card:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mt-card-desc{font-size:15px;line-height:1.5;color:var(--tinta-2)}
.mt-card-min{font-size:13px;color:var(--tinta-2);margin-top:2px}
.bl-rel .bl-grade{gap:28px}

/* Capa do blog */
.mt-capa-blog{padding:54px 0 30px;border-bottom:1px solid var(--linha)}
.mt-capa-blog .mt-titulo{font-size:clamp(36px,5.4vw,62px);max-width:16ch}
.mt-capa-blog .mt-fina{max-width:60ch}
.mt-home{padding-top:34px;padding-bottom:20px}
.mt-dest{display:grid;grid-template-columns:1.45fr 1fr;gap:34px;align-items:center;text-decoration:none;color:var(--tinta);padding-bottom:34px;border-bottom:1px solid var(--linha)}
.mt-dest-img{display:block;overflow:hidden;border-radius:18px;background:var(--lilas)}
.mt-dest-img img{display:block;width:100%;height:auto;aspect-ratio:11/7;object-fit:cover;transition:transform .6s}
.mt-dest:hover .mt-dest-img img{transform:scale(1.03)}
.mt-dest-txt{display:flex;flex-direction:column;gap:12px}
.mt-dest-txt .mt-cat{margin:0}
.mt-dest-txt b{font-family:var(--serifa);font-weight:700;font-size:clamp(28px,3.2vw,40px);line-height:1.12}
.mt-dest:hover b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.mt-dest-txt .mt-card-desc{font-size:17px}
.mt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 26px}
.mt-chips button{font-family:var(--body);font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);cursor:pointer}
.mt-chips button:hover{border-color:var(--tinta)}
.mt-chips button.on{background:var(--tinta);color:var(--branco);border-color:var(--tinta)}
.mt-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 28px}
.mt-grade .mt-card[hidden]{display:none}

@media (max-width:900px){.mt-dest{grid-template-columns:1fr;gap:18px}.mt-grade{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.mt-cab{padding-top:28px}.mt-corpo{font-size:18.5px}.mt-corpo h2{font-size:26px}.mt-grade{grid-template-columns:1fr}.mt-capa{padding:0}.mt-capa img{border-radius:0;aspect-ratio:4/3}.mt-capa figcaption{padding-right:16px}.mt-autor{flex-wrap:wrap}.mt-share{margin-left:0;width:100%}.mt-abre::first-letter{font-size:3.4em}}
@media (prefers-reduced-motion:reduce){.mt-card-img img,.mt-dest-img img{transition:none}}
.mt-capa img.mt-capa-tela{object-position:top;background:#fbf9fe;border:1px solid var(--linha)}
.mt-card-img img[src^="/img/blog/"],.mt-dest-img img[src^="/img/blog/"]{object-position:top left}
.mt-corpo p > img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--linha);box-shadow:0 24px 50px -30px rgba(18,6,31,.45);margin:8px 0}

/* Calculadora de quanto cobrar */
.calc{font-family:var(--body);display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin:24px 0 10px;align-items:start}
.calc-form{display:flex;flex-direction:column;gap:14px}
.calc fieldset{margin:0;border:1px solid var(--linha);border-radius:16px;background:var(--branco);padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}
.calc legend{font-weight:600;font-size:16px;color:var(--tinta);padding:0 6px;display:flex;align-items:center;gap:8px}
.calc legend span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d9480f;color:#fff;font-size:13px}
.calc label{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.35;color:var(--tinta)}
.calc label small{color:var(--tinta-2);font-size:13px}
.calc-in{display:flex;align-items:center;border:1px solid #d6c9ee;border-radius:10px;background:#fff;overflow:hidden}
.calc-in:focus-within,.calc select:focus{outline:2px solid #6b2fd6;outline-offset:1px}
.calc-in i{font-style:normal;color:var(--tinta-2);padding:0 12px;font-size:15px}
.calc input,.calc select{font:inherit;font-size:17px;color:var(--tinta);border:0;background:transparent;padding:11px 12px;width:100%;min-width:0}
.calc-in input{outline:none}
.calc select{border:1px solid #d6c9ee;border-radius:10px;background:#fff;min-height:46px}
.calc-parcial{margin:2px 0 0;font-size:15px;color:var(--tinta-2)!important}
.calc-parcial b{color:var(--tinta)}
.calc-res{position:sticky;top:18px;border-radius:20px;padding:24px 22px;background:radial-gradient(circle at 90% 0%,rgba(255,77,151,.3),transparent 55%),linear-gradient(160deg,var(--roxo-2),var(--noite));color:#fff}
.calc-res p{color:#e6dcf7!important;margin:0}
.calc-res-t{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.calc-res-v{font-family:var(--display);font-weight:800;font-size:clamp(46px,6vw,64px);line-height:1;color:#fff!important;margin:8px 0 4px!important}
.calc-res-s b{color:#fff}
.calc-lista{margin:18px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:8px}
.calc-lista div{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.calc-lista dt{color:#c7b6e8}
.calc-lista dd{margin:0;font-weight:600;color:#fff;text-align:right}
.calc-aviso{margin-top:14px!important;font-size:15px;line-height:1.5;background:rgba(255,255,255,.08);border-radius:10px;padding:10px 12px}
.calc-aviso:empty{display:none}
.calc-nota{margin-top:14px!important;font-size:12.5px;color:#b9a8da!important}
@media (max-width:760px){.calc{grid-template-columns:1fr}.calc-res{position:static}}