#segmentos *{box-sizing:border-box;margin:0}
#segmentos{background:var(--carbon);font-family:'Inter',sans-serif;color:var(--plat);-webkit-font-smoothing:antialiased}
#segmentos.sec{position:relative;overflow:hidden;padding:64px 40px 56px;background:radial-gradient(90% 40% at 50% 0%,#131a26 0%,#07090D 70%)}
#segmentos .circuit{position:absolute;inset:0 0 auto 0;height:380px;opacity:.5}
#segmentos .head{position:relative;text-align:center}
#segmentos .kicker{font:500 15px/1 'DejaVu Sans Mono',monospace;letter-spacing:.2em;color:var(--aco);text-transform:uppercase}
#segmentos .kicker b{color:var(--ouro);font-weight:500}
#segmentos .kicker i{display:inline-block;width:8px;height:8px;background:var(--ouro);margin:0 10px 1px 0}
#segmentos h1{font:800 78px/1.03 'Inter Display','Inter',sans-serif;letter-spacing:-.025em;margin:22px auto 0;max-width:1200px;text-wrap:balance}
#segmentos .g{background:linear-gradient(180deg,var(--ouro-c) 0%,#D4AE55 52%,var(--ouro-e) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#segmentos .rule{width:120px;height:2px;margin:26px auto 0;background:linear-gradient(90deg,transparent,var(--ouro),var(--aco),transparent)}
#segmentos .sub{font:500 28px/1.4 'Inter',sans-serif;color:#E3E9F3;max-width:1050px;margin:24px auto 0;text-wrap:balance}
#segmentos .sub em{font-style:normal;color:var(--ouro-c);font-weight:700}
#segmentos .grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:46px}
#segmentos .card{position:relative;overflow:hidden;border-radius:26px;border:1px solid #263247;padding:22px 20px 18px;box-shadow:0 24px 60px #0008}
#segmentos .bgimg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55;filter:saturate(1.05)}
#segmentos .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.78) 0%,rgba(7,9,13,.86) 35%,rgba(7,9,13,.93) 100%)}
#segmentos .card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--acc),transparent 80%);z-index:3}
#segmentos .card>*{position:relative;z-index:2}
#segmentos .card>.bgimg,#segmentos .card>.shade{position:absolute}
#segmentos header{display:flex;align-items:center;gap:14px}
#segmentos .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--acc);background:color-mix(in srgb,var(--acc) 16%,#0b0f16);border:1px solid color-mix(in srgb,var(--acc) 55%,#0b0f16)}
#segmentos .ic svg{width:30px;height:30px}
#segmentos header small{display:block;font:600 13px/1 'DejaVu Sans Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
#segmentos header h3{font:800 30px/1.1 'Inter Display';letter-spacing:-.015em;margin-top:5px}
#segmentos .open{margin-left:auto;font:600 13px/1 'Inter';color:#7be8a0;display:flex;align-items:center;gap:7px;background:#0d1a13aa;border:1px solid #1f5a37;border-radius:20px;padding:8px 12px}
#segmentos .open i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e33}
#segmentos .tag{margin:12px 0 14px;font:500 16px/1.2 'Inter';color:#cdd5e2}
#segmentos .body{display:grid;grid-template-columns:1fr 168px;gap:14px}
#segmentos .list{display:flex;flex-direction:column;gap:9px}
#segmentos .it{position:relative;display:flex;gap:13px;align-items:center;padding:8px 54px 8px 8px;border-radius:18px;background:rgba(14,19,27,.82);border:1px solid #222d40;backdrop-filter:blur(2px)}
#segmentos .it img{width:86px;height:86px;border-radius:14px;object-fit:cover;flex:none;border:1px solid #2c3850}
#segmentos .tx h4{font:800 19px/1.15 'Inter Display';letter-spacing:-.01em}
#segmentos .tx p{font:400 14px/1.3 'Inter';color:#b6c0d0;margin:3px 0 7px}
#segmentos .pr{display:flex;gap:7px;flex-wrap:wrap}
#segmentos .pc{font:800 15px/1 'Inter';color:var(--ouro-c);background:#1a1608;border:1px solid #5a4a1d;border-radius:9px;padding:6px 9px}
#segmentos .pc i{font-style:normal;font-weight:700;color:var(--acc);margin-right:6px}
#segmentos .plus{position:absolute;right:10px;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 22px/1 'Inter';color:#0b0f16;background:var(--acc)}
#segmentos .box{border-radius:18px;padding:14px 13px;background:linear-gradient(180deg,rgba(22,29,40,.92),rgba(10,14,20,.92));border:1px solid color-mix(in srgb,var(--acc) 45%,#222d40);display:flex;flex-direction:column}
#segmentos .bh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#segmentos .bh b{font:800 17px/1 'Inter Display'}
#segmentos .bh span{font:600 11px/1 'Inter';color:#0b0f16;background:var(--acc);border-radius:10px;padding:4px 7px}
#segmentos .cl{display:flex;gap:7px;font:600 14px/1.25 'Inter';padding:7px 0;border-top:1px solid #1f2a3b;color:#dde4f0}
#segmentos .cl b{color:var(--acc)}
#segmentos .eta{margin-top:auto;font:500 12px/1.4 'Inter';color:var(--prata);padding:10px 0;border-top:1px solid #1f2a3b}
#segmentos .tt{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
#segmentos .tt span{font:600 13px 'Inter';color:var(--prata)}
#segmentos .tt b{font:800 21px/1 'Inter Display'}
#segmentos .go{text-align:center;font:800 15px/1 'Inter Display';color:#1a1405;background:linear-gradient(180deg,#F2DC95,#C9A24B);border-radius:12px;padding:13px 6px}
#segmentos footer{margin-top:12px;font:500 14px/1.3 'Inter';color:#c3ccda;text-align:center;padding-top:11px;border-top:1px dashed #2b384d}
#segmentos footer b{color:var(--acc);font-weight:800}
#segmentos .note{position:relative;margin-top:26px;text-align:center;font:500 14px/1.4 'Inter';color:var(--prata)}
#segmentos .cl{display:flex;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #1f2a3b}
#segmentos .cl img{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:none;border:1px solid #2c3850}
#segmentos .cl div{min-width:0}
#segmentos .cl span{display:block;font:700 13.5px/1.2 'Inter';color:#e6ecf6}
#segmentos .cl b{display:block;font:700 13px/1.2 'Inter';color:var(--acc);margin-top:3px}
#segmentos .trk{margin-top:auto;display:flex;flex-direction:column;gap:9px;padding:12px 0 12px 2px;border-top:1px solid #1f2a3b;position:relative}
#segmentos .trk:before{content:"";position:absolute;left:7px;top:19px;bottom:21px;width:2px;background:#243044}
#segmentos .s{position:relative;display:flex;align-items:center;gap:10px;font:600 12.5px/1 'Inter';color:var(--prata)}
#segmentos .s i{width:12px;height:12px;border-radius:50%;background:#243044;border:2px solid #0b0f16;z-index:1;margin-left:0}
#segmentos .s.on{color:#7be8a0}
#segmentos .s.on i{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}
#segmentos .eta{margin-top:0!important}
#segmentos .box{width:178px}
#segmentos .body{grid-template-columns:1fr 178px!important}
#segmentos .bh b{font-size:16px!important}
#segmentos .shade{background:linear-gradient(180deg,rgba(7,9,13,.55) 0%,rgba(7,9,13,.68) 40%,rgba(7,9,13,.84) 100%)!important}
#segmentos .bgimg{opacity:.8!important}
#segmentos .it{background:rgba(12,17,25,.7)!important}
#segmentos .up{margin-top:10px;border:1px dashed color-mix(in srgb,var(--acc) 60%,#222d40);border-radius:12px;padding:9px 10px;background:color-mix(in srgb,var(--acc) 9%,#0b0f16)}
#segmentos .up small{display:block;font:600 11.5px/1 'Inter';color:var(--prata)}
#segmentos .up b{display:block;font:700 14px/1.2 'Inter';margin-top:5px;color:#e6ecf6}
#segmentos .up span{display:block;font:800 14px/1 'Inter';color:var(--acc);margin-top:4px}
#segmentos .cp{margin-top:9px;font:600 12px/1.2 'Inter';color:#7be8a0;background:#0d1a13;border:1px solid #1f5a37;border-radius:10px;padding:8px 9px}
#segmentos .cp b{letter-spacing:.06em}
/* ===== responsivo (F1) ===== */
#segmentos .card{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .2s cubic-bezier(.2,.7,.2,1),border-color .2s}
#segmentos .card:focus-visible{outline:3px solid var(--ouro-c);outline-offset:3px}
#segmentos .hint{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;min-height:48px;border-radius:14px;border:2px solid var(--acc);background:color-mix(in srgb,var(--acc) 14%,#0b0f16);color:#fff;font:800 17px/1 'Inter',sans-serif;letter-spacing:.01em;transition:background .2s cubic-bezier(.2,.7,.2,1),color .2s}
#segmentos .hint b{font-size:24px;line-height:1;color:var(--acc);margin-top:-2px;transition:color .2s}
#segmentos .hint-dot{width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 30%,transparent)}
#segmentos .t-click{display:none}
@media (hover:hover) and (pointer:fine){
#segmentos .t-touch{display:none}#segmentos .t-click{display:inline}
#segmentos .card:hover{border-color:var(--acc);box-shadow:0 24px 60px #0008,0 0 0 1px var(--acc),0 0 50px color-mix(in srgb,var(--acc) 22%,transparent)}
#segmentos .card:hover .hint{background:var(--acc);color:#10080a}
#segmentos .card:hover .hint b{color:#10080a}
}
#segmentos .card:active .hint{background:var(--acc);color:#10080a}
@media (prefers-reduced-motion:reduce){#segmentos .card,#segmentos .hint,#segmentos .hint b{transition:none}}
@media (max-width:1100px){
#segmentos.sec{padding:56px 28px 52px}
#segmentos h1{font-size:60px}
#segmentos .sub{font-size:24px}
}
@media (max-width:1000px){
#segmentos .body{grid-template-columns:1fr!important}
#segmentos .box{width:100%!important}
#segmentos .box{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
#segmentos .box .bh,#segmentos .box .eta,#segmentos .box .tt,#segmentos .box .go,#segmentos .box .up,#segmentos .box .cp{grid-column:1/-1}
}
@media (max-width:760px){
#segmentos.sec{padding:48px 16px 44px}
#segmentos h1{font-size:44px;margin-top:18px}
#segmentos .sub{font-size:20px;margin-top:18px}
#segmentos .grid{grid-template-columns:1fr;gap:20px;margin-top:32px}
#segmentos .card{border-radius:22px}
}
@media (max-width:560px){
#segmentos .kicker{font-size:12px;letter-spacing:.14em;line-height:1.5}
#segmentos h1{font-size:34px}
#segmentos .sub{font-size:17px}
#segmentos header{flex-wrap:wrap}
#segmentos header h3{font-size:26px}
#segmentos .open{margin-left:0}
#segmentos .tag{font-size:16px}
#segmentos .tx p{font-size:15px}
#segmentos .box{display:flex}
#segmentos .it img{width:76px;height:76px}
#segmentos .note{font-size:13px}
}