/* topx-confiavel.com — family K (FAQ-hub), tema claro, prefixo cf6- */
:root{
  --cf6-ink:#0F1A2E;--cf6-ink2:#3A465C;--cf6-mut:#5B6678;--cf6-bg:#F4F6FA;--cf6-card:#FFFFFF;
  --cf6-line:#DDE3EC;--cf6-navy:#090F1E;--cf6-navy2:#111A2B;--cf6-red:#FF2400;--cf6-redtx:#C41C00;
  --cf6-soft:#FFF1EC;--cf6-ok:#E8F4EE;--cf6-okline:#1E7A4C;--cf6-r:18px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.cf6{margin:0;background:var(--cf6-bg);color:var(--cf6-ink);font:17px/1.65 Manrope,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
.cf6 img{max-width:100%;height:auto;display:block}
.cf6 a{color:var(--cf6-redtx);text-underline-offset:3px}
.cf6 a:hover{color:var(--cf6-red)}
.cf6 .shell{width:min(1120px,100% - 32px);margin:0 auto}

/* topo */
.cf6 .top{background:var(--cf6-navy);position:sticky;top:0;z-index:20;border-bottom:3px solid var(--cf6-red)}
.cf6 .top-in{display:flex;align-items:center;gap:18px;min-height:66px;flex-wrap:wrap;padding:8px 0}
.cf6 .top-in>a:first-child{display:flex;align-items:center;min-height:44px}
.cf6 .top nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.cf6 .top nav::-webkit-scrollbar{display:none}
.cf6 .top nav a{color:#E6EAF2;text-decoration:none;font-size:15px;font-weight:600;padding:10px 12px;border-radius:999px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.cf6 .top nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.cf6 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:800;text-decoration:none;font-size:16px;letter-spacing:.01em}
.cf6 .btn-main{background:var(--cf6-red);color:#fff}
.cf6 .btn-main:hover{background:#E01F00;color:#fff}
.cf6 .top .btn-main{min-height:44px;padding:10px 18px;font-size:15px}
@media (max-width:820px){
  .cf6 .top-in{gap:6px 10px}
  .cf6 .top nav{order:3;flex-basis:100%;margin:0 -4px}
  .cf6 .top .btn-main{margin-left:auto}
}

/* hero de busca */
.cf6-hero{background:radial-gradient(120% 140% at 10% 0%,#1B2840 0%,var(--cf6-navy) 60%);color:#fff;padding:56px 0 70px}
.cf6-hero-in{max-width:860px;margin:0 auto;text-align:center}
.cf6-kick{display:inline-block;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FFB8A6;margin:0 0 14px}
.cf6-hero h1{font-size:clamp(32px,5.4vw,56px);line-height:1.08;margin:0 0 18px;letter-spacing:-.02em}
.cf6-hero h1 em{font-style:normal;color:var(--cf6-red)}
.cf6-lead{font-size:18px;color:#D6DCE7;margin:0 auto 26px;max-width:720px}
.cf6-search{position:relative;max-width:680px;margin:0 auto}
.cf6-search label{display:block;font-size:15px;font-weight:700;margin-bottom:8px;color:#fff}
.cf6-search input{width:100%;min-height:58px;border-radius:999px;border:2px solid transparent;padding:14px 22px 14px 52px;font:600 17px Manrope,Arial,sans-serif;color:var(--cf6-ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23FF2400' stroke-width='2.4'%3E%3Ccircle cx='9.5' cy='9.5' r='7'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E") no-repeat 20px center}
.cf6-search input:focus{outline:none;border-color:var(--cf6-red)}
.cf6-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.cf6-chips a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);padding:9px 16px;border-radius:999px;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.cf6-chips a:hover{background:rgba(255,255,255,.1);color:#fff}
.cf6-herocta{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:8px}
.cf6-ad{font-size:13px;color:#9AA6BA;letter-spacing:.02em}
.cf6-date{font-size:15px;color:#AEB8C9;margin:14px 0 0}
.cf6-empty{display:none;background:var(--cf6-soft);border-radius:12px;padding:14px 18px;margin:0 0 20px}

/* corpo */
.cf6-wrap{padding:44px 0 30px}
.cf6-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
@media (max-width:960px){.cf6-grid{grid-template-columns:1fr}}
.cf6-cat{margin:0 0 34px;scroll-margin-top:120px}
.cf6-cat>h2{font-size:clamp(23px,3vw,30px);line-height:1.2;margin:0 0 6px;display:flex;align-items:center;gap:12px}
.cf6-cat>h2 span{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cf6-red);color:#fff;font-size:17px}
.cf6-cat>p{color:var(--cf6-ink2);margin:0 0 14px}
.cf6-acc{background:var(--cf6-card);border:1px solid var(--cf6-line);border-radius:var(--cf6-r);margin:0 0 10px;overflow:hidden}
.cf6-acc summary{cursor:pointer;list-style:none;padding:17px 56px 17px 20px;font-weight:700;font-size:17px;position:relative;min-height:44px}
.cf6-acc summary::-webkit-details-marker{display:none}
.cf6-acc summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--cf6-soft);color:var(--cf6-redtx);display:grid;place-items:center;font-size:20px;line-height:1}
.cf6-acc[open] summary::after{content:"–"}
.cf6-acc[open] summary{border-bottom:1px solid var(--cf6-line)}
.cf6-acc .cf6-ans{padding:4px 20px 14px}
.cf6-acc .cf6-ans p,.cf6-acc .cf6-ans li{color:var(--cf6-ink2)}
.cf6-side{position:sticky;top:96px;display:grid;gap:16px}
@media (max-width:960px){.cf6-side{position:static}}
.cf6-box{background:var(--cf6-card);border:1px solid var(--cf6-line);border-radius:var(--cf6-r);padding:20px}
.cf6-box h2,.cf6-box h3{font-size:19px;margin:0 0 10px}
.cf6-box ol,.cf6-box ul{margin:0;padding-left:20px}
.cf6-box li{margin:0 0 8px;font-size:16px}
.cf6-boxdark{background:var(--cf6-navy2);color:#fff;border:0}
.cf6-boxdark p{color:#D3D9E4;font-size:16px}
.cf6-boxdark .btn{width:100%}
.cf6-boxdark .cf6-ad{display:block;text-align:center;margin-top:8px}

/* artigos (Q&A) */
.cf6-art{padding:0 0 40px}
.cf6-crumb{font-size:15px;color:#AEB8C9;margin:0 0 14px}
.cf6-crumb a{color:#fff}
.cf6-ahero{background:var(--cf6-navy);color:#fff;padding:38px 0 46px}
.cf6-ahero h1{font-size:clamp(29px,4.4vw,46px);line-height:1.12;margin:0 0 14px;max-width:880px;letter-spacing:-.015em}
.cf6-ahero .cf6-lead{text-align:left;margin:0 0 20px}
.cf6-ahero .cf6-herocta{align-items:flex-start}
.cf6-body{max-width:780px}
.cf6-body h2{font-size:clamp(22px,2.8vw,28px);line-height:1.25;margin:38px 0 12px;scroll-margin-top:110px}
.cf6-body h3{font-size:19px;margin:24px 0 8px}
.cf6-body p{margin:0 0 15px}
.cf6-body ul,.cf6-body ol{padding-left:22px;margin:0 0 18px}
.cf6-body li{margin:0 0 8px}
.cf6-qa{background:var(--cf6-card);border:1px solid var(--cf6-line);border-radius:var(--cf6-r);padding:6px 24px 10px;margin:22px 0}
.cf6-qa h2{margin-top:18px}
.cf6-qa h2::before{content:"P.";color:var(--cf6-red);margin-right:10px;font-weight:800}
.cf6-tw{overflow-x:auto;margin:0 0 20px;border:1px solid var(--cf6-line);border-radius:14px;background:#fff}
.cf6-t{border-collapse:collapse;width:100%;font-size:16px;min-width:520px}
.cf6-t th,.cf6-t td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--cf6-line)}
.cf6-t thead th{background:var(--cf6-navy2);color:#fff;font-size:15px}
.cf6-t tr:last-child td,.cf6-t tr:last-child th{border-bottom:0}
.cf6-note{border-left:5px solid var(--cf6-okline);background:var(--cf6-ok);padding:14px 18px;border-radius:0 14px 14px 0;margin:0 0 20px}
.cf6-warn{border-left:5px solid var(--cf6-red);background:var(--cf6-soft);padding:14px 18px;border-radius:0 14px 14px 0;margin:0 0 20px}
.cf6-note p,.cf6-warn p{margin:0}
.cf6-check{list-style:none;padding:0!important}
.cf6-check li{position:relative;padding-left:34px}
.cf6-check li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:6px;border:2px solid var(--cf6-red)}
.cf6-mid{background:var(--cf6-navy);color:#fff;border-radius:var(--cf6-r);padding:22px 24px;margin:28px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.cf6-mid p{margin:0;color:#DCE2EC;max-width:430px}
.cf6-mid .cf6-ad{flex-basis:100%}
.tx2-fig{margin:24px 0}
.tx2-fig img{border-radius:var(--cf6-r);width:100%}
.tx2-fig figcaption{font-size:15px;color:var(--cf6-mut);margin-top:8px}
.cf6-more{border-top:2px solid var(--cf6-line);margin-top:36px;padding-top:20px}
.cf6-more h2{font-size:21px;margin:0 0 10px}
.cf6-more ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;list-style:none;padding:0}
.cf6-more li a{display:block;background:#fff;border:1px solid var(--cf6-line);border-radius:14px;padding:14px 16px;text-decoration:none;font-weight:700;color:var(--cf6-ink);min-height:44px}
.cf6-more li a:hover{border-color:var(--cf6-red)}
.cf6-end{background:linear-gradient(135deg,var(--cf6-navy2),#1C2A45);color:#fff;border-radius:var(--cf6-r);padding:28px;margin:34px 0 0;text-align:center}
.cf6-end h2{margin:0 0 8px;color:#fff}
.cf6-end p{color:#D3D9E4}
.cf6-end .cf6-ad{display:block;margin-top:8px}
.cf6-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0 0 30px}
.cf6-map a{display:block;background:#fff;border:1px solid var(--cf6-line);border-radius:var(--cf6-r);padding:18px;text-decoration:none;color:var(--cf6-ink)}
.cf6-map a strong{display:block;font-size:17px;margin-bottom:4px}
.cf6-map a span{display:block;font-size:15px;color:var(--cf6-mut)}
.cf6-map a:hover{border-color:var(--cf6-red)}

/* rodapé */
.cf6 .foot{background:var(--cf6-navy);color:#B9C2D2;padding:36px 0 30px;margin-top:40px;font-size:15px}
.cf6 .foot-top{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-bottom:16px}
.cf6 .foot nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.cf6 .foot nav a{color:#fff;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.cf6 .foot p{margin:0 0 8px;max-width:820px;font-size:15px}
@media (max-width:600px){
  body.cf6{font-size:16.5px}
  .cf6-hero{padding:40px 0 50px}
  .cf6-qa{padding:4px 16px 8px}
  .cf6-mid{padding:20px 18px}
  .cf6-mid .btn,.cf6-herocta .btn{width:100%}
}

/* tabela em cartões no celular */
@media (max-width:600px){
  .cf6-t{min-width:0!important}
  .cf6-t thead{display:none}
  .cf6-t,.cf6-t tbody,.cf6-t tr,.cf6-t td,.cf6-t tbody th{display:block;width:auto!important}
  .cf6-t tr{padding:12px 14px;border-bottom:1px solid var(--cf6-line)}
  .cf6-t tr:last-child{border-bottom:0}
  .cf6-t td,.cf6-t tbody th{border:0!important;padding:3px 0!important}
  .cf6-t tbody tr>:first-child{font-weight:700;color:var(--cf6-ink);font-size:16.5px;padding-bottom:6px!important}
  .cf6-t td[data-label]::before{content:attr(data-label);display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--cf6-mut);margin-top:4px}
  .cf6-t tbody tr>:first-child::before{display:none!important}
}