/* Félix Assessoria Jurídica | método Lista Mais
   Cores do site atual do cliente: marinho #1C2545 (principal), #2D3C74, azul #2D8AE0 (destaque), neutros claros.
   Títulos em Libre Baskerville (serifa, conversa com o "Felix" do logo); texto e botões em Nunito Sans (fonte do site atual). */
@font-face{font-family:"Libre Baskerville";font-weight:400;font-style:normal;font-display:block;src:url(fonts/libre-baskerville-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Libre Baskerville";font-weight:700;font-style:normal;font-display:block;src:url(fonts/libre-baskerville-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:400;font-style:normal;font-display:block;src:url(fonts/nunito-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:700;font-style:normal;font-display:block;src:url(fonts/nunito-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:800;font-style:normal;font-display:block;src:url(fonts/nunito-sans-latin-800-normal.woff2) format("woff2")}
:root{
 --marinho:#1C2545;--marinho2:#2D3C74;--azul:#2D8AE0;--azul-esc:#1F6FBC;--azul-claro:#B5DCFF;
 --claro:#FFFFFF;--neutro:#F2F4F8;--linha:#DDE2EC;--texto:#1F2433;--suave:#555D70;
 --wa:#25D366;--wa-esc:#1EBE5A;
 --f-tit:"Libre Baskerville",Georgia,serif;--f-txt:"Nunito Sans",system-ui,-apple-system,sans-serif;
 --raio:20px;--raio-foto:24px;--raio-btn:14px;--topo:72px;
 color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;font:400 17px/1.6 var(--f-txt);color:var(--texto);background:var(--claro)}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
a{color:var(--azul-esc)}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.sr{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 14px;z-index:99}
.sr:focus{left:12px;top:12px}
.ico{flex:none}
button,a{touch-action:manipulation}

/* ---------- topo ---------- */
.topo{background:var(--marinho);color:#fff;position:relative;z-index:30}
.topo .wrap{display:flex;align-items:center;gap:28px;height:var(--topo)}
.marca{display:flex;align-items:center;color:#fff;text-decoration:none;flex:none}
.marca svg{height:52px;width:auto}
.menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0 0 0 auto;padding:0}
.menu>li>a,.menu>li>button{display:flex;align-items:center;gap:6px;color:#E8ECF6;text-decoration:none;font:700 15.5px/1 var(--f-txt);padding:12px 12px;border:0;background:none;cursor:pointer;border-radius:10px}
.menu>li>a:hover,.menu>li>button:hover,.menu>li>a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.08)}
.menu .baixo{width:16px;height:16px;transition:transform .2s}
.menu li{position:relative}
.drop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(900px,92vw);background:#fff;color:var(--texto);border-radius:var(--raio);box-shadow:0 24px 60px -24px rgba(16,22,48,.45);padding:18px;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.drop.aberto{display:grid}
.drop a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;text-decoration:none;color:var(--texto)}
.drop a:hover{background:var(--neutro)}
.drop .ic{width:42px;height:42px;border-radius:12px;background:var(--neutro);color:var(--marinho2);display:grid;place-items:center;flex:none}
.drop b{display:block;font:800 15px/1.25 var(--f-txt);color:var(--marinho)}
.drop small{display:block;font-size:13.5px;line-height:1.35;color:var(--suave);margin-top:3px}
.acoes{display:flex;align-items:center;gap:10px;margin-left:8px}
.burger{display:none;width:48px;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:none;color:#fff;align-items:center;justify-content:center;cursor:pointer}
.migalha{padding-top:10px}
.migalha ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:12px;color:#7A8296}
.migalha li+li::before{content:"»";margin-right:4px;color:#A3AABB}
.migalha a{color:#7A8296;text-decoration:none}
.migalha a:hover{text-decoration:underline}
.migalha [aria-current]{font-weight:700;color:var(--texto)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;min-width:223px;padding:0 22px;border-radius:var(--raio-btn);font:700 16px/1.2 var(--f-txt);text-decoration:none;border:0;cursor:pointer;text-align:center;transition:background-color .2s,transform .2s}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-esc)}
.btn-wa .ico-wa{width:20px;height:20px;flex:none}
.btn-linha{background:transparent;color:var(--marinho);border:1.5px solid var(--marinho)}
.btn-linha:hover{background:var(--marinho);color:#fff}
.escuro .btn-linha{color:#fff;border-color:rgba(255,255,255,.7)}
.escuro .btn-linha:hover{background:#fff;color:var(--marinho)}
.btn-topo{min-width:0;min-height:44px;padding:0 16px;font-size:15px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.flut{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(0,0,0,.35)}
.flut .ico-wa{width:30px;height:30px}

/* ---------- seções ---------- */
.sec{padding:64px 0}
.sec.neutro{background:var(--neutro)}
.sec.escuro{background:var(--marinho);color:#fff}
.sec-tit{font:800 14px/1.35 var(--f-txt);letter-spacing:.12em;text-transform:uppercase;color:var(--azul-esc)}
.escuro .sec-tit{color:var(--azul-claro)}
.sec-desc{font:400 23px/1.4 var(--f-tit);color:var(--marinho);margin-top:12px;max-width:760px}
.escuro .sec-desc{color:#fff}
.cab{margin-bottom:28px}
.cab.centro{text-align:center}.cab.centro .sec-desc{margin-left:auto;margin-right:auto}
.cab-lado{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}

/* abertura */
.abre{padding:40px 0 56px;background:var(--claro)}
.abre-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"nome foto" "h1 foto" "lead foto" "vant foto" "cta foto";grid-template-rows:auto auto auto auto 1fr;column-gap:56px;align-items:start}
.abre-g>.nome{grid-area:nome}.abre-g>h1{grid-area:h1}.abre-g>.lead{grid-area:lead}.abre-g>.vant{grid-area:vant}.abre-g>.ctas{grid-area:cta;margin-top:26px;align-self:end}
.abre-g>.foto{grid-area:foto;align-self:stretch;margin:0}
.nome{display:inline-block;font:800 13.5px/1.3 var(--f-txt);letter-spacing:.12em;text-transform:uppercase;color:var(--azul-esc)}
h1{font:700 clamp(32px,3vw,40px)/1.18 var(--f-tit);color:var(--marinho);letter-spacing:-.01em;margin-top:14px}
.lead{font-size:18.5px;line-height:1.6;color:var(--texto);margin-top:18px;max-width:600px}
.vant{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.vant li{display:flex;gap:8px;align-items:center;font-weight:700;font-size:15.5px;color:var(--marinho)}
.vant .ico{width:20px;height:20px;color:var(--azul)}
.foto{border-radius:var(--raio-foto);overflow:hidden;background:var(--neutro);position:relative}
.foto img{width:100%;height:100%;object-fit:cover}
.abre-g .foto{min-height:400px}
.abre-g>.foto img,.duo>.midia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duo>.midia.retrato img{object-position:center 30%}
.foto figcaption{position:absolute;left:14px;bottom:14px;right:14px;background:rgba(255,255,255,.94);border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.35;color:var(--texto)}
.foto figcaption b{display:block;color:var(--marinho);font-size:15px}

/* cards */
.grade{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px;display:flex;flex-direction:column;gap:8px;height:100%}
.card .ic{width:44px;height:44px;border-radius:13px;background:var(--neutro);color:var(--marinho2);display:grid;place-items:center;flex:none}
.card-cab{display:flex;gap:12px;align-items:center}
.sec:not(.neutro) .card .ic{background:#EAF1FB}
.card h3{font:800 17.5px/1.3 var(--f-txt);color:var(--marinho)}
.card p{font-size:15.5px;line-height:1.5;color:var(--suave)}
a.card{text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
a.card:hover{border-color:var(--azul);transform:translateY(-2px)}
.card .mais{margin-top:auto;padding-top:10px;border-top:1px dashed var(--linha);font:700 15px/1 var(--f-txt);color:var(--azul-esc);display:flex;align-items:center;gap:6px}
.card .mais .ico{width:18px;height:18px}
.card.card-area{background:var(--marinho2);border-color:var(--marinho2);color:#fff}
.card-area h3,.card-area p{color:#fff}.card-area p{opacity:.85}
.card-area .ic{background:rgba(255,255,255,.12)!important;color:#fff}
.card-area .mais{color:#fff;border-color:rgba(255,255,255,.3)}
.escuro .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.escuro .card h3{color:#fff}.escuro .card p{color:#D5DCEC}
.escuro .card .ic{background:rgba(255,255,255,.1)!important;color:#fff}
.escuro .card .mais{color:var(--azul-claro);border-color:rgba(255,255,255,.2)}
.lista-links{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.lista-links a{color:#fff;text-decoration:none;font-size:15px;display:flex;gap:6px;align-items:center}
.lista-links a:hover{text-decoration:underline}
.lista-links .ico{width:16px;height:16px;color:var(--azul-claro)}

/* passos */
.passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:p;list-style:none;margin:0;padding:0}
.passos li{position:relative;padding:22px;border-radius:var(--raio);background:var(--neutro);border:1px solid var(--linha)}
.neutro .passos li{background:#fff}
.passos li::before{counter-increment:p;content:counter(p);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--marinho);color:#fff;font:800 16px/1 var(--f-txt);margin-bottom:12px}
.passos b{display:block;font:800 17px/1.3 var(--f-txt);color:var(--marinho)}
.passos p{font-size:15.5px;line-height:1.5;color:var(--suave);margin-top:6px}
.passos-cta{margin-top:24px}

/* comparativo */
.comp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.comp>div{border-radius:var(--raio);padding:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.comp h3{font:700 21px/1.3 var(--f-tit);color:#fff;margin-bottom:12px}
.comp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.comp li{display:flex;gap:10px;align-items:flex-start;color:#E1E7F3;font-size:16px}
.comp li .ico{width:20px;height:20px;color:var(--azul-claro);margin-top:2px}
.comp-cta{margin-top:26px}

/* duas colunas com foto ou mapa */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"tit midia" "desc midia" "aux midia" "cta midia";column-gap:56px;align-items:start;grid-template-rows:auto auto auto 1fr}
.duo>.sec-tit{grid-area:tit}.duo>.sec-desc{font-size:21px}
.sec-desc.txt{font:400 18px/1.6 var(--f-txt);color:var(--texto)}
.escuro .sec-desc.txt{color:#E1E7F3}.duo>.sec-desc{grid-area:desc}.duo>.aux{grid-area:aux;margin-top:20px}.duo>.ctas{grid-area:cta;margin-top:24px;align-self:end}
.duo>.midia{grid-area:midia;align-self:stretch;min-height:320px}
.duo.inv{grid-template-areas:"midia tit" "midia desc" "midia aux" "midia cta"}
.mapa{border-radius:var(--raio-foto);overflow:hidden;border:1px solid var(--linha);background:var(--neutro)}
.mapa iframe{width:100%;height:100%;min-height:320px;border:0;display:block}
.dados{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.dados li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.dados .ico{width:22px;height:22px;color:var(--azul-esc);margin-top:2px}
.escuro .dados .ico{color:var(--azul-claro)}
.dados b{display:block;font-weight:800;color:var(--marinho)}
.escuro .dados b{color:#fff}
.dados a{color:inherit}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.checks li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px 16px;font-size:16px}
.checks .ico{width:22px;height:22px;color:var(--azul);flex:none;margin-top:1px}

/* perguntas */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.faq details{background:var(--neutro);border:1px solid var(--linha);border-radius:16px}
.neutro .faq details{background:#fff}
.faq summary{list-style:none;cursor:pointer;padding:16px 50px 16px 18px;font:800 16px/1.4 var(--f-txt);color:var(--marinho);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:13px;font:400 24px/1 var(--f-txt);color:var(--azul-esc)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 18px 16px;font-size:16px;line-height:1.55;color:var(--suave)}

/* escritório (bloco de confiança) */
.selos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.selos li{display:flex;gap:10px;align-items:center;font-size:16px}
.selos .ico{width:20px;height:20px;color:var(--azul)}
.escuro .selos .ico{color:var(--azul-claro)}

/* faixa de cursos */
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--linha);text-decoration:none;color:var(--marinho);font-weight:700;font-size:15px}
.chips a:hover{border-color:var(--azul)}
.chips .ico{width:18px;height:18px;color:var(--azul-esc)}

/* contato */
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:22px;align-items:start}
.ct-dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ct-card{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px;display:flex;gap:12px;align-items:flex-start}
.ct-card.cheio{grid-column:1/-1}
.ct-card .ic{width:44px;height:44px;border-radius:12px;background:#EAF1FB;color:var(--marinho2);display:grid;place-items:center;flex:none}
.ct-card small{display:block;font:800 12.5px/1.2 var(--f-txt);letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.ct-card b,.ct-card a{display:block;font:800 17px/1.35 var(--f-txt);color:var(--marinho);text-decoration:none;margin-top:4px}
.ct-card .dias{display:grid;grid-template-columns:1fr;gap:0;margin-top:4px;font-size:15px}
.ct-card .dias span:nth-child(odd){font-weight:800;color:var(--marinho)}
.ct-card a[href^="mailto"]{font-size:15px;word-break:break-all}
.form{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.form h2{font:700 22px/1.3 var(--f-tit);color:var(--marinho)}
.form label{font:800 14px/1.2 var(--f-txt);color:var(--marinho);display:flex;flex-direction:column;gap:6px}
.form input,.form textarea,.form select{font:400 16px/1.4 var(--f-txt);padding:12px 14px;border:1px solid #C9D0DE;border-radius:12px;background:#fff;color:var(--texto);width:100%}
.form textarea{min-height:96px;resize:vertical}
.form .btn{width:100%}

/* links úteis */
.lu{columns:4;column-gap:20px}
.lu section{break-inside:avoid;margin-bottom:16px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px}
.lu h2{font:800 14px/1.2 var(--f-txt);letter-spacing:.1em;text-transform:uppercase;color:var(--azul-esc);margin-bottom:10px}
.lu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.lu a{color:var(--marinho);text-decoration:none;font-weight:700;font-size:15.5px;display:flex;gap:8px;align-items:center}
.lu a:hover{text-decoration:underline}
.lu .ico{width:16px;height:16px;color:var(--azul)}

/* galeria */
.galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.galeria figure{margin:0}
.galeria img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio-foto);width:100%}
.galeria figcaption{font-size:14.5px;color:var(--suave);margin-top:8px}

/* rodapé */
.rodape{background:var(--marinho);color:#C9D1E4;padding:56px 0 calc(28px + 80px)}
.rod-g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.rodape h2{font:800 13px/1.2 var(--f-txt);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.rodape ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.rodape a{color:#C9D1E4;text-decoration:none}
.rodape a:hover{color:#fff;text-decoration:underline}
.rodape .marca svg{height:70px}
.rod-txt{font-size:15px;margin-top:14px;max-width:320px}
.redes{display:flex;gap:10px;margin-top:16px}
.redes a{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff}
.rod-base{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13.5px}

/* movimento */
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
 .menu{display:none}
 .burger{display:inline-flex}
 .acoes{margin-left:auto}
 .topo.aberto .menu{display:flex;position:absolute;left:0;right:0;top:var(--topo);flex-direction:column;align-items:stretch;background:var(--marinho);padding:8px 16px 20px;max-height:calc(100vh - var(--topo));overflow:auto;gap:0;margin:0}
 .topo.aberto .menu>li>a,.topo.aberto .menu>li>button{padding:14px 6px;font-size:17px;width:100%;justify-content:space-between}
 .drop{position:static;transform:none;width:auto;box-shadow:none;grid-template-columns:1fr;padding:6px;margin:4px 0 8px;display:grid}
 .rod-g{grid-template-columns:1fr 1fr}
 .lu{columns:3}
}
@media (max-width:860px){
 :root{--topo:64px}
 .marca svg{height:44px}
 .sec{padding:56px 0}
 .abre{padding:28px 0 56px}
 .abre-g,.duo,.duo.inv{display:flex;flex-direction:column;align-items:stretch}
 .abre-g>.foto,.duo>.midia{min-height:0;height:210px;margin-top:20px}
 .abre-g>.foto img{object-position:center 22%}
 .abre-g>.ctas,.duo>.ctas{margin-top:22px}
 h1{font-size:30px}
 .sec-desc{font-size:21px}
 .lead{font-size:17px}
 .g3,.g2,.comp,.faq,.ct,.checks{grid-template-columns:1fr}
 .g4,.passos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cab-lado{flex-direction:column;align-items:flex-start}
 .galeria{grid-template-columns:1fr 1fr}
 .btn{width:100%;min-width:0}
 .btn-topo{width:auto}
 .ctas{flex-direction:column}
 .ct-dados{grid-template-columns:1fr 1fr}
 .mapa iframe{min-height:220px}
 :root{--raio-btn:12px}
}
@media (max-width:560px){
 .g4,.passos{grid-template-columns:1fr}
 .rod-g{grid-template-columns:1fr}
 .lu{columns:1}
 .ct-dados{grid-template-columns:1fr}
 .card h3{min-height:0}
 .btn-topo{padding:0 12px;font-size:14.5px}
}