/* Páginas adicionais (blog, mídia, ferramentas, contato, conta) e componentes compartilhados.
   Carregado depois de style.css, refresh.css, premium.css e motion.css, seguindo a mesma identidade. */

.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.plain-form{background:none;border:0;padding:0;border-radius:0}
.btn-dark{background:var(--navy-800);color:#fff}
.btn-dark:hover{background:var(--teal-500);transform:translateY(-2px)}
.btn-dark::after,.btn-outline::after{content:'↗';font-size:19px;margin-left:25px;color:var(--premium-teal)}
.btn-outline{border:1px solid var(--navy-800);color:var(--navy-800);background:transparent;cursor:pointer;font-family:'Inter',sans-serif}
.btn-outline:hover{background:var(--navy-800);color:#fff}
button.btn{border:0;cursor:pointer;font-family:'Inter',sans-serif}
button.btn-outline{border:1px solid var(--navy-800)}
.btn[disabled]{opacity:.6;cursor:wait}
.link-arrow{color:var(--teal-500);font-weight:600;font-size:13px;display:inline-flex;gap:8px;align-items:center}
.link-arrow::after{content:'↗';transition:transform .2s}
.link-arrow:hover::after{transform:translate(3px,-3px)}

/* ---------- Cabeçalho ampliado ---------- */
.nav-links{gap:24px}
.nav-account{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:#dce3ec;font-size:13px;font-weight:500;padding:9px 12px;min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:2px;white-space:nowrap;transition:border-color .2s,color .2s}
.nav-account svg{color:var(--premium-teal);flex-shrink:0}
.nav-account:hover,.nav-account[aria-current]{color:#fff;border-color:var(--premium-teal)}
.announce{background:#0d3442;border-bottom:1px solid #1d5361;margin:-24px 0 20px;font-size:12px;color:#cfe9e6;transition:margin .35s ease}
header.scrolled .announce{margin:-16px 0 14px}
.announce .wrap{display:flex;align-items:center;gap:10px;min-height:36px}
.announce a[href]{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1180px){.nav-cta{display:none}.nav-links{gap:18px}}
@media(max-width:1024px){
  header,header.scrolled{padding:16px 0;background:rgba(8,21,39,.97)}
  .announce,header.scrolled .announce{margin:-16px 0 14px}
  nav{gap:14px}.lang-switch{margin-left:auto}.logo-mark img{height:36px}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #496070;border-radius:3px;background:transparent;padding:11px;cursor:pointer;flex-shrink:0}
  .nav-toggle span{display:block;width:20px;height:2px;background:#fff;transition:transform .2s}
  .nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#081527;margin:0;padding:16px 32px 28px;border-top:1px solid #294052;flex-direction:column;gap:0}
  .nav-links.open{display:flex}
  .nav-links a{display:block;padding:15px 0;font-size:16px}
}
@media(max-width:600px){
  .nav-account{padding:0;width:40px;height:40px;justify-content:center}
  .nav-account-label{display:none}
  .nav-links{padding:12px 22px 24px}
}

/* ---------- Rodapé ampliado ---------- */
.footer-top{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(250px,300px);gap:56px}
.footer-links{gap:56px}
.footer-newsletter{background:none;border:0;padding:0;border-radius:0}
.footer-newsletter h5{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#91a5b8;margin-bottom:16px}
.footer-newsletter p{font-size:13px;line-height:1.8;margin-bottom:16px}
.newsletter-row{display:flex;border:1px solid #2a4357;border-radius:2px;transition:border-color .2s}
.newsletter-row:focus-within{border-color:var(--premium-teal)}
.newsletter-row input{flex:1;min-width:0;background:transparent;border:0;padding:13px 14px;color:#fff;font-family:'Inter',sans-serif;font-size:13px}
.newsletter-row input::placeholder{color:#6f8599}
.newsletter-row input:focus{outline:none}
.newsletter-row button{background:var(--premium-teal);color:#081527;border:0;padding:0 18px;font-family:'Inter',sans-serif;font-weight:600;font-size:12px;cursor:pointer}
.newsletter-row button:hover{background:#7fe7dc}
.newsletter-status{font-size:12px;margin:10px 0 0;color:#9fd9d3}
.newsletter-status:empty{display:none}
.footer-social{margin-top:26px;display:flex;flex-direction:column;gap:12px;font-size:11px;letter-spacing:.06em;color:#91a5b8}
.social-icons{display:flex;gap:8px}
.social-icons a{width:40px;height:40px;border:1px solid #2a4357;border-radius:50%;display:grid;place-items:center;color:#cfe0ea;transition:border-color .2s,color .2s}
.social-icons a:hover{border-color:var(--premium-teal);color:var(--premium-teal)}
@media(max-width:1100px){.footer-top{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;order:3}}
@media(max-width:600px){.footer-top{grid-template-columns:1fr}.footer-links{gap:32px 40px}}

/* ---------- Abertura das páginas internas ---------- */
.page-hero{position:relative;background:#081b2c;color:#fff;padding:200px 0 100px;overflow:hidden;isolation:isolate}
.page-hero::before{content:'';position:absolute;inset:0;background:url('../img/hero-navio.jpg') 62% 45%/cover;opacity:.3;filter:saturate(.7);z-index:-2}
.page-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081b2c 0%,rgba(8,27,44,.92) 42%,rgba(8,27,44,.55)),linear-gradient(0deg,#081b2c,transparent 55%);z-index:-1}
.page-hero .route-layer{left:44%;opacity:.55;z-index:0}
.page-hero>.wrap{position:relative;z-index:2}
.page-hero-content{max-width:740px}
.page-hero .eyebrow{color:#addbd5;margin-bottom:28px}
.page-hero .eyebrow::before{background:var(--premium-teal)}
.page-hero h1{font-size:clamp(42px,5.2vw,72px);font-weight:500;line-height:1.05;letter-spacing:-.05em;margin-bottom:24px}
.page-hero h1 em{font-style:normal;color:var(--premium-teal)}
.page-hero p{font-size:15px;line-height:1.85;color:#c4d3de;max-width:560px}
.page-hero-content>*{animation:hero-arrive .95s cubic-bezier(.16,1,.3,1) both}
.page-hero-content>:nth-child(2){animation-delay:.08s}
.page-hero-content>:nth-child(3){animation-delay:.16s}
.page-hero-content>:nth-child(4){animation-delay:.24s}
.page-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:32px;font-size:12px;color:#9fb7c5;letter-spacing:.03em}
.page-hero-meta span{display:inline-flex;gap:10px;align-items:center}
.section-light{background:#fff}
.section-tint{background:#f0f4f4}
@media(max-width:1024px){.page-hero{padding:170px 0 80px}.page-hero .route-layer{left:25%;opacity:.35}}
@media(max-width:600px){.page-hero{padding:140px 0 64px}.page-hero h1{font-size:clamp(38px,10.5vw,52px)}.page-hero p{font-size:14px}.page-hero .route-layer{left:0;opacity:.2}}

/* ---------- Componentes ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:#fff;padding:9px 16px;border-radius:40px;font-family:'Inter',sans-serif;font-weight:500;font-size:13px;color:var(--navy-800);cursor:pointer;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.chip:hover{border-color:#8fbebf}
.chip[aria-pressed=true]{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.chip small{opacity:.6;margin-left:6px;font-size:11px}
.search-box{position:relative;min-width:260px}
.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#7d8c99;pointer-events:none}
.search-box input{width:100%;border:1px solid #ccd8dc;background:#fff;border-radius:2px;padding:12px 14px 12px 42px;font-family:'Inter',sans-serif;font-size:14px;color:var(--ink)}
.search-box input:focus{outline:none;border-color:var(--teal-500)}
.empty-state{border:1px dashed #b9cfd0;padding:48px 32px;text-align:center;color:var(--ink-soft);font-size:14px;line-height:1.8;background:#fbfdfd}
.empty-state .btn{margin-top:20px}
.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 11px;border-radius:30px;background:#eef2f4;color:#4a566b;white-space:nowrap}
.status-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.status-novo{background:#e3f1fb;color:#1f5f99}
.status-em_atendimento{background:#fff2df;color:#9a5b0b}
.status-proposta{background:#efe8fb;color:#5b3c9a}
.status-concluido{background:#e2f4f2;color:#087d82}
.status-arquivado{background:#eef0f2;color:#6b7785}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--navy-800);color:#fff;padding:14px 22px;border-radius:2px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:300;box-shadow:0 16px 40px -12px rgba(8,21,39,.5);max-width:calc(100% - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.skeleton{background:linear-gradient(90deg,#eef3f3 25%,#f7fafa 50%,#eef3f3 75%);background-size:200% 100%;animation:skeleton 1.4s ease infinite}
@keyframes skeleton{to{background-position:-200% 0}}
.cta-band{background:#0c293b;color:#fff;padding:80px 0;position:relative;overflow:hidden}
.cta-band .wrap{display:grid;grid-template-columns:1.4fr auto;gap:48px;align-items:center;position:relative}
.cta-band .eyebrow{color:var(--premium-teal)}
.cta-band .eyebrow::before{background:var(--premium-teal)}
.cta-band h2{font-size:clamp(30px,3.4vw,46px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin-bottom:14px}
.cta-band p{color:#bad0dc;font-size:15px;line-height:1.85;max-width:560px}
.cta-band::after{content:'↗';position:absolute;right:4%;bottom:-70px;font-family:'Space Grotesk',sans-serif;font-size:260px;line-height:1;color:#58ded014;pointer-events:none}
@media(max-width:920px){.cta-band .wrap{grid-template-columns:1fr;gap:28px}}

/* ---------- Formulário de contato direcionado ---------- */
.lead-form{background:#fff;border:1px solid var(--line);border-radius:3px;padding:36px}
.lf-block{border:0;margin:0 0 30px;padding:0;min-width:0}
.lf-legend{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:500;color:var(--navy-800);letter-spacing:-.02em;margin-bottom:16px;padding:0}
.lf-num{font-size:11px;color:var(--teal-500);border:1px solid #b7d9d6;border-radius:30px;padding:3px 9px;letter-spacing:.06em;font-weight:600}
.lf-hint{font-size:13px;color:var(--ink-soft);margin:-8px 0 16px;line-height:1.7}
.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.subject-chip{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #d1dfe2;background:#f7f9f9;padding:12px;font-size:13px;font-weight:500;color:var(--navy-800);cursor:pointer;border-radius:2px;transition:border-color .2s,background .2s,box-shadow .2s;line-height:1.3;min-height:54px}
.subject-chip svg{width:20px;height:20px;flex-shrink:0;color:var(--teal-500)}
.subject-chip:hover{border-color:#8fbebf;background:#fff}
.subject-chip:has(input:checked){border-color:var(--teal-500);background:#e8f5f3;box-shadow:inset 0 0 0 1px var(--teal-500)}
.subject-chip input,.segment input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.subject-chip:has(input:focus-visible),.segment:has(input:focus-visible){outline:3px solid #14a0ac;outline-offset:2px}
.subject-grid.invalid .subject-chip{border-color:#d9822b}
.segmented{display:flex;border:1px solid #d1dfe2;border-radius:2px;background:#f7f9f9;padding:3px;gap:3px}
.segment,.field .segment{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;margin:0;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-soft);cursor:pointer;border-radius:2px;position:relative;white-space:nowrap;transition:background .2s,color .2s;min-height:42px}
.lead-form fieldset.lf-block:last-of-type{margin-bottom:14px}
.segment svg{width:17px;height:17px;flex-shrink:0}
.segment:hover{color:var(--navy-800)}
.segment:has(input:checked){background:var(--navy-800);color:#fff}
.segment:has(input:checked) svg{color:var(--premium-teal)}
.lf-label{display:block;font-size:11px;font-weight:600;color:var(--navy-800);margin-bottom:8px;letter-spacing:.07em;text-transform:uppercase}
.lf-time{margin:18px 0 0}
.lf-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lead-form .field{margin-bottom:18px}
.lead-form .field textarea{min-height:110px}
.lead-form .field input,.lead-form .field textarea{background:#f7f9f9}
.lead-form .field input:focus,.lead-form .field textarea:focus{background:#fff}
.lead-form [aria-invalid=true]{border-color:#d9822b!important;background:#fffaf4!important}
.req{color:var(--teal-500)}
.lead-form .form-status:not(:empty){color:#a85a12;font-weight:500;font-size:13px}
.lead-form .submit-btn{margin-top:6px}
.lead-success{background:#fff;border:1px solid var(--line);padding:44px 40px;border-radius:3px;outline:none}
.success-mark{width:56px;height:56px;border-radius:50%;background:#e8f5f3;color:var(--teal-500);display:grid;place-items:center;margin-bottom:26px;animation:dialog-arrive .5s cubic-bezier(.16,1,.3,1) both}
.success-mark svg{width:28px;height:28px}
.lead-success h3{font-size:34px;font-weight:500;letter-spacing:-.045em;line-height:1.1;color:var(--navy-800);margin-bottom:14px}
.lead-success>p{font-size:15px;line-height:1.85;color:var(--ink-soft)}
.success-account{background:#f0f6f5;padding:22px 24px;margin:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.success-account p{font-size:14px;line-height:1.7;color:var(--navy-800)}
.success-account .btn{flex-shrink:0;min-height:46px;padding:12px 18px}
.success-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}
.success-actions a{color:var(--teal-500);font-weight:600}
.success-new{background:none;border:0;border-bottom:1px solid var(--line);padding:4px 0;color:var(--navy-800);font-family:'Inter',sans-serif;font-size:13px;cursor:pointer}
@media(max-width:1100px){.subject-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  .lead-form{padding:24px 18px}.lead-success{padding:32px 22px}.lead-success h3{font-size:28px}
  .lf-pair{grid-template-columns:1fr;gap:0}.subject-grid{gap:6px}.subject-chip{padding:10px;font-size:12px;gap:8px}
  .segment{padding:9px 6px;font-size:12px;gap:6px}.success-account{flex-direction:column;align-items:flex-start}
}
@media(max-width:380px){.subject-grid{grid-template-columns:1fr}}

/* ---------- Página de contato ---------- */
.contact-page{background:#f5f7f7}
.contact-page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:72px;align-items:start}
.contact-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:44px}
.contact-side h2{font-size:24px;font-weight:500;letter-spacing:-.03em;color:var(--navy-800);margin-bottom:20px}
.next-steps{list-style:none;border-left:1px solid #bad4d3;margin-left:4px}
.next-steps li{position:relative;padding:0 0 26px 28px}
.next-steps li:last-child{padding-bottom:0}
.next-steps li::before{content:'';position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--teal-500)}
.next-steps strong{display:block;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:17px;color:var(--navy-800);margin-bottom:4px}
.next-steps span{font-size:14px;line-height:1.7;color:var(--ink-soft)}
@media(max-width:1024px){.contact-page-grid{grid-template-columns:1fr;gap:56px}.contact-side{position:static}}

/* ---------- Blog ---------- */
.blog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:40px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.post-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:background .25s;min-width:0}
.post-card:hover{background:#f7fcfb}
.post-cover{aspect-ratio:16/10;background:#0b2134;position:relative;overflow:hidden;display:block}
.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.post-card:hover .post-cover img,.post-card:hover .cover-art svg{transform:scale(1.04)}
.cover-art{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#14566040,transparent 55%),#0b2134;display:flex;align-items:flex-end;padding:22px;color:#cde5e6;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.cover-art svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.cover-art span{position:relative}
.post-body{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#788694}
.post-meta .cat{color:var(--teal-500);font-weight:600}
.post-card h3{font-size:21px;font-weight:500;letter-spacing:-.03em;line-height:1.3;color:var(--navy-800);margin:14px 0 12px}
.post-card h3 a::after{content:'';position:absolute;inset:0}
.post-card{position:relative}
.post-card p{font-size:14px;line-height:1.8;color:var(--ink-soft);margin-bottom:22px}
.post-link{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:12px;font-weight:600;color:var(--teal-500)}
.post-link span:last-child{font-size:18px;line-height:1;transition:transform .2s}
.post-card:hover .post-link span:last-child{transform:translate(3px,-3px)}
.post-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}
.post-card.featured .post-cover{aspect-ratio:auto;min-height:400px}
.post-card.featured .post-body{padding:48px}
.post-card.featured h3{font-size:clamp(28px,2.8vw,38px);letter-spacing:-.045em;line-height:1.15}
.post-card.featured p{font-size:15px}
.post-card.skeleton-card .post-cover,.post-card.skeleton-card .sk-line{background:linear-gradient(90deg,#eef3f3 25%,#f7fafa 50%,#eef3f3 75%);background-size:200% 100%;animation:skeleton 1.4s ease infinite}
.sk-line{height:14px;margin-bottom:12px;border-radius:2px}
.blog-more{display:flex;justify-content:center;margin-top:40px}
@media(max-width:1024px){.post-grid{grid-template-columns:repeat(2,1fr)}.post-card.featured{grid-template-columns:1fr}.post-card.featured .post-cover{min-height:0;aspect-ratio:16/8}.post-card.featured .post-body{padding:32px}}
@media(max-width:600px){.post-grid{grid-template-columns:1fr}.search-box{min-width:0;width:100%}.blog-toolbar .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -22px;padding:0 22px 4px;scrollbar-width:none}.post-body,.post-card.featured .post-body{padding:24px}}

/* ---------- Artigo ---------- */
.article-hero .page-hero-content{max-width:860px}
.article-hero h1{font-size:clamp(36px,4.4vw,60px)}
.article-back{display:inline-flex;gap:10px;align-items:center;color:#addbd5;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:30px}
.article-back:hover{color:#fff}
.article-section{padding:72px 0 104px}
.article-layout{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:80px;justify-content:space-between}
.article-cover{margin-bottom:44px;aspect-ratio:16/8;overflow:hidden;background:#0b2134;position:relative}
.article-cover img{width:100%;height:100%;object-fit:cover}
.prose{font-size:16.5px;line-height:1.9;color:#2b3a4d;overflow-wrap:break-word}
.prose>:first-child{margin-top:0}
.prose h2{font-size:30px;font-weight:500;letter-spacing:-.035em;color:var(--navy-800);margin:52px 0 16px;line-height:1.2}
.prose h3{font-size:22px;font-weight:500;letter-spacing:-.025em;color:var(--navy-800);margin:36px 0 12px;line-height:1.3}
.prose p{margin-bottom:22px}
.prose a{color:var(--teal-500);text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{margin:0 0 24px 22px}
.prose li{margin-bottom:8px;padding-left:6px}
.prose ul li::marker{color:var(--teal-500)}
.prose blockquote{border-left:2px solid var(--teal-500);padding:6px 0 6px 26px;margin:36px 0;font-family:'Space Grotesk',sans-serif;font-size:22px;color:var(--navy-800);letter-spacing:-.02em;line-height:1.5}
.prose blockquote p{margin:0}
.prose img{margin:32px 0;border-radius:2px}
.prose strong{color:var(--navy-800);font-weight:600}
.prose hr{border:0;border-top:1px solid var(--line);margin:44px 0}
.prose code{background:#eef4f4;padding:2px 6px;border-radius:2px;font-size:.88em}
.article-aside{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:30px}
.aside-block{border-top:1px solid var(--line);padding-top:20px}
.aside-block h4{font-family:'Inter',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#788694;margin-bottom:14px;font-weight:600}
.share-row{display:flex;gap:8px;flex-wrap:wrap}
.icon-btn{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy-800);cursor:pointer;transition:border-color .2s,color .2s}
.icon-btn:hover{border-color:var(--teal-500);color:var(--teal-500)}
.icon-btn svg{width:18px;height:18px}
.save-btn{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;border:1px solid var(--navy-800);background:#fff;color:var(--navy-800);padding:13px;min-height:48px;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;cursor:pointer;border-radius:2px;transition:background .2s,color .2s}
.save-btn svg{width:18px;height:18px}
.save-btn:hover{background:#f0f6f5}
.save-btn[aria-pressed=true]{background:var(--navy-800);color:#fff}
.save-btn[aria-pressed=true] svg{fill:var(--premium-teal);stroke:var(--premium-teal)}
.save-hint{font-size:12px;line-height:1.7;color:var(--ink-soft);margin-top:10px}
.save-hint a{color:var(--teal-500);font-weight:600}
.aside-cta{background:#0c293b;color:#fff;padding:30px 28px}
.aside-cta h4{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:500;letter-spacing:-.03em;line-height:1.25;margin-bottom:10px}
.aside-cta p{font-size:13px;line-height:1.75;color:#bad0dc;margin-bottom:20px}
.aside-cta .btn{width:100%;justify-content:space-between}
.related{border-top:1px solid var(--line);padding:80px 0 104px;background:#f5f7f7}
.related h2{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-.04em;color:var(--navy-800);margin-bottom:36px}
@media(max-width:1024px){.article-layout{grid-template-columns:1fr;gap:56px}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px}.aside-cta{grid-column:1/-1}}
@media(max-width:600px){.article-section{padding:48px 0 72px}.prose{font-size:15.5px}.prose h2{font-size:25px}.prose blockquote{font-size:19px}.article-aside{grid-template-columns:1fr}}

/* ---------- Mídia ---------- */
.channel-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.channel-card{padding:32px 28px;background:#fff;display:flex;flex-direction:column;gap:12px;min-height:250px;border:1px solid var(--line);margin:0 -1px -1px 0;transition:background .25s}
.channel-card:hover{background:#f7fcfb}
.channel-card .ch-icon{width:52px;height:52px;border-radius:50%;background:#e8f5f3;color:var(--teal-500);display:grid;place-items:center;margin-bottom:12px}
.channel-card h3{font-size:21px;font-weight:500;letter-spacing:-.03em;color:var(--navy-800)}
.channel-card p{font-size:14px;line-height:1.75;color:var(--ink-soft)}
.channel-card .link-arrow{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);justify-content:space-between}
.media-section h2{font-size:clamp(30px,3.2vw,44px);font-weight:500;letter-spacing:-.04em;color:var(--navy-800);margin-bottom:32px;line-height:1.1}
.media-block+.media-block{margin-top:80px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.video-card.featured{grid-column:span 2;grid-row:span 2}
.video-frame{aspect-ratio:16/9;background:#081b2c;position:relative;overflow:hidden}
.video-frame img{object-fit:cover;width:100%;height:100%;opacity:.85;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .3s}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-play{position:absolute;inset:0;z-index:1;display:grid;place-items:center;border:0;background:linear-gradient(transparent 40%,rgba(8,27,44,.6));cursor:pointer;padding:0}
.video-play span{width:64px;height:64px;border-radius:50%;background:var(--premium-teal);display:grid;place-items:center;color:#081b2c;box-shadow:0 0 0 10px #58ded030;transition:transform .25s}
.video-play svg{width:22px;height:22px;margin-left:4px}
.video-play:hover span{transform:scale(1.08)}
.video-play:hover+img,.video-frame:hover img{transform:scale(1.03);opacity:1}
.video-card h3{font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--navy-800);margin-top:16px;line-height:1.35}
.video-card.featured h3{font-size:24px}
.video-card p{font-size:13.5px;line-height:1.75;color:var(--ink-soft);margin-top:6px}
.social-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.social-post iframe{width:100%;border:1px solid var(--line);background:#fff;display:block}
.social-post.instagram iframe{height:620px}
.social-post.facebook iframe{height:560px}
.social-post .link-arrow{margin-top:12px}
@media(max-width:1024px){.channel-grid{grid-template-columns:repeat(2,1fr)}.video-grid,.social-post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.channel-grid,.video-grid,.social-post-grid{grid-template-columns:1fr}.video-card.featured{grid-column:auto;grid-row:auto}.channel-card{min-height:0}}

/* ---------- Ferramentas ---------- */
.tools-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}
.tools-nav a{border:1px solid rgba(255,255,255,.25);color:#e2edf2;padding:10px 16px;font-size:13px;border-radius:2px;transition:border-color .2s,background .2s}
.tools-nav a:hover{border-color:var(--premium-teal);background:#58ded014}
.tool-head{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px;margin-bottom:44px}
.tool-head>.eyebrow{grid-column:1/-1}
.tool-head h2{font-size:clamp(32px,3.6vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1.1;color:var(--navy-800)}
.tool-head p{font-size:15px;line-height:1.85;color:var(--ink-soft);align-self:end}
.calc-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}
.calc-input{background:#fff;border:1px solid var(--line);padding:12px 28px 28px}
.calc-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.75fr) minmax(0,1fr) 40px;gap:10px;align-items:end;padding:18px 0;border-bottom:1px solid var(--line)}
.calc-row-title{grid-column:1/-1;font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.08em;color:var(--teal-500);text-transform:uppercase;margin-bottom:-2px}
.calc-row label{display:block;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-800);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calc-row input{width:100%;min-width:0;border:1px solid #ccd8dc;background:#f7f9f9;border-radius:2px;padding:11px 10px;font-family:'Inter',sans-serif;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}
.calc-row input:focus{outline:none;border-color:var(--teal-500);background:#fff}
.calc-remove{width:40px;height:42px;border:1px solid var(--line);background:#fff;color:#7d8c99;cursor:pointer;border-radius:2px;font-size:20px;line-height:1}
.calc-remove:hover{color:#b2471d;border-color:#e6b9a5}
.calc-remove:disabled{opacity:.35;cursor:default}
.calc-toolbar{display:flex;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}
.calc-add{background:none;border:1px dashed #9cc3c2;color:var(--teal-500);padding:12px 18px;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;cursor:pointer;border-radius:2px}
.calc-add:hover{background:#e8f5f3}
.calc-reset{background:none;border:0;color:var(--ink-soft);font-family:'Inter',sans-serif;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.calc-results{background:#0c293b;color:#fff;padding:34px;position:sticky;top:110px}
.result-main{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-bottom:1px solid #24485a;padding-bottom:26px}
.result-main span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9fb7c5}
.result-main strong{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:500;letter-spacing:-.04em;display:block;color:var(--premium-teal);margin-top:6px;font-variant-numeric:tabular-nums;line-height:1.1}
.result-main small{font-size:13px;color:#bad0dc;margin-left:3px;letter-spacing:0}
.result-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fb7c5;margin:26px 0 8px}
.modal-row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:12px 0;border-bottom:1px solid #1c3c4d}
.modal-row b{font-weight:500;font-size:14px}
.modal-row em{font-style:normal;font-size:11px;color:#8ea8b7}
.modal-row strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:20px;text-align:right;font-variant-numeric:tabular-nums}
.modal-row .tag{font-size:10px;letter-spacing:.06em;color:#9fd9d3;text-align:right}
.container-bar{margin-top:14px}
.container-bar div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#d5e5ec;margin-bottom:7px}
.container-bar div:first-child span:last-child{font-variant-numeric:tabular-nums;color:#9fb7c5}
.bar{height:6px;background:#1f4252;border-radius:6px;overflow:hidden}
.bar span{display:block;height:100%;width:0;background:var(--premium-teal);border-radius:6px;transition:width .5s cubic-bezier(.16,1,.3,1)}
.bar.over span{background:#f2a65a}
.suggestion{border-left:2px solid var(--premium-teal);padding:2px 0 2px 14px;font-size:13px;line-height:1.7;color:#d5e5ec;margin-top:24px}
.suggestion.warn{border-color:#f2a65a}
.calc-actions{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.calc-actions .btn{justify-content:space-between;width:100%}
.calc-save-row{display:flex;gap:8px}
.calc-save-row input{flex:1;min-width:0;background:#0a2231;border:1px solid #2b4f61;color:#fff;padding:12px;font-family:'Inter',sans-serif;font-size:13px;border-radius:2px}
.calc-save-row input::placeholder{color:#7d98a8}
.calc-save-row button{background:transparent;border:1px solid var(--premium-teal);color:var(--premium-teal);padding:0 16px;font-family:'Inter',sans-serif;font-weight:600;font-size:12px;cursor:pointer;border-radius:2px;white-space:nowrap}
.calc-save-row button:hover{background:#58ded01a}
.calc-note{font-size:11px;line-height:1.7;color:#8ea8b7;margin-top:18px}
.calc-note a{color:var(--premium-teal)}
.inc-terms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.inc-terms .chip{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:.04em;min-width:66px}
.inc-board{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.inc-legend{display:flex;gap:20px;font-size:12px;color:var(--ink-soft);margin-bottom:10px}
.inc-legend span{display:inline-flex;gap:8px;align-items:center}
.inc-legend i{width:10px;height:10px;border-radius:50%}
.inc-legend .seller{background:var(--navy-800)}
.inc-legend .buyer{background:#9fdcd5}
.inc-stages{list-style:none;border-top:1px solid var(--line)}
.inc-stage{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--navy-800)}
.inc-stage .n{font-family:'Space Grotesk',sans-serif;font-size:12px;color:#8a98a5}
.who{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:30px;transition:background .3s,color .3s;white-space:nowrap}
.who.seller{background:var(--navy-800);color:#fff}
.who.buyer{background:#e2f4f2;color:var(--teal-500)}
.inc-risk{list-style:none;position:relative;height:0;border-top:2px dashed #e58b3a;margin:-1px 0 0}
.inc-risk span{position:absolute;right:0;top:-12px;background:#fff7ef;color:#b25a12;border:1px solid #f3c79c;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:30px}
.inc-summary{background:#fff;border:1px solid var(--line);padding:34px;position:sticky;top:110px}
.inc-code{font-family:'Space Grotesk',sans-serif;font-size:64px;font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--navy-800)}
.inc-name{font-size:13px;color:var(--teal-500);font-weight:600;margin:10px 0 18px}
.inc-mode{display:inline-flex;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);padding:5px 10px;border-radius:30px;color:var(--ink-soft);margin-bottom:18px}
.inc-summary p{font-size:14px;line-height:1.85;color:var(--ink-soft)}
.inc-summary .ins{margin-top:12px;font-size:13px;color:var(--navy-800);font-weight:500}
.inc-note{font-size:12px;color:var(--ink-soft);margin-top:20px;line-height:1.7}
@media(max-width:1024px){.calc-layout,.inc-board{grid-template-columns:1fr}.calc-results,.inc-summary{position:static}.tool-head{grid-template-columns:1fr;row-gap:16px}}
@media(max-width:600px){
  .calc-input{padding:8px 16px 20px}.calc-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.calc-row .calc-remove{width:100%}
  .calc-results{padding:26px 20px}.result-main strong{font-size:24px}.inc-stage{grid-template-columns:26px 1fr;row-gap:6px}.inc-stage .who{grid-column:2;justify-self:start}
  .inc-code{font-size:52px}.inc-summary{padding:26px}
}

/* ---------- Área do cliente ---------- */
.auth-layout{display:grid;grid-template-columns:1fr minmax(0,500px);gap:88px;align-items:start}
.benefits{list-style:none;border-top:1px solid var(--line);margin-top:8px}
.benefits li{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--navy-800)}
.benefits li span:first-child{width:36px;height:36px;border-radius:50%;background:#e8f5f3;color:var(--teal-500);display:grid;place-items:center;flex-shrink:0}
.benefits svg{width:18px;height:18px}
.auth-intro h2{font-size:clamp(30px,3.2vw,42px);font-weight:500;letter-spacing:-.04em;line-height:1.12;color:var(--navy-800);margin-bottom:16px}
.auth-intro>p{font-size:15px;line-height:1.85;color:var(--ink-soft);margin-bottom:28px}
.auth-card{background:#fff;border:1px solid var(--line);padding:8px 36px 36px}
.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:28px;gap:4px}
.tab{background:none;border:0;border-bottom:2px solid transparent;padding:18px 4px;margin-bottom:-1px;font-family:'Inter',sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#788694;cursor:pointer;flex:1;white-space:nowrap}
.tab:hover{color:var(--navy-800)}
.tab[aria-selected=true]{color:var(--teal-500);border-color:var(--teal-500)}
.auth-card form .field{margin-bottom:18px}
.auth-card .submit-btn{margin-top:8px}
.field-hint{font-size:11px;color:var(--ink-soft);margin-top:6px}
.check-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;color:var(--navy-800);cursor:pointer;margin:4px 0 16px}
.check-row input{width:18px;height:18px;accent-color:var(--teal-500);margin-top:2px;flex-shrink:0}
.auth-note{font-size:11.5px;line-height:1.7;color:var(--ink-soft);margin-top:16px}
.form-error:not(:empty){color:#a85a12;font-weight:500;font-size:13px;margin-top:14px}
.form-ok:not(:empty){color:var(--teal-500);font-weight:500;font-size:13px;margin-top:14px}
.dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.dash-head h2{font-size:clamp(32px,3.6vw,48px);font-weight:500;letter-spacing:-.045em;color:var(--navy-800);line-height:1.1}
.dash-head p{font-size:13px;color:var(--ink-soft);margin-top:8px}
.dash-actions{display:flex;gap:10px;flex-wrap:wrap}
.dash-actions .btn{min-height:46px;padding:12px 18px}
.dash-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:32px;overflow-x:auto;scrollbar-width:none}
.dash-tabs .tab{flex:0 0 auto;padding:16px 18px}
.tab .count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:#e8f5f3;color:var(--teal-500);font-size:10.5px;margin-left:6px}
.item-list{display:flex;flex-direction:column}
.item:first-child{padding-top:4px}
.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.item h3{font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--navy-800);line-height:1.35}
.item h3 a:hover{color:var(--teal-500)}
.item-meta{font-size:12px;color:#788694;display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px}
.item p{font-size:13.5px;color:var(--ink-soft);line-height:1.7;margin-top:6px}
.item-actions{display:flex;gap:10px;align-items:center}
.text-btn{background:none;border:0;color:var(--ink-soft);font-family:'Inter',sans-serif;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.text-btn:hover{color:#b2471d}
.calc-figures{display:flex;gap:18px;flex-wrap:wrap;font-family:'Space Grotesk',sans-serif;font-size:15px;color:var(--teal-500);margin-top:8px}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);padding:30px}
.panel h3{font-size:20px;font-weight:500;letter-spacing:-.025em;color:var(--navy-800);margin-bottom:20px}
.panel .field{margin-bottom:16px}
.panel .submit-btn{margin-top:4px}
.panel.danger{border-color:#f0d3c4;background:#fffbf8}
.panel.danger p{font-size:13.5px;line-height:1.75;color:var(--ink-soft);margin-bottom:16px}
.panel.danger .submit-btn{background:#9d3d16}
.panel.danger .submit-btn:hover{background:#7d2f10}
.panel-stack{display:flex;flex-direction:column;gap:28px}
@media(max-width:1024px){.auth-layout{grid-template-columns:1fr;gap:48px}.profile-grid{grid-template-columns:1fr}}
@media(max-width:600px){.auth-card{padding:4px 20px 24px}.panel{padding:22px}.item{grid-template-columns:1fr}.dash-head h2{font-size:32px}}

/* ---------- 404 ---------- */
.not-found{min-height:100svh;display:flex;align-items:center}
.not-found .btn{margin-top:36px}

@media(prefers-reduced-motion:reduce){
  .page-hero-content>*,.success-mark,.skeleton,.post-card.skeleton-card .post-cover,.post-card.skeleton-card .sk-line{animation:none!important}
  .post-cover img,.cover-art svg,.video-frame img,.bar span{transition:none}
  .post-card:hover .post-cover img,.post-card:hover .cover-art svg{transform:none}
}