.content-google-estetica { --guide-ink: #203246; --guide-muted: #61758a; --guide-teal: #18c5be; --guide-teal-deep: #109c98; --guide-lilac: #8b4be4; --guide-line: #dce9ee; background: #f7fbfc; color: var(--guide-ink); }
.guide-container { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.guide-hero { position: relative; overflow: hidden; padding: 118px 0 72px; background: linear-gradient(135deg, #fafeff 0%, #edfafa 52%, #f4efff 100%); }
.guide-orb { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.guide-orb-one { width: 320px; height: 320px; right: -130px; top: 42px; background: rgba(24, 197, 190, .13); }
.guide-orb-two { width: 250px; height: 250px; left: -115px; bottom: -100px; background: rgba(139, 75, 228, .1); }
.guide-hero-grid, .guide-intro-grid, .guide-bridge-grid, .guide-cta-card { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: clamp(36px, 7vw, 92px); align-items: center; position: relative; }
.guide-eyebrow, .guide-kicker { color: var(--guide-teal-deep); font-size: .73rem; letter-spacing: .13em; font-weight: 800; margin-bottom: 16px; }
.guide-hero h1, .guide-section h2, .guide-cta-card h2 { margin: 0; font-size: clamp(2.55rem, 5vw, 4.8rem); line-height: .98; letter-spacing: -.055em; }
.guide-hero h1 span { color: var(--guide-lilac); }
.guide-lead { max-width: 660px; margin: 26px 0 0; font-size: clamp(1.06rem, 1.8vw, 1.22rem); line-height: 1.7; color: var(--guide-muted); }
.guide-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.guide-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 0 22px; border-radius: 999px; font-weight: 800; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.guide-button:hover { transform: translateY(-2px); }
.guide-button-primary { color: #fff; background: linear-gradient(135deg, var(--guide-teal), var(--guide-teal-deep)); box-shadow: 0 18px 32px rgba(16, 156, 152, .24); }
.guide-button-quiet { color: var(--guide-ink); background: rgba(255,255,255,.72); border: 1px solid rgba(32,50,70,.1); }
.guide-note { margin: 18px 0 0; color: #77899a; font-size: .79rem; line-height: 1.5; }
.guide-map-card { padding: 22px; border: 1px solid rgba(255,255,255,.8); border-radius: 28px; background: rgba(255,255,255,.76); box-shadow: 0 28px 70px rgba(44, 93, 110, .14); backdrop-filter: blur(14px); animation: guide-float 5s ease-in-out infinite; }
.map-card-top, .map-card-footer { display: flex; align-items: center; gap: 9px; color: #567087; font-size: .76rem; font-weight: 800; }
.map-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--guide-teal); box-shadow: 0 0 0 6px rgba(24,197,190,.12); }
.map-flow { list-style: none; padding: 20px 0 12px; margin: 0; display: grid; gap: 12px; }
.map-flow li { display: flex; gap: 13px; align-items: center; padding: 15px; border-radius: 16px; background: #fff; border: 1px solid rgba(220,233,238,.9); }
.map-flow li.is-accent { border-color: rgba(24,197,190,.38); background: linear-gradient(135deg, #fff, #edfffd); }
.map-number { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; color: var(--guide-teal-deep); background: #e3f9f7; font-weight: 800; font-size: .85rem; }
.map-flow strong, .map-flow small { display: block; }.map-flow strong { font-size: .91rem; }.map-flow small { margin-top: 3px; color: var(--guide-muted); font-size: .74rem; }
.map-card-footer { justify-content: center; }.map-card-footer i { display: block; height: 1px; width: 32px; background: linear-gradient(90deg, var(--guide-teal), var(--guide-lilac)); }
.guide-section { padding: 94px 0; }.guide-section-soft { background: #fff; border-top: 1px solid rgba(220,233,238,.7); border-bottom: 1px solid rgba(220,233,238,.7); }
.guide-intro-grid { grid-template-columns: 1fr .8fr; }.guide-section h2, .guide-cta-card h2 { font-size: clamp(2rem, 4vw, 3.45rem); }.guide-intro-grid > p, .guide-section-heading > p, .guide-bridge-copy > p { color: var(--guide-muted); line-height: 1.75; font-size: 1.05rem; }
.guide-section-heading { max-width: 720px; }.guide-section-heading > p { margin: 17px 0 0; }.guide-check-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 36px; }.guide-check-card { min-height: 245px; padding: 20px; border: 1px solid var(--guide-line); border-radius: 20px; background: #fff; box-shadow: 0 16px 30px rgba(73,113,138,.06); }.guide-check-card:nth-child(2n) { transform: translateY(20px); }.guide-check-card span { color: var(--guide-lilac); font-size: .78rem; font-weight: 800; }.guide-check-card h3 { margin: 38px 0 12px; font-size: 1.04rem; line-height: 1.18; }.guide-check-card p { margin: 0; color: var(--guide-muted); line-height: 1.55; font-size: .84rem; }
.guide-bridge-section { background: linear-gradient(135deg, #e9fbfa, #f8f5ff); }.guide-phone-shell { width: min(280px, 100%); justify-self: center; padding: 17px; border: 8px solid #253c51; border-radius: 33px; background: #fff; box-shadow: 0 30px 50px rgba(32,50,70,.2); transform: rotate(-5deg); }.phone-bar { display: flex; justify-content: center; gap: 4px; margin-bottom: 18px; }.phone-bar i { width: 4px; height: 4px; border-radius: 50%; background: #9fb3c2; }.phone-search { padding: 11px; border-radius: 11px; color: #8495a4; background: #f2f7f9; font-size: .73rem; }.phone-result { display: flex; align-items: center; gap: 9px; margin-top: 13px; padding: 12px 7px; border-bottom: 1px solid #e6eef2; }.phone-result-highlight { border: 1px solid rgba(24,197,190,.26); border-radius: 14px; background: #effcfa; }.phone-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #fff; background: var(--guide-lilac); }.phone-avatar-link { background: var(--guide-teal-deep); }.phone-result b, .phone-result small { display: block; }.phone-result b { font-size: .78rem; }.phone-result small { margin-top: 2px; color: var(--guide-muted); font-size: .66rem; }.guide-text-link { display: inline-flex; gap: 8px; margin-top: 19px; color: var(--guide-teal-deep); font-weight: 800; text-decoration: none; }
.guide-section-dark { color: #fff; background: #203246; }.guide-section-heading-light .guide-kicker { color: #8ee6e1; }.guide-section-heading-light h2 { max-width: 660px; }.guide-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 38px; }.guide-steps article { padding: 25px; border-radius: 21px; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.12); }.guide-steps span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; color: #203246; background: #8ee6e1; font-size: .8rem; font-weight: 800; }.guide-steps h3 { margin: 42px 0 11px; font-size: 1.12rem; }.guide-steps p { margin: 0; color: #c3d1dc; font-size: .91rem; line-height: 1.6; }
.guide-cta-section { padding: 74px 0; }.guide-cta-card { padding: clamp(28px, 5vw, 56px); border-radius: 30px; background: #fff; box-shadow: 0 20px 60px rgba(74,113,138,.12); }.guide-cta-card h2 { max-width: 700px; }.guide-cta-card p:not(.guide-kicker) { margin: 16px 0 0; color: var(--guide-muted); line-height: 1.6; }.guide-cta-card .guide-button { justify-self: end; white-space: nowrap; }
@keyframes guide-float { 50% { transform: translateY(-9px); } }
@media (max-width: 900px) { .guide-hero-grid, .guide-intro-grid, .guide-bridge-grid, .guide-cta-card { grid-template-columns: 1fr; }.guide-map-card { max-width: 500px; }.guide-check-grid { grid-template-columns: repeat(2, 1fr); }.guide-check-card:nth-child(2n) { transform: none; }.guide-cta-card .guide-button { justify-self: start; } }
@media (max-width: 620px) { .guide-hero { padding: 106px 0 56px; }.guide-section { padding: 68px 0; }.guide-check-grid, .guide-steps { grid-template-columns: 1fr; }.guide-check-card { min-height: 0; }.guide-check-card h3 { margin-top: 24px; }.guide-actions { display: grid; }.guide-button { width: 100%; }.guide-phone-shell { transform: none; }.guide-map-card { animation: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

/* Auditoria: a peça visual principal desta página é o diagnóstico, não uma promessa de resultado. */
.guide-audit-score { padding: 28px; border: 1px solid rgba(255,255,255,.86); border-radius: 28px; color: var(--guide-ink); background: rgba(255,255,255,.8); box-shadow: 0 28px 70px rgba(44,93,110,.14); backdrop-filter: blur(14px); }
.guide-audit-score > p { margin: 0; color: var(--guide-teal-deep); font-size: .74rem; font-weight: 800; letter-spacing: .13em; }
.guide-audit-score strong { display: block; margin-top: 12px; font-size: clamp(3.3rem, 7vw, 5.4rem); line-height: .86; letter-spacing: -.075em; }
.guide-audit-score > span { display: block; margin-top: 9px; color: var(--guide-muted); font-size: .94rem; }
.guide-audit-score ol { display: grid; gap: 11px; margin: 24px 0 0; padding: 0; list-style: none; counter-reset: audit-step; }
.guide-audit-score li { display: grid; grid-template-columns: 24px 1fr; gap: 10px; align-items: start; padding-top: 11px; border-top: 1px solid var(--guide-line); color: #4c6073; font-size: .88rem; line-height: 1.45; }
.guide-audit-score li::before { content: counter(audit-step); counter-increment: audit-step; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: var(--guide-teal-deep); background: #e3f9f7; font-weight: 800; font-size: .7rem; }
.guide-check-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
.guide-check-card { min-height: 210px; padding: 24px; }
.guide-check-card:nth-child(2n) { transform: none; }
.guide-check-card h3 { margin: 31px 0 12px; }
.guide-source-section { background: #f1f7fc; }
.guide-source-section h2 { max-width: 800px; }
.guide-source-section p:not(.guide-kicker) { max-width: 760px; color: var(--guide-muted); line-height: 1.75; font-size: 1.05rem; }
@media (max-width: 900px) { .guide-check-grid { grid-template-columns: repeat(2, 1fr); } }