@font-face{font-family:Barlow;src:url(assets/barlow-800.ttf);font-weight:800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink);padding:32px 18px;min-height:100svh}a{color:inherit;text-decoration:none;touch-action:manipulation}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:active{transform:scale(.98)}::selection{background:#e8d646;color:#171a15}main{width:100%;max-width:420px;margin:auto}header{text-align:center}.logo{display:block;width:160px;height:auto;margin:0 auto 22px}h1{font-size:29px;letter-spacing:-.035em;line-height:1.12;margin:0 0 10px}.intro{font-size:13px;line-height:1.6;margin:0 0 24px;color:var(--muted)}.location{font-size:11px;color:var(--muted);margin:0 0 16px}.icon{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.arrow{margin-left:auto;width:18px}.action{display:flex;align-items:center;gap:13px;min-height:65px;padding:18px 17px;transition:background .18s,transform .18s}.action span{text-align:left}.action strong{display:block;font-size:14px;font-weight:650}.action small{display:block;font-size:11px;line-height:1.4;margin-top:5px;color:var(--muted)}.primary{background:var(--accent);color:var(--onaccent);border-radius:16px;margin-bottom:14px;min-height:76px}.primary small{color:inherit;opacity:.8}.links{display:grid;gap:10px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair .action{justify-content:center;gap:8px;padding:15px 9px;min-height:55px}.pair strong{font-size:12px}.pair .arrow,.pair small{display:none}.hours{font-size:11px;line-height:1.6;text-align:center;color:var(--muted);margin:23px 0 0}.hours strong{font-weight:650;color:var(--ink)}address{font-style:normal;text-align:center;font-size:10px;line-height:1.6;color:var(--muted);margin:11px 0 22px}footer{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:var(--muted)}footer a{min-height:40px;display:flex;align-items:center}.wordmark{font-family:Georgia,serif;font-size:22px;font-weight:bold;letter-spacing:-1px;color:var(--ink)}.wordmark b{color:#df2938}.back{display:block;max-width:420px;margin:0 auto 20px;font-size:11px;min-height:30px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:6px;font-size:10px;border-radius:20px;padding:7px 11px;margin:0 0 20px;background:var(--soft)}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink)}
.clara{--bg:#f5f5f2;--ink:#20251f;--muted:#62685e;--accent:#e9dc49;--onaccent:#20251f;--line:#e1e3dd;--soft:#e9ece4}.clara main{background:#fff;border-radius:28px;padding:28px 24px 18px;box-shadow:0 12px 48px #242d1810}.clara .links>.action{border-bottom:1px solid var(--line);padding-left:3px;padding-right:3px}.clara .pair{margin-top:8px}.clara .pair .action{background:#f4f5f0;border-radius:12px}.clara .primary:hover{background:#f3e762}.clara .links>.action:hover{background:#f8f9f6}.clara .status{background:#f2f3ec}
.noturna{--bg:#101310;--ink:#f8f6e9;--muted:#b8bcac;--accent:#ead66a;--onaccent:#181c14;--line:#343b2d;--soft:#252c21;background-image:linear-gradient(#10131018,#10131018),url(/bio-assets/bublitz-fundo.webp);background-size:auto,480px}.noturna main{background:#101710;border-radius:24px;overflow:hidden;padding:32px 25px 18px;box-shadow:0 16px 60px #0005}.noturna h1{font-size:32px;font-weight:500;letter-spacing:-.035em}.noturna .primary{border-radius:40px;justify-content:center}.noturna .primary .arrow{margin-left:6px}.noturna .links{grid-template-columns:1fr 1fr}.noturna .links>.action{flex-direction:column;gap:15px;align-items:flex-start;background:#20291e;border:1px solid #d9c65c35;border-radius:16px;min-height:118px}.noturna .links>.action .icon{color:var(--accent)}.noturna .links>.action .arrow{display:none}.noturna .links>.action small{font-size:10px}.noturna .pair{grid-column:1/-1;margin-top:3px}.noturna .pair .action{border-radius:35px;border:1px solid var(--line)}.noturna .action:hover{filter:brightness(1.12)}.noturna .back{background:#101710;padding:9px 13px;width:fit-content;border-radius:20px;color:#eee}
.tradicao{--bg:#ede4ce;--ink:#253d2b;--muted:#646c56;--accent:#253d2b;--onaccent:#fff8d5;--line:#253d2b38;--soft:#e9dfbc;background-image:url(/bio-assets/bublitz-fundo.webp);background-size:510px}.tradicao main{background:#fff8e5;padding:26px 25px 16px;border:8px solid #d9c887;outline:1px solid #f9f0ce;outline-offset:-15px}.tradicao .logo{width:150px}.tradicao h1{font-family:Barlow,sans-serif;font-size:40px;text-transform:uppercase;letter-spacing:0}.tradicao .intro{margin-bottom:20px}.tradicao .primary{border-radius:3px;border-bottom:4px solid #d6be60}.tradicao .action strong{font-family:Barlow,sans-serif;font-size:23px;font-weight:800;text-transform:uppercase}.tradicao .primary small{font-family:inherit}.tradicao .links{gap:0}.tradicao .links>.action{border-bottom:1px solid var(--line);padding-left:0;padding-right:0}.tradicao .links>.action:hover{background:#f1e8ce}.tradicao .pair{margin-top:13px;gap:0}.tradicao .pair .action:first-child{border-right:1px solid var(--line)}.tradicao .pair strong{font-size:18px}.tradicao .back{color:#253d2b;background:#fff8e5;padding:8px 12px;width:fit-content}.tradicao .status{border-radius:0;border-block:1px solid var(--line);background:transparent}
.solar{--bg:#f6e849;--ink:#171e14;--muted:#515538;--accent:#182319;--onaccent:#fff16a;--line:#17231525;--soft:#eade40}.solar main{max-width:440px}.solar header{text-align:left;padding:0 12px 8px}.solar .logo{width:155px;margin:0 0 22px}.solar h1{font-family:Barlow,sans-serif;font-size:58px;text-transform:uppercase;line-height:.95;letter-spacing:-.02em;max-width:340px}.solar .intro{max-width:300px;font-size:14px;margin:16px 0 23px}.solar .status{margin-bottom:18px;background:#fff5aa80}.solar .primary{border-radius:16px;min-height:83px;margin:0 0 12px;box-shadow:0 8px 20px #37361318}.solar .primary strong{font-size:18px}.solar .links>.action{background:#fffbee;border-radius:16px}.solar .links>.action:hover{background:white}.solar .pair .action{background:#ffffff50;border-radius:30px}.solar .location{margin:0 0 12px}.solar .hours{margin-top:22px}
@media(max-width:450px){body{padding:16px 14px}.back{margin-bottom:10px;min-height:30px}.clara main{padding:24px 20px 15px}.noturna main{padding:25px 21px 15px}.tradicao main{padding:24px 18px 15px}.logo{width:145px;margin-bottom:17px}.solar h1{font-size:52px}.solar header{padding-left:5px}.action{padding:16px 13px}.noturna .links>.action{padding:16px 13px}.noturna .links>.action strong{font-size:13px}.intro{font-size:12px}.status{margin-bottom:16px}}@media(max-width:350px){.pair strong{font-size:11px}.tradicao .pair strong{font-size:16px}.noturna main{padding-inline:17px}.solar h1{font-size:47px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Noturna: estampa aparente e ações horizontais. */
.noturna main{background:rgba(12,20,14,.80);box-shadow:0 14px 42px #00000028;border:1px solid #ffffff16}
.noturna .links{display:grid;grid-template-columns:1fr;gap:11px}
.noturna .links>.action{flex-direction:row;align-items:center;gap:13px;min-height:61px;padding:16px 18px;border-radius:30px;background:rgba(18,29,20,.64);border:1px solid #e4dbad50}
.noturna .links>.action .arrow{display:block;color:#e4e8d7}
.noturna .links>.action small{display:none}
.noturna .links>.action strong{font-size:14px}
.noturna .primary{border-radius:30px;justify-content:flex-start;min-height:72px}
.noturna .primary .arrow{margin-left:auto}
.noturna .pair{grid-column:auto;gap:11px;margin-top:0}
.noturna .pair .action{background:rgba(18,29,20,.58);border-color:#e4dbad40;min-height:52px}
.noturna .links>.action:hover,.noturna .pair .action:hover{background:rgba(41,55,33,.88);filter:none}
.noturna .intro,.noturna .location,.noturna .hours,.noturna address,.noturna footer{color:#e0e4d8}
.noturna .status{background:rgba(18,29,20,.62);color:#f2edca}
@media(max-width:450px){.noturna{padding:16px 18px 24px;background-size:350px;background-position:20px 28px}.noturna main{padding:24px 19px 16px}.noturna .back{margin-bottom:24px}.noturna .links>.action{padding:16px}.noturna .logo{width:140px}.noturna .pair .action{padding-inline:9px}}

/* Versão 2 aprovada: refinamento compacto e tipografia de sistema. */
.noturna{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
.noturna main{max-width:380px;padding:24px 22px 15px;background:rgba(15,22,17,.95);border:0;border-radius:24px;box-shadow:0 14px 40px #00000025}
.noturna .logo{width:130px;margin-bottom:16px}
.noturna h1{font-size:26px;font-weight:700;letter-spacing:-.035em;margin-bottom:10px}
.noturna .location{font-size:10px;margin-bottom:10px;color:#b9c0b4}
.noturna .intro{font-size:12px;line-height:1.65;color:#d5dbce;margin-bottom:15px}
.noturna .status{font-size:10px;margin-bottom:17px;padding:6px 10px;background:#ffffff08;color:#d2d8c6}
.noturna .primary{min-height:68px;padding:15px 16px;border-radius:14px;background:#ecdf75;box-shadow:none;margin-bottom:10px}
.noturna .primary strong{font-size:14px;font-weight:650;letter-spacing:-.01em}
.noturna .primary small{font-size:11px;opacity:1;color:#343a24}
.noturna .links{gap:9px}
.noturna .links>.action{min-height:54px;padding:15px 16px;border-radius:14px;background:#ffffff09;border:1px solid #ffffff16}
.noturna .links>.action strong{font-size:13px;font-weight:550;letter-spacing:-.01em}
.noturna .links>.action .icon{width:19px;height:19px;color:#dce2d3}
.noturna .links>.action .arrow{width:16px;height:16px;color:#9ca792}
.noturna .pair{gap:9px;margin-top:1px}
.noturna .pair .action{min-height:48px;padding:13px 8px;border:0;border-radius:12px;background:#ffffff06}
.noturna .pair strong{font-size:11px;font-weight:500}
.noturna .pair .icon{width:17px;height:17px;color:#cdd5c4}
.noturna .links>.action:hover,.noturna .pair .action:hover{background:#ffffff13;transform:translateY(-1px)}
.noturna .primary:hover{background:#f8eb8d;filter:none}
.noturna .action:active{transform:scale(.98)}
.noturna .hours{margin-top:18px;font-size:10px;line-height:1.7;color:#b8c1b0}
.noturna address{font-size:10px;color:#b8c1b0;margin:9px 0 13px}
.noturna footer{font-size:9px;color:#b8c1b0;padding-top:8px}
.noturna .wordmark{font-size:21px}
@media(max-width:450px){.noturna{padding:14px 24px 22px}.noturna main{padding:22px 18px 13px;border-radius:22px}.noturna .back{margin-bottom:18px}.noturna .logo{width:125px}.noturna h1{font-size:25px}}
@media(max-width:350px){.noturna{padding-inline:18px}.noturna main{padding-inline:15px}.noturna .primary{gap:10px}.noturna .primary strong{font-size:13px}.noturna .pair strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.noturna .action{transition:none}.noturna .action:active,.noturna .action:hover{transform:none}}

/* Ações centradas e canais secundários com contraste. */
.noturna .action{position:relative;justify-content:center}
.noturna .action>span{text-align:center;width:100%}
.noturna .action>.icon:first-child{position:absolute;left:16px;width:19px;height:19px}
.noturna .action>.arrow{display:none!important}
.noturna .primary,.noturna .links>.action{padding:16px 40px}
.noturna .links>.action small{display:block;font-size:10px;line-height:1.4;color:#c6cfbd;margin-top:5px}
.noturna .links>.action{min-height:65px;background:#ffffff0d;border-color:#ffffff24}
.noturna .links>.action strong{font-size:13px;font-weight:600}
.noturna .pair{grid-template-columns:1fr;gap:9px}
.noturna .pair .action{min-height:52px;padding:15px 40px;background:#293326;border:1px solid #d7deb844;border-radius:14px;color:#f2f5e8}
.noturna .pair strong{font-size:13px;font-weight:600}
.noturna .pair .icon{color:#e5dda0}
.noturna .pair .action:hover{background:#374331}
@media(max-width:350px){.noturna .primary,.noturna .links>.action,.noturna .pair .action{padding-inline:35px}.noturna .action>.icon:first-child{left:12px;width:17px}.noturna .links>.action strong{font-size:12px}}

/* Identidade regional visível antes do cartão no celular. */
.noturna .regional{max-width:380px;margin:0 auto 20px;display:flex;justify-content:center;align-items:center;gap:13px;min-height:48px}
.noturna .regional svg{width:38px;height:26px;flex:none;filter:drop-shadow(0 2px 4px #0003)}
.noturna .regional span{font-size:10px;font-weight:600;color:#243b29;background:#fff9e9;padding:8px 10px;border-radius:15px}
@media(max-width:450px){.noturna{padding:20px 23px 20px;background-size:350px}.noturna .regional{min-height:61px;margin-bottom:18px;gap:11px}.noturna main{padding:20px 17px 12px}.noturna .logo{width:116px;margin-bottom:13px}.noturna h1{font-size:24px}.noturna .intro{margin-bottom:12px}.noturna .status{margin-bottom:14px}.noturna .hours{margin-top:16px}.noturna .action{min-height:52px}.noturna .primary{min-height:67px}}
@media(max-width:350px){.noturna{padding-inline:18px}.noturna .regional{gap:8px}.noturna .regional svg{width:32px}.noturna .regional span{font-size:9px}}

/* Mesmo acabamento nos quatro canais e brilho de interação. */
.noturna .links>.action{min-height:72px;border-radius:14px;padding:15px 36px;background:#ffffff0d;border:1px solid #ffffff24;color:#f2f5e8}
.noturna .action{overflow:hidden;isolation:isolate}
.noturna .action::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff20 48%,transparent 76%);transform:translateX(-120%);z-index:-1}
@media(hover:hover) and (pointer:fine){.noturna .action:hover::after{transform:translateX(120%);transition:transform .65s ease}.noturna .links>.action:hover{background:#ffffff17;border-color:#ffffff45;transform:translateY(-1px)}}
.noturna .action:focus-visible{outline:2px solid #ecdf75;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.noturna .action::after{display:none}.noturna .action:hover{transform:none}}

/* Alternativa com todos os botões no amarelo da marca. */
.botoes-amarelos .links>.action,.botoes-amarelos .primary{background:#ecdf75;color:#181c14;border:1px solid #ecdf75;min-height:72px;border-radius:14px}
.botoes-amarelos .links>.action .icon,.botoes-amarelos .primary .icon{color:#343a24}
.botoes-amarelos .links>.action small,.botoes-amarelos .primary small{color:#343a24}
@media(hover:hover) and (pointer:fine){.botoes-amarelos .links>.action:hover,.botoes-amarelos .primary:hover{background:#f8eb8d;border-color:#f8eb8d}}

/* Amarelo predominante extraído da logo original da Bublitz. */
.noturna:not(.botoes-amarelos) .primary{background:#f8ef4a;border-color:#f8ef4a}
@media(hover:hover) and (pointer:fine){.noturna:not(.botoes-amarelos) .primary:hover{background:#fcf576}}

/* Composição compacta para os links caberem na primeira tela móvel. */
@media(max-width:450px){
.noturna:not(.botoes-amarelos){padding:8px 16px 12px}
.noturna:not(.botoes-amarelos) .regional{min-height:28px;margin-bottom:8px;gap:10px}
.noturna:not(.botoes-amarelos) .regional svg{width:29px;height:20px}
.noturna:not(.botoes-amarelos) .regional span{padding:5px 9px;font-size:9px}
.noturna:not(.botoes-amarelos) main{padding:13px 15px 9px;border-radius:20px}
.noturna:not(.botoes-amarelos) .logo{width:87px;margin-bottom:7px}
.noturna:not(.botoes-amarelos) .location{margin-bottom:5px;font-size:9px}
.noturna:not(.botoes-amarelos) h1{font-size:22px;margin-bottom:6px}
.noturna:not(.botoes-amarelos) .intro{font-size:11px;line-height:1.45;margin-bottom:8px}
.noturna:not(.botoes-amarelos) .status{font-size:9px;padding:5px 8px;margin-bottom:10px}
.noturna:not(.botoes-amarelos) .primary{min-height:57px;padding:10px 34px;margin-bottom:7px}
.noturna:not(.botoes-amarelos) .links{gap:7px}
.noturna:not(.botoes-amarelos) .links>.action{min-height:54px;padding:9px 34px}
.noturna:not(.botoes-amarelos) .action strong{font-size:12px}
.noturna:not(.botoes-amarelos) .action small{font-size:9px;margin-top:3px}
.noturna:not(.botoes-amarelos) .hours{font-size:9px;line-height:1.5;margin-top:11px}
.noturna:not(.botoes-amarelos) address{font-size:9px;line-height:1.5;margin:7px 0 8px}
.noturna:not(.botoes-amarelos) footer{padding-top:4px}
.noturna:not(.botoes-amarelos) footer a{min-height:30px}
}
@media(max-width:450px){.noturna:not(.botoes-amarelos) .location{display:none}.noturna:not(.botoes-amarelos) .action small{font-size:10px}}

/* Indicador de atendimento com pulsação suave. */
.noturna:not(.botoes-amarelos) .status::before{background:#4ade80;animation:bublitz-atendimento 1.8s ease-in-out infinite}
@keyframes bublitz-atendimento{0%,100%{opacity:1;box-shadow:0 0 0 0 #4ade8040}50%{opacity:.55;box-shadow:0 0 0 4px #4ade8000}}
@media(prefers-reduced-motion:reduce){.noturna:not(.botoes-amarelos) .status::before{animation:none}}