@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/media/fonts/roboto-latin-variable.woff2') format('woff2');
}
.gb-story-page {
  --gb-story-inset: clamp(18px, 4dvh, 48px);
  --gb-phone-height: min(720px, calc(100dvh - var(--gb-header-height, 73px) - var(--gb-story-inset) * 2));
  --gb-block-height: calc(var(--gb-phone-height) + var(--gb-story-inset) * 2);
  --gb-hero-height: var(--gb-block-height);
}
.gb-story-page > main { position: relative; z-index: 1; background: var(--surface); }
.gb-story-page .gb-experience {
  --font-sans: "Roboto", "Segoe UI", system-ui, sans-serif;
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  clip-path: inset(0);
  background: var(--surface);
  font-family: var(--font-sans);
}
.gb-story-page .gb-world-map { position: sticky; top: var(--gb-header-height, 73px); height: calc(100dvh - var(--gb-header-height, 73px)); margin-bottom: calc(-1 * (100dvh - var(--gb-header-height, 73px))); overflow: hidden; pointer-events: none; z-index: 0; }
.gb-story-page .gb-world-art { width: 100%; height: 100%; display: block; }
.gb-story-page .gb-map-drawing { opacity: .72; filter: grayscale(.35) saturate(.85); }
.gb-story-page .gb-map-pin { opacity: 0; transition: opacity 420ms ease; }
.gb-story-page .gb-map-pin.is-visible { opacity: .6; }
.gb-story-page .gb-map-pin path { fill: #6a7468; }
.gb-story-page .gb-map-pin circle { fill: var(--surface); }
.gb-story-page .gb-map-pin text { fill: #5c6659; font: 16px var(--font-sans); }
.gb-story-page .gb-journey {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: var(--space-5);
}
.gb-story-page .gb-scenes { min-width: 0; grid-column: 1; grid-row: 1; }
.gb-story-page .gb-scene { --gb-scene-bg: #f8f7f31a; position: relative; isolation: isolate; min-height: var(--gb-block-height); padding-block: var(--gb-story-inset); display: flex; align-items: center; scroll-margin-top: var(--gb-header-height, 73px); }
.gb-story-page .gb-scene::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((min(calc(100cqw - var(--gutter) * 2), var(--max)) - 100cqw) / 2); width: 100cqw; z-index: -1; background: var(--gb-scene-bg); }
.ap-google-business.gb-story-page .gb-journey .gb-hero { position: relative; top: auto; z-index: auto; height: auto; min-height: var(--gb-block-height); padding-block: var(--gb-story-inset); background: transparent; }
.gb-story-page .gb-hero-copy, .gb-story-page .gb-scene-copy { width: 100%; max-width: 520px; }
.gb-story-page .gb-hero-copy { display: flex; flex-direction: column; min-height: var(--gb-phone-height); padding-block: var(--space-5) clamp(24px, calc(var(--gb-phone-height) * .12), 88px); }
.ap-google-business.gb-story-page .gb-hero-copy h1 { margin-bottom: clamp(24px, calc(var(--gb-phone-height) * .28), 217px); font-size: clamp(32px, min(5vw, calc(var(--gb-phone-height) * .12)), 70px); font-weight: 500; line-height: 1.04; color: #202124; }
.ap-google-business.gb-story-page .gb-hero-copy h1 span { color: #5f6368; }
.gb-story-page .gb-hero-details { margin-top: auto; }
.gb-story-page .gb-hero-details, .gb-story-page .gb-scene-copy { padding: var(--space-5); border: 1px solid #ffffffc7; border-radius: var(--radius); background: #f8f7f3b3; backdrop-filter: blur(12px) saturate(.85); box-shadow: 0 12px 32px #1818170a; }
.gb-story-page .gb-hero-details { padding: var(--space-4); }
.gb-story-page .gb-hero-details .gb-lead { font-size: var(--type-lead); line-height: 1.6; }
.gb-story-page .gb-scene-copy h2 { margin-top: var(--space-3); font-size: var(--type-heading); font-weight: 500; line-height: var(--leading-heading); }
.gb-story-page .gb-scene-copy > p { margin-top: var(--space-4); color: var(--muted); font-size: var(--type-lead); line-height: var(--leading-lead); }
.gb-story-page .gb-scene-acessos, .gb-story-page .gb-scene-entrega { --gb-scene-bg: #e5e2da59; }
.gb-story-page .gb-scene-informacao { --gb-scene-bg: #f8f7f32e; }
.gb-story-page .gb-scene-avaliacoes { --gb-scene-bg: #232321c7; color: var(--surface); }
.gb-story-page .gb-scene-avaliacoes .gb-scene-copy { background: #232321b8; border-color: #ffffff30; }
.gb-story-page .gb-scene-duvidas { --gb-scene-bg: #f0eee833; }
.gb-story-page .gb-scene-contacto { --gb-scene-bg: #e5e2da66; }
.gb-story-page .gb-scene-avaliacoes .eyebrow { color: #c9d8c1; }
.gb-story-page .gb-scene-avaliacoes .gb-scene-copy > p, .gb-story-page .gb-scene-avaliacoes .gb-stage-list, .gb-story-page .gb-policy-link { color: #d1cec6; }
.gb-story-page .gb-stage-list { display: grid; gap: var(--space-2); margin: var(--space-4) 0 0; padding: var(--space-4) 0 0; border-top: 1px solid #1818171a; list-style: none; }
.gb-story-page .gb-scene-avaliacoes .gb-stage-list { border-top-color: #ffffff26; }
.gb-story-page .gb-stage-list li { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: var(--space-2); }
.gb-story-page .gb-stage-list li::before { content: "✓"; color: #497352; font-weight: 600; }
.gb-story-page .gb-scene-avaliacoes .gb-stage-list li::before { color: #c9d8c1; }
.gb-story-page .gb-reviews-stage-list li { grid-template-columns: 24px minmax(0, 1fr); align-items: center; }
.gb-story-page .gb-reviews-stage-list li::before { content: none; }
.gb-story-page .gb-reviews-stage-list svg { display: block; width: 24px; height: 24px; fill: none; stroke: #c9d8c1; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.gb-story-page .gb-policy-link { margin-top: var(--space-4); font-size: var(--type-body-small); }
.gb-story-page .gb-companion { position: sticky; top: var(--gb-header-height, 73px); align-self: start; grid-column: 2; grid-row: 1; height: var(--gb-block-height); padding-block: var(--gb-story-inset); z-index: 2; min-width: 0; }
.gb-story-page .gb-device-stack { display: flex; flex-direction: column; height: 100%; min-height: 0; margin: 0; }
.gb-story-page .gb-map-stage { flex: 1; min-height: 0; }
.ap-google-business.gb-story-page .gb-phone { width: auto; height: var(--gb-phone-height); max-height: 100%; max-width: 100%; }
.gb-story-page .gb-question-list { margin-top: var(--space-4); }
.gb-story-page .gb-question-list details p { padding-right: 0; }
.gb-story-page .gb-phone-hardware { position: absolute; inset: 2.4% 4.5%; z-index: 0; opacity: 0; border: 1px solid #979c9d; border-radius: 11% / 5.5%; background: #16191b; box-shadow: inset 2px 0 1px #afb5b7, inset -2px 0 1px #73797d, inset 0 2px 2px #d7dcde, inset 0 -2px 1px #6a7073; transition: opacity 240ms ease, border-radius 320ms ease, background-color 320ms ease; }
.gb-story-page .gb-phone-frame { transition: opacity 240ms ease; }
.gb-story-page .gb-phone-screen { z-index: 1; transition: left 320ms ease, top 320ms ease, width 320ms ease, height 320ms ease, border-radius 320ms ease; }
.gb-story-page .gb-phone-camera { position: absolute; left: 50%; top: 5%; width: 14%; height: 1.1%; transform: translateX(-50%); border-radius: 999px; background: #080a0b; z-index: 3; opacity: 0; transition: opacity 240ms ease, width 320ms ease, height 320ms ease; }
.gb-story-page .gb-journey:not([data-gb-model="classic"]) .gb-phone-frame { opacity: 0; }
.gb-story-page .gb-journey:not([data-gb-model="classic"]) .gb-phone-hardware { opacity: 1; }
.gb-story-page .gb-journey:not([data-gb-model="classic"]) .gb-phone-camera { opacity: 1; }
.gb-story-page .gb-journey[data-gb-model="edge"] .gb-phone-hardware { border-radius: 4.5% / 2.2%; background: #101314; }
.gb-story-page .gb-journey[data-gb-model="edge"] .gb-phone-screen { left: 7%; top: 4.5%; width: 86%; height: 91%; border-radius: 3.6% / 1.8%; }
.gb-story-page .gb-journey[data-gb-model="edge"] .gb-phone-camera { top: 5.2%; width: 3.4%; height: auto; aspect-ratio: 1; box-shadow: inset 0 0 0 2px #292f34; }
.gb-story-page .gb-journey[data-gb-model="silver"] .gb-phone-hardware { background: #1a1c1e; border-color: #c3c5c3; box-shadow: inset 3px 0 1px #d6d8d5, inset -3px 0 1px #a4aaa8, inset 0 2px 1px #f1f1ed, inset 0 -2px 1px #959c99; }
.gb-story-page .gb-journey[data-gb-model="silver"] .gb-phone-screen { left: 7.8%; top: 4.5%; width: 84.4%; height: 91%; border-radius: 9% / 4.4%; }
.gb-story-page .gb-journey[data-gb-model="silver"] .gb-phone-camera { top: 5%; width: 24%; height: 2.4%; }
.gb-story-page .gb-phone-screen { container-type: inline-size; }
.gb-story-page .gb-phone-status { flex-basis: 10cqw; padding-inline: 5cqw; font-size: 3.7cqw; }
.gb-story-page .gb-device-views { position: relative; flex: 1; min-height: 0; }
.gb-story-page .gb-device-view { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 220ms ease, visibility 220ms ease; overflow: hidden; background: #fff; }
.gb-story-page .gb-device-view.is-active { opacity: 1; visibility: visible; }
.gb-story-page .gb-phone-home { flex-shrink: 0; height: 1.2cqw; margin: 3.2cqw auto; }
.gb-story-page .gb-ui-shell { display: flex; flex-direction: column; height: 100%; padding: 6cqw; color: #202124; font-size: 4.8cqw; line-height: 1.4; }
.gb-story-page .gb-ui-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 5cqw; border-bottom: 1px solid #e4e6e6; color: #5f6368; font-size: 4cqw; }
.gb-story-page .gb-ui-step { display: block; margin-top: 7cqw; color: #137a82; font-size: 3.8cqw; }
.ap-google-business.gb-story-page .gb-ui-title { margin: 4cqw 0 6cqw; font-size: 8cqw; font-weight: 600; line-height: 1.15; letter-spacing: -.025em; }
.gb-story-page .gb-ui-account { display: flex; align-items: center; gap: 4cqw; padding: 5cqw 0; }
.gb-story-page .gb-ui-account strong, .gb-story-page .gb-ui-account div > span { display: block; }
.gb-story-page .gb-ui-account div > span { color: #5f6368; font-size: 4cqw; }
.gb-story-page .gb-ui-avatar { display: grid; place-items: center; flex: 0 0 15cqw; height: 15cqw; border-radius: 50%; background: #edf0ec; color: #137a82; font-size: 7cqw; }
.gb-story-page .gb-ui-row { padding: 5cqw 0; border-top: 1px solid #e4e6e6; }
.gb-story-page .gb-ui-row > span, .gb-story-page .gb-ui-row > strong { display: block; }
.gb-story-page .gb-ui-row > span { margin-bottom: 2cqw; color: #5f6368; font-size: 4cqw; }
.gb-story-page .gb-ui-row > strong { font-weight: 500; }
.gb-story-page .gb-ui-note { margin-top: auto; padding: 5cqw; border-radius: 3cqw; background: #edf4f0; color: #385144; font-size: 4cqw; }
.gb-story-page .gb-ui-mini-map, .gb-story-page .gb-ui-profile-map { position: relative; flex-shrink: 0; min-height: 25cqw; background: #e8ece5 url('/assets/media/examples/google-business-world.svg') 35% 46% / 170% auto; border-radius: 3cqw; margin-bottom: 4cqw; overflow: hidden; }
.gb-story-page .gb-ui-map-pin { position: absolute; left: 45%; top: 36%; display: block; width: 7cqw; height: 7cqw; border: 1.6cqw solid #b6544f; border-radius: 50% 50% 50% 1cqw; background: #fff; transform: rotate(-45deg); }
.gb-story-page .gb-ui-profile { padding-top: 3cqw; }
.gb-story-page .gb-ui-search { display: flex; align-items: center; gap: 3cqw; padding: 3cqw; border: 1px solid #e4e6e6; border-radius: 9cqw; color: #5f6368; font-size: 4cqw; margin-bottom: 4cqw; }
.gb-story-page .gb-ui-search > span { font-size: 6cqw; line-height: 1; }
.gb-story-page .gb-ui-profile-map { min-height: 34cqw; margin-inline: -6cqw; border-radius: 0; }
.gb-story-page .gb-ui-profile-heading .gb-ui-title { margin: 1cqw 0 2cqw; }
.gb-story-page .gb-ui-profile-heading > span { font-size: 4cqw; color: #5f6368; }
.gb-story-page .gb-ui-tabs { display: flex; justify-content: space-between; gap: 3cqw; margin-top: 6cqw; border-bottom: 1px solid #e4e6e6; font-size: 4cqw; }
.gb-story-page .gb-ui-tabs > span { padding-bottom: 3cqw; }
.gb-story-page .gb-ui-tabs > span:first-child { color: #137a82; border-bottom: 2px solid #137a82; }
.gb-story-page .gb-ui-shortcuts { display: flex; justify-content: space-between; margin-block: 5cqw; font-size: 3.7cqw; color: #137a82; text-align: center; }
.gb-story-page .gb-ui-shortcuts > span { display: grid; justify-items: center; gap: 2cqw; }
.gb-story-page .gb-ui-shortcuts b { display: grid; place-items: center; width: 12cqw; height: 12cqw; border-radius: 50%; background: #edf4f0; font-size: 6cqw; font-weight: 500; }
.gb-story-page .gb-ui-shortcuts svg { width: 6cqw; height: 6cqw; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.gb-story-page .gb-ui-profile-details .gb-ui-row { padding-block: 3cqw; }
.gb-story-page .gb-ui-review { padding: 6cqw 4cqw; background: #f4f7f5; border-radius: 4cqw; text-align: center; margin-bottom: 6cqw; }
.gb-story-page .gb-ui-stars { display: block; font-size: 10cqw; color: #9a7531; letter-spacing: 0; }
.gb-story-page .gb-ui-review p { margin-top: 4cqw; font-size: 7cqw; font-weight: 500; line-height: 1.25; }
.gb-story-page .gb-ui-action { display: block; margin-top: 6cqw; padding: 4cqw; border-radius: 4cqw; background: #137a82; color: #fff; font-size: 4cqw; }
.gb-story-page .gb-ui-done { display: grid; place-items: center; width: 20cqw; height: 20cqw; margin-top: 6cqw; border-radius: 50%; background: #edf4f0; color: #137a82; font-size: 12cqw; }
.gb-story-page .gb-ui-cta-lead { font-size: 5cqw; color: #5c5c56; }
.gb-story-page .gb-ui-cta-list { display: grid; gap: 4cqw; padding: 0; margin: 6cqw 0; list-style: none; }
.gb-story-page .gb-ui-cta-list li { display: grid; grid-template-columns: 4cqw 1fr; gap: 3cqw; }
.gb-story-page .gb-ui-cta-list li::before { content: "✓"; color: #497352; }
.gb-story-page .gb-phone-cta { flex-shrink: 0; justify-content: space-between; gap: var(--space-1); margin-top: auto; padding-inline: var(--space-2); --focus: #819c7a; }
.gb-story-page .gb-phone-cta > span:first-child { min-width: 0; }
.gb-story-page .gb-ui-cta-note { margin-top: 4cqw; font-size: 4cqw; color: #5c5c56; }
.gb-story-page .gb-search-footer { --font-sans: "Roboto", "Segoe UI", system-ui, sans-serif; position: sticky; bottom: 0; z-index: 0; min-height: max(var(--gb-block-height), calc(100dvh - var(--gb-header-height, 73px))); padding-block: var(--space-5); background: var(--surface); color: var(--text); font-family: var(--font-sans); }
.gb-story-page .gb-search-footer-inner { min-height: calc(max(var(--gb-block-height), 100dvh - var(--gb-header-height, 73px)) - var(--space-5) * 2); display: flex; flex-direction: column; }
.gb-story-page .gb-search-content { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-block: var(--space-5); text-align: center; }
.gb-story-page .gb-search-content h2 { font-size: clamp(32px, min(4.8vw, calc(var(--gb-phone-height) * .1)), 70px); font-weight: 500; line-height: 1.1; color: #202124; }
.gb-story-page .gb-search-content > p { margin-top: var(--space-4); color: var(--muted); font-size: var(--type-lead); }
.gb-story-page .gb-business-search { display: flex; align-items: center; gap: var(--space-3); width: 100%; min-height: 80px; margin-top: var(--space-5); padding: var(--space-2); border: 1px solid #dadce0; border-radius: 999px; background: #fff; box-shadow: 0 6px 24px #1818170a; text-align: left; }
.gb-story-page .gb-business-search:focus-within { border-color: #819c7a; box-shadow: 0 0 0 3px #819c7a40; }
.gb-story-page .gb-search-icon { flex: 0 0 24px; width: 24px; height: 24px; margin-left: var(--space-2); fill: none; stroke: #5f6368; stroke-width: 1.7; }
.gb-story-page .gb-search-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.gb-story-page .gb-business-search input[type="search"] { flex: 1; width: 0; min-width: 0; min-height: 48px; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; color: #202124; font: inherit; font-size: var(--type-lead); }
.gb-story-page .gb-business-search input::placeholder { color: #757575; }
.gb-story-page .gb-business-search button { flex-shrink: 0; border: 0; border-radius: 999px; cursor: pointer; font-family: inherit; }
.gb-story-page #gb-search-help { margin-top: var(--space-2); color: var(--muted); font-size: var(--type-body-small); }
.gb-story-page .gb-footer-information { flex-shrink: 0; padding-top: var(--space-4); border-top: 1px solid var(--line); font-size: var(--type-body-small); }
.gb-story-page .gb-footer-columns { display: grid; grid-template-columns: 1.1fr 1.8fr 1.2fr .8fr; align-items: start; gap: var(--space-4); }
.gb-story-page .gb-footer-brand img { display: block; width: min(100%, 180px); height: auto; }
.gb-story-page .gb-footer-navigation, .gb-story-page .gb-footer-contacts, .gb-story-page .gb-footer-hosting { display: grid; gap: var(--space-1); }
.gb-story-page .gb-footer-navigation nav { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); }
.gb-story-page .gb-footer-hosting img { display: block; width: 100px; height: auto; }
.gb-story-page .gb-footer-hosting > span { color: var(--muted); }
.gb-story-page .gb-footer-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--line); color: var(--muted); }
.gb-story-page .gb-footer-bottom > span { flex-shrink: 0; }
.gb-story-page .gb-footer-bottom a { text-decoration: underline; text-underline-offset: 3px; }
.gb-story-page .gb-search-footer a:focus-visible { outline: 3px solid #819c7a; outline-offset: 4px; }
@media (max-height: 760px) {
  .gb-story-page .gb-hero-copy { padding-block: 0; }
  .ap-google-business.gb-story-page .gb-hero-copy h1 { margin-bottom: var(--space-4); }
}
@media (max-height: 650px) {
  .gb-story-page .gb-search-footer { padding-block: var(--space-3); }
  .gb-story-page .gb-search-footer-inner { min-height: calc(max(var(--gb-block-height), 100dvh - var(--gb-header-height, 73px)) - var(--space-3) * 2); }
  .gb-story-page .gb-search-content { padding-block: var(--space-3); }
  .gb-story-page .gb-search-content > p { margin-top: var(--space-3); }
  .gb-story-page .gb-business-search { min-height: 64px; margin-top: var(--space-3); padding: var(--space-1); }
  .gb-story-page .gb-footer-information { padding-top: var(--space-3); }
  .gb-story-page .gb-footer-columns { gap: var(--space-3); }
  .gb-story-page .gb-footer-bottom { margin-top: var(--space-3); padding-top: var(--space-2); }
  .gb-story-page .gb-hero-details, .gb-story-page .gb-scene-copy { padding: var(--space-4); }
  .gb-story-page .gb-hero-details .gb-lead { font-size: 17px; line-height: 1.5; }
  .gb-story-page .gb-stage-list { gap: var(--space-2); margin-top: var(--space-4); }
  .gb-story-page .gb-scene-copy > p { margin-top: var(--space-3); font-size: 17px; line-height: 1.5; }
  .gb-story-page .gb-scene-copy h2 { margin-top: var(--space-3); }
}
@media (max-height: 520px) {
  .gb-story-page { --gb-story-inset: 12px; }
  .gb-story-page .gb-search-footer { padding-block: var(--space-2); }
  .gb-story-page .gb-search-footer-inner { min-height: calc(max(var(--gb-block-height), 100dvh - var(--gb-header-height, 73px)) - var(--space-2) * 2); }
  .gb-story-page .gb-search-content { padding-block: 0; }
  .gb-story-page .gb-search-content h2 { font-size: 32px; }
  .gb-story-page .gb-search-content > p { margin-top: var(--space-2); }
  .gb-story-page .gb-business-search { margin-top: var(--space-2); }
  .gb-story-page .gb-footer-information { padding-top: var(--space-2); }
  .gb-story-page .gb-footer-bottom { margin-top: var(--space-2); padding-top: var(--space-1); }
  .gb-story-page .gb-hero-details, .gb-story-page .gb-scene-copy { padding: var(--space-3); }
  .gb-story-page .gb-hero-details .gb-lead { font-size: 16px; }
  .ap-google-business.gb-story-page .gb-hero-copy h1 { margin-bottom: var(--space-3); }
  .gb-story-page .gb-scene-copy h2 { font-size: 28px; }
  .gb-story-page .gb-scene-copy > p { font-size: 16px; }
  .gb-story-page .gb-stage-list { margin-top: var(--space-3); font-size: var(--type-body-small); }
  .gb-story-page .gb-policy-link { margin-top: var(--space-3); }
}
@media (prefers-reduced-motion: reduce) {
  .gb-story-page .gb-search-footer { position: relative; }
  .gb-story-page .gb-device-view, .gb-story-page .gb-map-pin, .gb-story-page .gb-phone-frame, .gb-story-page .gb-phone-hardware, .gb-story-page .gb-phone-screen, .gb-story-page .gb-phone-camera { transition: none; }
}
