/* Cantinho brasileiro no exterior (pedido 91): compacto, relógios do mundo que viram como num painel de aeroporto
   e a conversa dos ouvintes («de onde você fala?») em vidro escuro com as cores da Sucesso. */
.exterior{padding-top:clamp(60px,9vh,100px);padding-bottom:clamp(40px,6vh,70px)}
.ext-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start;padding:clamp(22px,3.4vw,44px);border-radius:32px;position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(70% 90% at 0% 0%,rgba(0,156,59,.30),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(255,223,0,.20),transparent 60%),radial-gradient(60% 70% at 100% 0%,rgba(10,108,214,.40),transparent 60%),#070d1c;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 90px -40px rgba(10,108,214,.9)}
.ext-grade::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 40%,rgba(255,223,0,.08) 50%,transparent 60%);animation:extGira 18s linear infinite}
@keyframes extGira{to{transform:rotate(360deg)}}
.exterior h2{font-size:clamp(32px,4vw,58px)!important}
.exterior h2 span{display:block;background:linear-gradient(90deg,#3ddc84,#ffdf00,#5AB4FF);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.ext-lead{margin:14px 0 20px;font-size:17px;line-height:1.55;color:#d6e0f0;max-width:52ch}
.ext-relogios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:22px}
.er{padding:10px 6px;border-radius:14px;text-align:center;background:#0b1222;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.er.casa{box-shadow:inset 0 0 0 1.5px rgba(255,223,0,.7)}
.er-h{display:block;font-size:clamp(18px,1.8vw,24px);font-weight:800;font-variant-numeric:tabular-nums;color:#ffd76a;perspective:200px}
.er-h.vira{animation:flap .6s cubic-bezier(.3,1.4,.5,1)}
@keyframes flap{0%{transform:rotateX(90deg);opacity:.3}100%{transform:none;opacity:1}}
.er span{display:block;font-size:11px;font-weight:700;color:#9fb0c8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.ext-chat{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:24px;background:rgba(6,10,20,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(140,200,255,.2)}
.ec-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ec-cab b{font-size:16px}.ec-cab span{font-size:13px;color:#9fb0c8;margin-left:auto}
.ec-cab .ponto-vivo{background:#3ddc84}
.ec-lista{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:240px;min-height:120px;overflow:auto;padding-right:4px}
.ec-lista li{padding:10px 12px;border-radius:16px 16px 16px 4px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);animation:ptEntra .5s cubic-bezier(.16,1,.3,1) both}
.ec-quem{display:flex;gap:8px;align-items:baseline}.ec-quem b{font-size:14px;color:#ffd76a}.ec-quem span{font-size:12px;color:#8fd4a8}
.ec-lista p{font-size:14.5px;color:#e6edf8;margin-top:3px;overflow-wrap:anywhere}
.ec-vazio{border-radius:16px!important;text-align:center}.ec-vazio b{display:block;color:#fff}.ec-vazio span{font-size:13px;color:#9fb0c8}
.ec-form{display:flex;flex-direction:column;gap:8px}
.ec-linha{display:flex;gap:8px}
.ec-linha input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:999px;border:0;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(160,210,255,.28);font-size:15px}
.ec-linha input:focus{outline:0;box-shadow:inset 0 0 0 2px #ffdf00}
.ec-linha .btn{min-height:44px;padding:0 20px}
.ec-form .nota{font-size:12px;color:#8391a8}
.ec-wa{align-self:flex-start;min-height:42px;font-size:14px}
@media (max-width:900px){.ext-grade{grid-template-columns:minmax(0,1fr)}.ext-relogios{grid-template-columns:repeat(5,minmax(0,1fr))}.er-h{font-size:16px}.er span{font-size:9.5px}}
@media (prefers-reduced-motion:reduce){.ext-grade::before,.er-h.vira{animation:none}}
/* rádio que não pára ao mudar de página (pedido 97): a página pedida abre numa moldura; o mini player fica por cima */
.concha-moldura{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:45;background:#000}
html.em-concha body > *:not(.concha-moldura):not(#mini):not(audio){display:none!important}
html.em-concha #mini{display:flex!important;opacity:1!important;transform:translate(-50%,0)!important;pointer-events:auto!important;z-index:70!important;visibility:visible!important}
html.dentro-concha #mini,html.dentro-concha .contador-ao-vivo{display:none!important}
/* Sucesso Tecnologia (pedido 96): rede neural viva ao fundo, filtros por lugar e notícias reais de IA e tecnologia */
.tecno{position:relative;overflow:hidden;isolation:isolate;border-radius:36px;margin-bottom:40px;background:radial-gradient(80% 70% at 20% 0%,rgba(42,131,255,.35),transparent 60%),radial-gradient(70% 60% at 90% 100%,rgba(140,60,255,.28),transparent 60%),#04070f;box-shadow:inset 0 0 0 1px rgba(140,200,255,.18)}
.tec-rede{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.tecno h2 span{display:block;background:linear-gradient(90deg,#8ad8ff,#b48cff,#ffd76a);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.tec-lead{max-width:60ch;color:#cfdaf0;font-size:17px;margin:12px 0 20px}
.tec-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.tec-filtros button{padding:9px 16px;border-radius:999px;font-weight:700;font-size:14px;color:#e8eefc;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(140,200,255,.35);transition:transform .2s,background .2s}
.tec-filtros button:hover{transform:translateY(-2px)}
.tec-filtros button[aria-selected="true"]{background:linear-gradient(135deg,#5AB4FF,#8c5aff);color:#fff;box-shadow:0 10px 26px -10px rgba(140,90,255,.9)}
.tec-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tec-c{position:relative;display:flex;flex-direction:column;min-height:200px;border-radius:22px;overflow:hidden;background:rgba(8,14,30,.8);box-shadow:inset 0 0 0 1px rgba(140,200,255,.2);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;animation:ptEntra .6s cubic-bezier(.16,1,.3,1) both}
.tec-c:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(180,140,255,.8),0 24px 50px -24px rgba(140,90,255,.8)}
.tec-c.grande{grid-column:span 2;grid-row:span 2}
.tec-c img{width:100%;height:130px;object-fit:cover}
.tec-c.grande img{height:280px}
.tec-t{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px}
.tec-tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8ad8ff}
.tec-t b{font-size:15px;line-height:1.3;color:#fff}
.tec-c.grande .tec-t b{font-size:22px}
@media (max-width:900px){.tec-grade{grid-template-columns:repeat(2,minmax(0,1fr))}.tec-c.grande{grid-column:span 2;grid-row:auto}}
.pedido-noar{margin:-10px 0 14px;padding:8px 14px;border-radius:14px;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font-size:14px;font-weight:600;color:#fff}
.pedido.pausado .passo{opacity:.45;pointer-events:none}
.pedido button[type=submit]:disabled{opacity:.5;cursor:not-allowed;animation:none}
.er-bandeira{display:block;width:30px;height:20px;margin:0 auto 4px;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.ext-bandeira{display:block;width:min(240px,60%);height:auto;margin:-6px 0 6px -10px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}
.ec-estado{align-items:center;flex-wrap:wrap;font-size:13px;color:#9fb0c8}
.ec-estado label{cursor:pointer}
.ec-estado input{position:absolute;opacity:0;pointer-events:none}
.ec-estado i{display:inline-block;font-style:normal;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#e6edf8;transition:background .2s}
.ec-estado input:checked + i{background:#ffdf00;color:#111;box-shadow:none}
.ec-estado input:focus-visible + i{outline:2px solid #fff;outline-offset:2px}
.ec-estado-sel{font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.ec-estado-sel.solt{background:rgba(61,220,132,.18);color:#8ff0b8;box-shadow:inset 0 0 0 1px rgba(61,220,132,.5)}
.ec-estado-sel.cas{background:rgba(90,180,255,.16);color:#a9d4ff;box-shadow:inset 0 0 0 1px rgba(90,180,255,.5)}