@font-face { font-family: "Cinzel"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/cinzel-latin-ext-20261029.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Cinzel"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/cinzel-latin-20261029.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500 700; font-display: swap; src: url(/assets/fonts/montserrat-latin-ext-20261029.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500 700; font-display: swap; src: url(/assets/fonts/montserrat-latin-20261029.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Rubik"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/rubik-latin-ext-20261029.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Rubik"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/rubik-latin-20261029.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }  :root {   --mv-coral-50: #FEEDEB;  --mv-coral-100: #FED2CD;  --mv-coral-200: #FCA49C;  --mv-coral-300: #FB776A;  --mv-coral-400: #F95243;  --mv-coral-500: #FA6456;  --mv-coral-600: #DF1907;  --mv-coral-700: #BC1506;  --mv-coral-800: #951104;  --mv-coral-900: #6D0C03;   --mv-agua-50: #F2F8F8;  --mv-agua-100: #DDEEED;  --mv-agua-200: #B3E2E0;  --mv-agua-300: #9ACBC9;  --mv-agua-500: #86C0BE;  --mv-agua-600: #4F9794;  --mv-agua-700: #427F7D;  --mv-agua-800: #346563;  --mv-agua-900: #264A49;   --mv-sol-100: #FEFACD;  --mv-sol-200: #FDF6A0;  --mv-sol-400: #FBED41;  --mv-sol-800: #968B03;   --mv-neutral-0: #FFFFFF; --mv-neutral-50: #FAFAFA;  --mv-neutral-200: #C7C7C7; --mv-neutral-300: #BDBDBD; --mv-neutral-400: #B6B6B6; --mv-neutral-500: #838383; --mv-neutral-600: #707070; --mv-neutral-700: #575757; --mv-neutral-750: #5E5E5E; --mv-neutral-800: #444444; --mv-neutral-900: #222222; --mv-neutral-1000: #000000;  --mv-bg: var(--mv-neutral-0); --mv-bg-alt: var(--mv-agua-50);  --mv-surface: var(--mv-neutral-0); --mv-surface-accent: var(--mv-agua-200);  --mv-surface-brand: var(--mv-coral-500);  --mv-surface-dark: var(--mv-agua-900);  --mv-text: var(--mv-neutral-900);  --mv-text-body: var(--mv-neutral-800);  --mv-text-muted: var(--mv-neutral-600);  --mv-text-on-dark: var(--mv-neutral-0); --mv-text-on-coral: var(--mv-neutral-900);  --mv-text-on-agua: var(--mv-neutral-900);  --mv-action: var(--mv-coral-600);  --mv-action-hover: var(--mv-coral-700); --mv-action-text: var(--mv-neutral-0); --mv-action-secondary: var(--mv-agua-700); --mv-focus-ring: var(--mv-agua-700); --mv-border: var(--mv-neutral-200); --mv-border-strong: var(--mv-neutral-600); --mv-divider: var(--mv-agua-200);  --mv-whatsapp: #128C4A;  --mv-whatsapp-hover: #0E6E3A;  --mv-font-display: "Cinzel", "Playfair Display", Georgia, serif; --mv-font-body: "Rubik", system-ui, -apple-system, sans-serif; --mv-font-eyebrow: "Montserrat", system-ui, -apple-system, sans-serif;  --mv-text-display-1: clamp(2rem, 1.15rem + 4.2vw, 4rem);  --mv-text-display-2: clamp(1.75rem, 1.05rem + 3.5vw, 3.3125rem);  --mv-text-display-3: clamp(1.5rem, 1rem + 2.5vw, 2.5rem);  --mv-text-title: 1.375rem;  --mv-text-lg: 1.1875rem;  --mv-text-base: 1.125rem;  --mv-text-sm: 1rem;  --mv-text-xs: 0.8125rem;  --mv-weight-regular: 400; --mv-weight-medium: 500; --mv-weight-semibold: 600; --mv-weight-bold: 700;  --mv-leading-tight: 1.1;  --mv-leading-snug: 1.2;  --mv-leading-body: 1.65;  --mv-tracking-eyebrow: 3.2px;  --mv-tracking-normal: 0px;  --mv-radius-leaf: 20px 0 20px 0;  --mv-radius-leaf-md: 40px 0 40px 0;  --mv-radius-leaf-lg: 80px 0 80px 0;  --mv-radius-notch: 80px 0 0 0;  --mv-radius-notch-sm:40px 0 0 0;  --mv-radius-xs: 10px;  --mv-radius-sm: 12px;  --mv-radius-md: 20px;  --mv-radius-lg: 40px;  --mv-radius-xl: 80px;  --mv-radius-pill: 999px;  --mv-radius-circle: 50%;  --mv-shadow-hard: 9px 9px 0 0 var(--mv-neutral-0);  --mv-shadow-hard-coral: 9px 9px 0 0 var(--mv-coral-500);  --mv-shadow-hard-agua: 9px 9px 0 0 var(--mv-agua-200);  --mv-shadow-1: 0 2px 8px rgba(34,34,34,.06);  --mv-shadow-2: 0 12px 32px rgba(34,34,34,.10);  --mv-border-width: 1px; --mv-border-width-strong: 2px;  --mv-space-1: 10px; --mv-space-2: 20px;  --mv-space-3: 30px;  --mv-space-4: 40px;  --mv-space-5: 50px;  --mv-space-6: 80px; --mv-space-7: 100px;  --mv-gap-grid: var(--mv-space-3); --mv-gap-stack: var(--mv-space-2);  --mv-container: 1140px; --mv-container-narrow: 720px; --mv-gutter: var(--mv-space-2);  --mv-bp-mobile: 767px; --mv-bp-tablet: 768px; --mv-bp-desktop: 1025px;  --mv-duration-fast: 150ms; --mv-duration-base: 250ms; --mv-duration-slow: 500ms; --mv-ease: cubic-bezier(.22,.61,.36,1); }  @media (prefers-reduced-motion: reduce) { :root { --mv-duration-fast: 0ms; --mv-duration-base: 0ms; --mv-duration-slow: 0ms; } }  *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { margin: 0; background: var(--mv-bg); color: var(--mv-text-body); font-family: var(--mv-font-body); font-size: var(--mv-text-base); line-height: var(--mv-leading-body); -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; display: block; } .wrap { max-width: var(--mv-container); margin-inline: auto; padding-inline: var(--mv-gutter); } .wrap-narrow { max-width: var(--mv-container-narrow); margin-inline: auto; padding-inline: var(--mv-gutter); }  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }  .skip-link { position: absolute; top: 0; left: -9999px; z-index: 999; background: var(--mv-agua-900); color: var(--mv-text-on-dark); font-size: var(--mv-text-sm); text-decoration: none; padding: 12px 20px; border-radius: 0 0 var(--mv-radius-md) 0; } .skip-link:focus { left: 0; }  h1, h2, h3 { font-family: var(--mv-font-display); font-weight: var(--mv-weight-semibold); line-height: var(--mv-leading-tight); color: var(--mv-text); margin: 0 0 var(--mv-space-2); } h1 { font-size: var(--mv-text-display-1); } h2 { font-size: var(--mv-text-display-2); } h3 { font-size: var(--mv-text-display-3); } h4 { font-family: var(--mv-font-body); font-size: var(--mv-text-title); font-weight: var(--mv-weight-medium); line-height: var(--mv-leading-snug); color: var(--mv-text); margin: 0 0 var(--mv-space-1); } p { margin: 0 0 var(--mv-space-2); } .lead { font-size: var(--mv-text-title); color: var(--mv-text-body); } .eyebrow { font-family: var(--mv-font-eyebrow); font-size: var(--mv-text-sm); font-weight: var(--mv-weight-semibold); letter-spacing: var(--mv-tracking-eyebrow); text-transform: uppercase; line-height: var(--mv-leading-tight); color: var(--mv-agua-700); margin: 0 0 var(--mv-space-1); } .eyebrow-light { color: var(--mv-agua-200); }  .popular { display: block; font-size: var(--mv-text-sm); color: var(--mv-text-muted); font-weight: var(--mv-weight-regular); }  section { padding-block: var(--mv-space-7); } .section-head { max-width: 62ch; margin-bottom: var(--mv-space-5); } .section-head p { color: var(--mv-text-muted); } .section-alt { background: var(--mv-bg-alt); } .section-dark { background: var(--mv-surface-dark); color: var(--mv-agua-100); } .section-dark h2, .section-dark h3, .section-dark h4 { color: var(--mv-text-on-dark); } .section-dark p { color: var(--mv-agua-100); }  .grid { display: grid; gap: var(--mv-gap-grid); } @media (min-width: 768px) { .grid-2 { grid-template-columns: repeat(2, 1fr); } .grid-3 { grid-template-columns: repeat(2, 1fr); } .grid-4 { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1025px) { .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-4 { grid-template-columns: repeat(4, 1fr); } }  .img-slot { position: relative; display: block;  margin: 0; aspect-ratio: var(--ratio, 4 / 3); background-color: var(--mv-agua-50); background-size: cover; background-position: var(--pos, center); overflow: hidden; border: 2px dashed var(--mv-agua-500); } .img-slot > img { width: 100%; height: 100%; object-fit: cover; } .img-slot__hint { position: absolute; inset: 0; display: grid; place-content: center; gap: 4px; text-align: center; padding: var(--mv-space-2); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: var(--mv-text-xs); line-height: 1.4; color: var(--mv-agua-800); } .img-slot__hint b { font-size: var(--mv-text-sm); letter-spacing: .5px; }  .img-slot[style*="background-image"] { border-style: solid; border-color: transparent; } .img-slot[style*="background-image"] .img-slot__hint, .img-slot.is-filled .img-slot__hint { display: none; } .img-slot.is-filled { border-style: solid; border-color: transparent; }  .img-slot.is-icone { border-style: solid; border-color: transparent; background-color: var(--mv-agua-50); display: grid; place-items: center; } .img-slot.is-icone > svg { width: 44%; height: auto; color: var(--mv-agua-500); opacity: .5; }  .img-slot > img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, center); display: block; border-radius: inherit; }  .img-leaf { border-radius: var(--mv-radius-leaf); } .img-leaf-md { border-radius: var(--mv-radius-leaf-md); } .img-leaf-lg { border-radius: var(--mv-radius-leaf-lg); } .img-notch { border-radius: var(--mv-radius-notch); } .img-circle { border-radius: var(--mv-radius-circle); }  .section-cover { position: relative; overflow: hidden; background-color: var(--mv-agua-900); background-size: cover; background-position: var(--pos, center); color: var(--mv-text-on-dark); } .section-cover::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, color-mix(in srgb, var(--mv-agua-900) 88%, transparent), color-mix(in srgb, var(--mv-agua-900) 72%, transparent) ); } .section-cover > * { position: relative; z-index: 1; } .section-cover h2, .section-cover h3, .section-cover h4 { color: var(--mv-text-on-dark); } .section-cover p { color: var(--mv-agua-100); } .section-cover .section-head p { color: var(--mv-agua-100); } .section-cover .step { border-left-color: var(--mv-agua-500); } .section-cover .step-num { color: var(--mv-sol-200); }  .section-cover[data-slot]:not([style*="background-image"])::after, .closing[data-slot]:not([style*="background-image"])::after { content: "SLOT: " attr(data-slot) "  ·  " attr(data-medida); position: absolute; top: 14px; right: 14px; z-index: 2; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: var(--mv-text-xs); color: var(--mv-agua-100); border: 2px dashed var(--mv-agua-500); border-radius: var(--mv-radius-leaf); padding: 6px 12px; }  @media (min-width: 1025px) and (prefers-reduced-motion: no-preference) { .section-cover { background-attachment: fixed; } }  .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-family: var(--mv-font-body); font-size: var(--mv-text-lg); font-weight: var(--mv-weight-medium); line-height: var(--mv-leading-snug); padding: 15px 30px; border: var(--mv-border-width-strong) solid transparent; border-radius: var(--mv-radius-leaf); text-decoration: none; cursor: pointer; transition: background var(--mv-duration-base) var(--mv-ease), transform var(--mv-duration-fast) var(--mv-ease); } .btn:active { transform: translateY(1px); } .btn:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 3px; } .btn svg { flex: none; } .btn-whats { background: var(--mv-whatsapp); color: var(--mv-neutral-0); } .btn-whats:hover { background: var(--mv-whatsapp-hover); } .btn-primary { background: var(--mv-action); color: var(--mv-action-text); } .btn-primary:hover { background: var(--mv-action-hover); } .btn-secondary { background: transparent; color: var(--mv-agua-800); border-color: var(--mv-agua-700); } .btn-secondary:hover { background: var(--mv-agua-50); } .btn-on-dark { background: transparent; color: var(--mv-neutral-0); border-color: var(--mv-agua-500); } .btn-on-dark:hover { background: var(--mv-agua-800); } .btn-row { display: flex; flex-wrap: wrap; gap: var(--mv-space-2); }  .site-header { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--mv-neutral-0) 92%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: var(--mv-border-width) solid var(--mv-border); } .header-inner { display: flex; align-items: center; gap: var(--mv-space-3); padding-block: var(--mv-space-2); }  .brand { display: flex; align-items: center; gap: 12px; text-decoration: none; margin-right: auto; flex: 0 0 auto; }   .brand-logo { display: block; height: 38px; width: auto; flex: 0 0 auto;  object-fit: contain; } @media (min-width: 768px) { .brand-logo { height: 44px; } } .site-footer .brand-logo { height: 42px; }  .marca-dagua { position: relative; overflow: hidden; } .marca-dagua::after { content: ""; position: absolute; right: -70px; bottom: -90px; width: 320px; height: 320px; background: url("img/medvance-simbolo.webp") center / contain no-repeat; opacity: .07; pointer-events: none; z-index: 0; } .marca-dagua > * { position: relative; z-index: 1; } @media (max-width: 767px) { .marca-dagua::after { width: 200px; height: 200px; right: -50px; bottom: -60px; } } .site-nav { display: none; gap: var(--mv-space-3); }  .site-nav a { color: var(--mv-text-body); text-decoration: none; font-size: var(--mv-text-sm); font-weight: var(--mv-weight-medium); padding-block: 6px; border-bottom: 2px solid transparent; white-space: nowrap; } .site-nav a:hover { color: var(--mv-agua-800); border-bottom-color: var(--mv-agua-500); }  .site-nav a[aria-current] { color: var(--mv-agua-900); font-weight: var(--mv-weight-bold); border-bottom-color: var(--mv-coral-500); } .site-nav a[aria-current]:hover { border-bottom-color: var(--mv-coral-600); }  .site-nav { display: flex; gap: 18px; order: 3; width: 100%; margin-top: 6px; padding-bottom: 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; mask-image: linear-gradient(90deg, #000 88%, transparent 100%); } .site-nav::-webkit-scrollbar { display: none; }  .header-inner { flex-wrap: wrap; row-gap: 0; } .header-cta { display: none; } @media (min-width: 1025px) { .site-nav { order: 0; width: auto; margin-top: 0; padding-bottom: 0; gap: 22px; overflow: visible; mask-image: none; } .header-inner { flex-wrap: nowrap; } .header-cta { display: inline-flex; font-size: var(--mv-text-sm); padding: 11px 22px; white-space: nowrap; } } @media (min-width: 1240px) { .site-nav { gap: var(--mv-space-3); } }  .nav-toggle { display: none; } @media (max-width: 1024px) { .js-on .nav-toggle { display: inline-flex; align-items: center; justify-content: center;  width: 44px; height: 44px; padding: 0; background: var(--mv-surface); border: var(--mv-border-width) solid var(--mv-border); border-radius: var(--mv-radius-sm); cursor: pointer; transition: background var(--mv-duration-base) var(--mv-ease), border-color var(--mv-duration-base) var(--mv-ease); } .js-on .nav-toggle:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 3px; } .js-on .nav-toggle[aria-expanded="true"] { background: var(--mv-agua-50); border-color: var(--mv-agua-200); }  .nav-toggle-barras { position: relative; display: block; width: 20px; height: 2px; background: var(--mv-agua-900); border-radius: 2px; transition: background var(--mv-duration-fast) var(--mv-ease); } .nav-toggle-barras::before, .nav-toggle-barras::after { content: ""; position: absolute; left: 0; width: 20px; height: 2px; background: var(--mv-agua-900); border-radius: 2px; transition: transform var(--mv-duration-base) var(--mv-ease); } .nav-toggle-barras::before { transform: translateY(-6px); } .nav-toggle-barras::after { transform: translateY(6px); } .nav-toggle[aria-expanded="true"] .nav-toggle-barras { background: transparent; } .nav-toggle[aria-expanded="true"] .nav-toggle-barras::before { transform: rotate(45deg); } .nav-toggle[aria-expanded="true"] .nav-toggle-barras::after { transform: rotate(-45deg); }   .js-on .site-nav { flex-direction: column; gap: 0; width: 100%; order: 3; margin-top: 0; padding-bottom: 0; overflow: hidden;  mask-image: none; max-height: 0; transition: max-height var(--mv-duration-base) var(--mv-ease); }  .js-on .site-nav.is-aberto { padding-block: 8px var(--mv-space-1); } .js-on .site-nav a { padding: 14px 12px; font-size: var(--mv-text-base); border-bottom: var(--mv-border-width) solid var(--mv-border); border-left: 3px solid transparent; border-radius: 0 var(--mv-radius-sm) var(--mv-radius-sm) 0; } .js-on .site-nav a:last-child { border-bottom: 0; }  .js-on .site-nav a[aria-current] { border-bottom-color: var(--mv-border); border-left-color: var(--mv-coral-500); background: var(--mv-agua-50); } }   .hero { position: relative; overflow: hidden; background: var(--mv-bg); padding-block: 0; } .hero-copy { padding-block: var(--mv-space-4) var(--mv-space-3); } .hero-copy h1 { margin-bottom: var(--mv-space-3); } .hero-copy .lead { margin-bottom: var(--mv-space-3); max-width: 46ch; }  .hero-risco { display: block; width: 64px; height: 3px; background: var(--mv-coral-500); margin-bottom: var(--mv-space-2); transform-origin: left center; } .hero-nota { margin-top: var(--mv-space-3); font-size: var(--mv-text-sm); color: var(--mv-text-muted); } .hero-foto { position: relative; overflow: hidden; } .hero-foto img { width: 100%; height: 100%; object-fit: cover; object-position: center 45%; display: block; }  .hero-selos { position: absolute; left: var(--mv-space-3); bottom: var(--mv-space-3); z-index: 2; display: flex; flex-direction: column; gap: 8px; max-width: 250px; } .hero-selo { background: var(--mv-sol-200); color: var(--mv-neutral-900); padding: var(--mv-space-2) var(--mv-space-3); border-radius: var(--mv-radius-leaf); box-shadow: var(--mv-shadow-2); font-size: var(--mv-text-sm); line-height: var(--mv-leading-snug); } .hero-selo strong { display: block; font-size: var(--mv-text-title); font-family: var(--mv-font-display); }  .hero-selo-nota { margin: 0; background: var(--mv-neutral-0); color: var(--mv-neutral-900); padding: 10px 14px; border-left: 3px solid var(--mv-coral-500); border-radius: 0 var(--mv-radius-sm) var(--mv-radius-sm) 0; box-shadow: var(--mv-shadow-1); font-size: var(--mv-text-sm); line-height: var(--mv-leading-snug); }  @media (max-width: 1024px) { .hero::before { content: ""; position: absolute; top: -180px; right: -160px; width: 420px; height: 420px; border-radius: var(--mv-radius-circle); background: var(--mv-agua-50); } .hero-copy { position: relative; z-index: 1; } .hero-foto { aspect-ratio: 4 / 3; border-radius: var(--mv-radius-notch); margin-top: var(--mv-space-3); } }  @media (max-width: 767px) { .hero-selos { left: var(--mv-space-2); bottom: var(--mv-space-2); max-width: 200px; gap: 6px; } .hero-selo { padding: 14px var(--mv-space-2); font-size: var(--mv-text-xs); } .hero-selo strong { font-size: var(--mv-text-lg); }  .hero-selo-nota { padding: 8px 12px; font-size: var(--mv-text-xs); } }  @supports ((mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000))) { @media (min-width: 1025px) { .hero { display: flex; align-items: center; min-height: min(78vh, 660px); } .hero-copy { width: 100%; position: relative; z-index: 2; padding-block: var(--mv-space-5); } .hero-copy > * { max-width: 35rem; }  .hero-copy h1 { font-size: var(--mv-text-display-2); } .hero-foto { position: absolute; inset: 0 0 0 44%; z-index: 1; margin: 0; aspect-ratio: auto; border-radius: 0;  -webkit-mask-image: linear-gradient(90deg, transparent 14%, #000 56%); mask-image: linear-gradient(90deg, transparent 14%, #000 56%); }  .hero-selos { left: auto; right: var(--mv-space-7); bottom: var(--mv-space-6); } } }  @keyframes mv-sobe { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } } @keyframes mv-foto { from { opacity: 0; transform: scale(1.12); } to { opacity: 1; transform: none; } } @keyframes mv-risco { from { transform: scaleX(0); } to { transform: scaleX(1); } } .js-anim .hero-copy > * { animation: mv-sobe var(--mv-duration-slow) var(--mv-ease) both; } .js-anim .hero-copy > *:nth-child(1) { animation-delay: 80ms; } .js-anim .hero-copy > *:nth-child(2) { animation: mv-risco 700ms var(--mv-ease) both; animation-delay: 280ms; } .js-anim .hero-copy > *:nth-child(3) { animation-delay: 180ms; } .js-anim .hero-copy > *:nth-child(4) { animation-delay: 280ms; } .js-anim .hero-copy > *:nth-child(5) { animation-delay: 380ms; } .js-anim .hero-copy > *:nth-child(6) { animation-delay: 460ms; } .js-anim .hero-foto img { animation: mv-foto 1200ms var(--mv-ease) both; }  .js-anim .hero-selo { animation: mv-sobe var(--mv-duration-slow) var(--mv-ease) both; animation-delay: 700ms; } .js-anim .hero-selo-nota { animation: mv-sobe var(--mv-duration-slow) var(--mv-ease) both; animation-delay: 840ms; } @media (prefers-reduced-motion: reduce) { .js-anim .hero-copy > *, .js-anim .hero-foto img, .js-anim .hero-selo, .js-anim .hero-selo-nota { animation: none; } }  .trust-bar { border-top: var(--mv-border-width) solid var(--mv-border); border-bottom: var(--mv-border-width) solid var(--mv-border); background: var(--mv-neutral-0); } .trust-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mv-space-3); padding-block: var(--mv-space-4); } @media (min-width: 480px) { .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .trust-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }  .trust-item { display: grid; grid-template-columns: auto 1fr; align-items: start; column-gap: var(--mv-space-2); row-gap: 2px; } .trust-item > svg { grid-row: 1 / span 2; width: 26px; height: 26px; color: var(--mv-agua-600); margin-top: 1px; } .trust-item strong { font-size: var(--mv-text-base); font-weight: var(--mv-weight-semibold); color: var(--mv-agua-800); line-height: 1.25; } .trust-item span { font-size: var(--mv-text-sm); color: var(--mv-text-muted); line-height: 1.4; }  .card { background: var(--mv-surface); border: var(--mv-border-width) solid var(--mv-border); border-radius: var(--mv-radius-leaf-md); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow var(--mv-duration-base) var(--mv-ease), transform var(--mv-duration-base) var(--mv-ease); } .card:hover { box-shadow: var(--mv-shadow-2); transform: translateY(-4px); }  .card .img-slot { border: 0; border-radius: var(--mv-radius-leaf); margin: var(--mv-space-3) var(--mv-space-3) 0; } .card-body { padding: var(--mv-space-3); flex: 1; display: flex; flex-direction: column; } .card-body p { color: var(--mv-text-muted); font-size: var(--mv-text-sm); margin-bottom: var(--mv-space-2); } .card-link { margin-top: auto; align-self: flex-start; font-size: var(--mv-text-sm); font-weight: var(--mv-weight-medium); color: var(--mv-agua-800); text-decoration: none; border-bottom: 2px solid var(--mv-agua-300); padding-bottom: 2px; } .card-link:hover { border-bottom-color: var(--mv-agua-700); }  .card-acoes { margin: var(--mv-space-1) 0 0; margin-top: auto; display: flex; flex-direction: column; gap: var(--mv-space-1); align-items: flex-start; } .card-acoes .card-link { margin-top: 0; }  .exames-grid .card .img-slot { margin: var(--mv-space-2) var(--mv-space-2) 0; } .exames-grid .card-body { padding: var(--mv-space-2); } .exames-grid .card-body .btn { margin-top: auto; width: 100%; justify-content: center; font-size: var(--mv-text-sm); padding: 11px 18px; } .exames-grid .card-more__in ul { font-size: var(--mv-text-sm); }  .popular { margin-bottom: var(--mv-space-1); }   .callout { background: radial-gradient(120% 140% at 100% 100%, color-mix(in srgb, var(--mv-coral-200) 55%, transparent) 0%, transparent 55%), linear-gradient(118deg, var(--mv-agua-100) 0%, var(--mv-agua-200) 42%, var(--mv-agua-300) 100%); border-radius: var(--mv-radius-leaf-lg); padding: var(--mv-space-5) var(--mv-space-4); display: grid; gap: var(--mv-space-3); } @media (min-width: 1025px) { .callout { grid-template-columns: 1.4fr auto; align-items: center; padding-inline: var(--mv-space-6); } } .callout h3, .callout p { color: var(--mv-text-on-agua); } .callout p { margin: 0; }  .gallery { display: grid; gap: var(--mv-space-2); } @media (min-width: 768px) {  .gallery { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 180px; } .gallery > *:nth-child(1) { grid-column: span 2; grid-row: span 2; } .gallery > *:nth-child(4), .gallery > *:nth-child(5), .gallery > *:nth-child(6) { grid-column: span 2; } }  .gallery .img-slot { height: 100%; aspect-ratio: auto; min-height: 180px; border-radius: var(--mv-radius-leaf); } .gallery .img-notch { border-radius: var(--mv-radius-notch); }  @media (max-width: 767px) { .gallery { display: flex; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .gallery::-webkit-scrollbar { display: none; } .gallery > * { flex: 0 0 80%; scroll-snap-align: center; } .gallery .img-slot { height: auto; min-height: 0; aspect-ratio: 4 / 3; } }  .doctor { text-align: center; } .doctor .img-slot { aspect-ratio: 1; border-radius: var(--mv-radius-leaf); margin-bottom: var(--mv-space-2); } .doctor h4 { margin-bottom: 2px; font-size: var(--mv-text-base); } .doctor span { font-size: var(--mv-text-sm); color: var(--mv-text-muted); display: block; } .doctor .reg { font-size: var(--mv-text-xs); color: var(--mv-agua-700); font-family: ui-monospace, Menlo, Consolas, monospace; }  .step { border-left: 3px solid var(--mv-agua-200); padding-left: var(--mv-space-3); } .step-num { font-family: var(--mv-font-display); font-size: var(--mv-text-display-3); color: var(--mv-coral-500); line-height: 1; display: block; margin-bottom: 6px; }  .city-list { display: flex; flex-wrap: wrap; gap: var(--mv-space-2); list-style: none; padding: 0; margin: 0; } .city-list li { background: var(--mv-neutral-0); border: var(--mv-border-width) solid var(--mv-agua-500); border-radius: var(--mv-radius-leaf); padding: 10px 20px; font-size: var(--mv-text-sm); color: var(--mv-text-body); } .city-list li strong { color: var(--mv-agua-900); }  .mapa { margin-top: var(--mv-space-5); border: var(--mv-border-width) solid var(--mv-border);  border-radius: var(--mv-radius-md); overflow: hidden; background: var(--mv-neutral-0); } .mapa iframe { display: block; width: 100%; height: 260px; border: 0; } @media (min-width: 768px) { .mapa iframe { height: 400px; } } .mapa-nota { display: flex; flex-wrap: wrap; gap: var(--mv-space-1) var(--mv-space-3); align-items: baseline; margin: var(--mv-space-2) 0 0; font-size: var(--mv-text-sm); color: var(--mv-text-muted); } .mapa-nota a { font-weight: var(--mv-weight-medium); color: var(--mv-coral-900); text-decoration: none; border-bottom: 2px solid var(--mv-coral-200); padding-bottom: 2px; } .mapa-nota a:hover { border-bottom-color: var(--mv-coral-600); }  .faq-item { border-bottom: var(--mv-border-width) solid var(--mv-border); padding-block: var(--mv-space-2); } .faq-item h3 { font-family: var(--mv-font-body); font-size: var(--mv-text-title); font-weight: var(--mv-weight-medium); color: var(--mv-text); margin-bottom: var(--mv-space-1); line-height: var(--mv-leading-snug); } .faq-item p { margin-bottom: 0; color: var(--mv-text-body); }  .closing { position: relative; background-color: var(--mv-surface-dark); background-size: cover; background-position: center; border-radius: var(--mv-radius-leaf-lg); overflow: hidden; color: var(--mv-text-on-dark); text-align: center; padding: var(--mv-space-6) var(--mv-space-3); } .closing::before { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--mv-agua-900) 82%, transparent); } .closing > * { position: relative; } .closing h2 { color: var(--mv-text-on-dark); } .closing p { color: var(--mv-agua-100); max-width: 56ch; margin-inline: auto; }  .site-footer { background: var(--mv-surface-dark); color: var(--mv-agua-100); padding-block: var(--mv-space-6) var(--mv-space-4); } .site-footer a { color: var(--mv-agua-100); } .footer-grid { display: grid; gap: var(--mv-space-4); }   @media (hover: none) { .footer-grid li a, .footer-grid p > a { display: inline-block; padding-block: 9px; margin-block: -9px; } } @media (min-width: 560px) { .footer-grid { grid-template-columns: 1fr 1fr; } } @media (min-width: 900px) { .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.1fr; } } .footer-grid h4 { color: var(--mv-text-on-dark); font-family: var(--mv-font-eyebrow); font-size: var(--mv-text-xs); text-transform: uppercase; letter-spacing: 2px; margin-bottom: var(--mv-space-2); } .footer-list { list-style: none; padding: 0; margin: 0; font-size: var(--mv-text-sm); } .footer-list li { margin-bottom: 8px; } .footer-list a { text-decoration: none; } .footer-list a:hover { text-decoration: underline; } .legal { margin-top: var(--mv-space-5); padding-top: var(--mv-space-3); border-top: var(--mv-border-width) solid var(--mv-agua-800); font-size: var(--mv-text-xs); color: var(--mv-agua-200); line-height: 1.6; }   .assinatura { margin-top: var(--mv-space-3); padding-top: var(--mv-space-2); border-top: var(--mv-border-width) solid var(--mv-agua-800); display: flex; flex-wrap: wrap; align-items: center; gap: 10px var(--mv-space-2); font-size: var(--mv-text-xs); color: var(--mv-agua-200); } .assinatura strong { color: var(--mv-text-on-dark); font-weight: var(--mv-weight-semibold); }  .site-footer .assinatura-cta { display: inline-flex; align-items: center; gap: 8px; border: var(--mv-border-width) solid var(--mv-coral-400); border-radius: var(--mv-radius-leaf); padding: 8px 18px; color: var(--mv-coral-300); text-decoration: none; font-weight: var(--mv-weight-semibold); white-space: nowrap; transition: background var(--mv-duration-base) var(--mv-ease), color var(--mv-duration-base) var(--mv-ease); } .site-footer .assinatura-cta:hover, .site-footer .assinatura-cta:focus-visible { background: var(--mv-coral-400); color: var(--mv-agua-900); text-decoration: none; } .assinatura-cta::after { content: "→"; }  .whats-float { position: fixed; right: 16px; bottom: 16px; z-index: 60; width: 56px; height: 56px; border-radius: var(--mv-radius-circle); background: var(--mv-whatsapp); color: var(--mv-neutral-0); display: grid; place-items: center; box-shadow: var(--mv-shadow-2); text-decoration: none; } .whats-float:hover { background: var(--mv-whatsapp-hover); } .whats-float:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 3px; }  .js-anim .reveal { opacity: 0; transform: translateY(18px); } .js-anim .reveal.is-in { opacity: 1; transform: none; transition: opacity var(--mv-duration-slow) var(--mv-ease), transform var(--mv-duration-slow) var(--mv-ease); } @media (prefers-reduced-motion: reduce) { .js-anim .reveal { opacity: 1; transform: none; } }   .card { position: relative; } .card > * { position: relative; z-index: 1; } .card::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; background: radial-gradient( 260px circle at var(--mv-x, 50%) var(--mv-y, 0%), color-mix(in srgb, var(--mv-agua-500) 38%, transparent), transparent 70% ); transition: opacity var(--mv-duration-base) var(--mv-ease); } .card:hover::after, .card:focus-within::after { opacity: 1; } .card:hover { border-color: var(--mv-agua-500); }  .card-more { overflow: hidden; } .js-on .card-more { max-height: 0; opacity: 0; transition: max-height var(--mv-duration-slow) var(--mv-ease), opacity var(--mv-duration-base) var(--mv-ease); } .js-on .card.is-open .card-more { opacity: 1; } .card-more__label { font-family: var(--mv-font-eyebrow); font-size: var(--mv-text-xs); font-weight: var(--mv-weight-semibold); letter-spacing: var(--mv-tracking-eyebrow); text-transform: uppercase; color: var(--mv-agua-700); margin: 0 0 8px; } .card-more ul { margin: 0 0 var(--mv-space-2); padding-left: 18px; } .card-more li { font-size: var(--mv-text-sm); line-height: var(--mv-leading-snug); color: var(--mv-text-body); margin-bottom: 6px; } .card-more li::marker { color: var(--mv-coral-500); }  .card-toggle { display: none; } .js-on .card-toggle { display: inline-flex; align-items: center; gap: 9px; align-self: flex-start; background: transparent; border: 0; padding: 0; margin: 0 0 var(--mv-space-2); font-family: var(--mv-font-body); font-size: var(--mv-text-sm); font-weight: var(--mv-weight-medium); color: var(--mv-agua-800); cursor: pointer; transition: color var(--mv-duration-fast) var(--mv-ease); }  @media (hover: none) { .js-on .card-toggle { padding-block: 13px; margin-block: -13px var(--mv-space-2); } } .card-toggle::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform var(--mv-duration-base) var(--mv-ease); } .card.is-open .card-toggle::after { transform: translateY(1px) rotate(-135deg); } .card-toggle:hover { color: var(--mv-coral-900); } .card-toggle:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 4px; }  .filtro { display: none; } .js-on .filtro { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: var(--mv-space-4); } .filtro-btn { font-family: var(--mv-font-body); font-size: var(--mv-text-sm); font-weight: var(--mv-weight-medium); line-height: 1; padding: 10px 18px; background: var(--mv-neutral-0); color: var(--mv-text-body); border: var(--mv-border-width) solid var(--mv-agua-500); border-radius: var(--mv-radius-leaf); cursor: pointer; transition: background var(--mv-duration-fast) var(--mv-ease), color var(--mv-duration-fast) var(--mv-ease), border-color var(--mv-duration-fast) var(--mv-ease); } .filtro-btn:hover { background: var(--mv-agua-50); } .filtro-btn[aria-pressed="true"] { background: var(--mv-agua-800); border-color: var(--mv-agua-800); color: var(--mv-neutral-0); } .filtro-btn:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 3px; }  .is-fora { display: none; } .is-entra { animation: mv-sobe 420ms var(--mv-ease) both; } @media (prefers-reduced-motion: reduce) { .is-entra { animation: none; } }  .gallery figcaption { position: absolute; inset: 0; z-index: 2; display: grid; align-content: end; padding: var(--mv-space-2); background: linear-gradient( 0deg, color-mix(in srgb, var(--mv-agua-900) 90%, transparent) 0%, color-mix(in srgb, var(--mv-agua-900) 40%, transparent) 45%, transparent 75% ); color: var(--mv-text-on-dark); font-size: var(--mv-text-sm); line-height: var(--mv-leading-snug); border-radius: inherit; opacity: 0; transform: translateY(100%); transition: opacity var(--mv-duration-base) var(--mv-ease), transform var(--mv-duration-base) var(--mv-ease); } .gallery .img-slot:hover figcaption, .gallery .img-slot:focus-within figcaption { opacity: 1; transform: none; } @media (hover: none) { .gallery figcaption { opacity: 1; transform: none; font-size: var(--mv-text-xs); } } @media (prefers-reduced-motion: reduce) { .gallery figcaption { transform: none; } }  .steps { position: relative; } @media (min-width: 1025px) {  .steps::before, .steps::after { content: ""; position: absolute; top: 22px; left: 23px; right: 23px; height: 2px; z-index: 0; } .steps::before { background: color-mix(in srgb, var(--mv-agua-200) 45%, transparent); } .steps::after { background: linear-gradient(90deg, var(--mv-agua-500), var(--mv-coral-500)); transform: scaleX(0); transform-origin: left center; transition: transform 1400ms var(--mv-ease) 200ms; } .steps.is-in::after { transform: scaleX(1); } .steps .step { position: relative; border-left: 0; padding-left: 0; padding-top: 66px; } .steps .step-num { position: absolute; top: 0; left: 0; margin: 0; z-index: 1; width: 46px; height: 46px; display: grid; place-items: center; border-radius: var(--mv-radius-circle); background: var(--mv-agua-900); border: 2px solid var(--mv-agua-500); font-size: var(--mv-text-lg); line-height: 1; } .section-cover .steps .step-num { color: var(--mv-sol-200); } } @media (prefers-reduced-motion: reduce) { .steps::after { transition: none; transform: scaleX(1); } }  .site-header { transition: background var(--mv-duration-base) var(--mv-ease), box-shadow var(--mv-duration-base) var(--mv-ease); } .header-inner, .site-header .brand-logo { transition: padding var(--mv-duration-base) var(--mv-ease), height var(--mv-duration-base) var(--mv-ease); } .site-header.is-stuck { background: color-mix(in srgb, var(--mv-neutral-0) 97%, transparent); box-shadow: var(--mv-shadow-2); } .site-header.is-stuck .header-inner { padding-block: 9px; } .site-header.is-stuck .brand-logo { height: 32px; } @media (min-width: 768px) { .site-header.is-stuck .brand-logo { height: 36px; } }  .doctor .img-slot { transition: transform var(--mv-duration-base) var(--mv-ease); } .doctor:hover .img-slot { transform: translateY(-5px); } .doctor-tags { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 10px; } .doctor-tag { font-size: var(--mv-text-xs); line-height: 1; padding: 5px 11px; background: var(--mv-agua-50); color: var(--mv-agua-900); border-radius: var(--mv-radius-leaf); }  .carrossel { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; padding-block: 4px;  margin-inline: calc(var(--mv-gutter) * -1); padding-inline: var(--mv-gutter);  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%); } .carrossel::-webkit-scrollbar { height: 6px; } .carrossel::-webkit-scrollbar-thumb { background: var(--mv-agua-200); border-radius: 99px; }  .carrossel-trilho { display: flex; gap: 0; width: max-content; } .carrossel .doctor { flex: 0 0 210px; margin-right: var(--mv-space-3); scroll-snap-align: start; display: block; text-decoration: none; color: inherit; border-radius: var(--mv-radius-leaf-md); padding: 10px 10px var(--mv-space-2); transition: background var(--mv-duration-base) var(--mv-ease); } .carrossel .doctor:hover { background: var(--mv-agua-50); } .carrossel .doctor:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 3px; } .carrossel .doctor h4 { color: var(--mv-text); } .carrossel .doctor:hover h4 { color: var(--mv-agua-900); } @media (min-width: 768px) { .carrossel .doctor { flex-basis: 240px; } }  .js-anim .carrossel.is-rodando { overflow-x: hidden; } .js-anim .carrossel.is-rodando .carrossel-trilho { animation: mv-desfila var(--mv-desfile, 60s) linear infinite; } .js-anim .carrossel.is-rodando:hover .carrossel-trilho, .js-anim .carrossel.is-rodando:focus-within .carrossel-trilho { animation-play-state: paused; } @keyframes mv-desfila { from { transform: translateX(0); } to { transform: translateX(-50%); } }  @media (prefers-reduced-motion: reduce) { .js-anim .carrossel.is-rodando { overflow-x: auto; } .js-anim .carrossel.is-rodando .carrossel-trilho { animation: none; } .carrossel-trilho > [aria-hidden="true"] { display: none; } }  @media (hover: none) { .js-anim .carrossel.is-rodando { overflow-x: auto; } .js-anim .carrossel.is-rodando .carrossel-trilho { animation: none; }  .carrossel:not(.toque-anda) .carrossel-trilho > [aria-hidden="true"] { display: none; } }  .carrossel.anda-sozinho { scroll-snap-type: none; }  .carrossel-acao { margin: var(--mv-space-3) 0 0; text-align: center; }  .faq-item h3 { margin-bottom: 0; } .faq-btn { display: block; width: 100%; background: transparent; border: 0; padding: 0; font: inherit; color: inherit; text-align: left; cursor: default; } .js-on .faq-btn { cursor: pointer; padding-right: 40px; position: relative; transition: color var(--mv-duration-fast) var(--mv-ease); } .js-on .faq-btn::after { content: ""; position: absolute; right: 8px; top: 50%; width: 9px; height: 9px; border-right: 2px solid var(--mv-coral-600); border-bottom: 2px solid var(--mv-coral-600); transform: translateY(-70%) rotate(45deg); transition: transform var(--mv-duration-base) var(--mv-ease); } .js-on .faq-item.is-open .faq-btn::after { transform: translateY(-20%) rotate(-135deg); } .js-on .faq-btn:hover { color: var(--mv-coral-900); } .js-on .faq-btn:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 4px; } .faq-resposta { overflow: hidden; } .js-on .faq-resposta { max-height: 0; opacity: 0; transition: max-height var(--mv-duration-slow) var(--mv-ease), opacity var(--mv-duration-base) var(--mv-ease); } .js-on .faq-item.is-open .faq-resposta { opacity: 1; } .faq-resposta p { padding-top: var(--mv-space-1); }  .js-on .faq-item { position: relative; } .js-on .faq-item::before { content: ""; position: absolute; left: -14px; top: var(--mv-space-2); bottom: var(--mv-space-2); width: 3px; border-radius: 99px; background: var(--mv-coral-500); opacity: 0; transition: opacity var(--mv-duration-base) var(--mv-ease); } .js-on .faq-item.is-open::before { opacity: 1; } @media (max-width: 767px) { .js-on .faq-item::before { left: -10px; } }  .section-head h2 { position: relative; padding-bottom: 14px; } .section-head h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 54px; height: 3px; border-radius: 99px; background: var(--mv-coral-500); } .section-cover .section-head h2::after { background: var(--mv-coral-300); } .section-head[style*="center"] h2::after, [style*="text-align:center"] .section-head h2::after { left: 50%; transform: translateX(-50%); }  .grifo { position: relative; white-space: nowrap; } .grifo::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.12em; height: 3px; border-radius: 99px; background: var(--mv-coral-500); } .section-cover .grifo::after, .closing .grifo::after { background: var(--mv-coral-300); }  .js-anim .reveal .grifo::after { transform: scaleX(0); transform-origin: left center; } .js-anim .reveal.is-in .grifo::after { transform: scaleX(1); transition: transform var(--mv-duration-slow) var(--mv-ease) 320ms; } @media (prefers-reduced-motion: reduce) { .js-anim .reveal .grifo::after { transform: none; } }  .btn-secondary:hover { background: var(--mv-coral-50); border-color: var(--mv-coral-500); color: var(--mv-coral-900); }  .breadcrumb { margin-bottom: var(--mv-space-2); } .breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; font-size: var(--mv-text-sm); color: var(--mv-text-muted); } .breadcrumb li + li::before { content: "›"; margin-right: 8px; color: var(--mv-agua-500); } .breadcrumb a { color: var(--mv-agua-800); text-decoration: none; border-bottom: 1px solid var(--mv-agua-200); } .breadcrumb a:hover { border-bottom-color: var(--mv-coral-500); }  .rota { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 var(--mv-space-2); } .rota span { display: inline-block; background: var(--mv-agua-50); border: var(--mv-border-width) solid var(--mv-agua-100); border-radius: var(--mv-radius-pill); padding: 4px 12px; font-size: var(--mv-text-xs); font-weight: var(--mv-weight-medium); color: var(--mv-agua-900); } .rota .rota-km { background: var(--mv-coral-50); border-color: var(--mv-coral-100); color: var(--mv-coral-900); }  .cidade-sede { border-color: var(--mv-agua-500); } .cidade h3 { margin-bottom: var(--mv-space-1); } .nota-fonte { font-size: var(--mv-text-sm); color: var(--mv-text-muted); margin-top: var(--mv-space-3); }  .carrossel .esp-card { flex: 0 0 200px; margin-right: var(--mv-space-3); scroll-snap-align: start; display: block; text-decoration: none; color: inherit; background: var(--mv-surface); border: var(--mv-border-width) solid var(--mv-border); border-radius: var(--mv-radius-leaf-md); padding: 10px 10px var(--mv-space-2); transition: background var(--mv-duration-base) var(--mv-ease), border-color var(--mv-duration-base) var(--mv-ease); } .carrossel .esp-card .img-slot { aspect-ratio: 4/3; border-radius: var(--mv-radius-leaf); margin-bottom: 12px; }  @media (max-width: 767px) { .carrossel .esp-card .img-slot { aspect-ratio: 16 / 9; } }  .carrossel .esp-card .esp-nome { display: block; font-family: var(--mv-font-body); font-size: var(--mv-text-base); font-weight: 600; line-height: 1.25; margin: 0 0 2px; color: var(--mv-text); } .carrossel .esp-card .popular { font-size: var(--mv-text-xs); } .carrossel .esp-card:hover { background: var(--mv-agua-50); border-color: var(--mv-agua-200); } .carrossel .esp-card:hover .esp-nome { color: var(--mv-agua-900); } .carrossel .esp-card:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 3px; } @media (min-width: 768px) { .carrossel .esp-card { flex-basis: 230px; } }  .esp-grade { display: grid; gap: var(--mv-space-3); } @media (min-width: 660px) { .esp-grade { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1080px) { .esp-grade { grid-template-columns: repeat(3, 1fr); } } .esp-bloco { display: flex; flex-direction: column; background: var(--mv-surface); border: var(--mv-border-width) solid var(--mv-border); border-radius: var(--mv-radius-leaf-md); overflow: hidden; scroll-margin-top: 110px; transition: border-color var(--mv-duration-base) var(--mv-ease), transform var(--mv-duration-base) var(--mv-ease); } .esp-bloco:hover { border-color: var(--mv-agua-200); transform: translateY(-4px); }  .esp-bloco .img-slot { border: 0; border-radius: 0; } .esp-corpo { display: flex; flex-direction: column; flex: 1; padding: var(--mv-space-2) var(--mv-space-2) var(--mv-space-2); } .esp-bloco h2 { font-size: var(--mv-text-lg); margin-bottom: 2px; } .esp-bloco .popular { margin-bottom: var(--mv-space-1); } .esp-bloco p { font-size: var(--mv-text-sm); margin-bottom: var(--mv-space-1); }  .esp-bloco .esp-regional { color: var(--mv-text-muted); font-size: var(--mv-text-xs); } .esp-quando { margin-top: var(--mv-space-1); } .esp-quando h3 { font-family: var(--mv-font-body); font-size: var(--mv-text-xs); font-weight: var(--mv-weight-semibold); letter-spacing: .06em; text-transform: uppercase; color: var(--mv-text-muted); margin-bottom: 6px; }  .esp-quando ul { margin: 0; padding-left: 1.05em; } .esp-quando li { font-size: var(--mv-text-sm); line-height: 1.35; margin-bottom: 5px; }  .esp-acoes { margin: var(--mv-space-2) 0 0; padding-top: var(--mv-space-1); display: flex; flex-direction: column; gap: var(--mv-space-1); } .esp-bloco .esp-acoes { margin-top: auto; } .esp-acoes .btn { width: 100%; justify-content: center; font-size: var(--mv-text-sm); padding: 11px 18px; }  .esp-bloco h2 a { color: inherit; text-decoration: none; } .esp-bloco h2 a:hover { text-decoration: underline; text-decoration-color: var(--mv-coral-600); text-underline-offset: 3px; }  .pagina-topo { display: grid; gap: var(--mv-space-3); align-items: center; } @media (min-width: 940px) { .pagina-topo { grid-template-columns: 1.1fr 0.9fr; gap: var(--mv-space-4); } } .pagina-topo .section-head { margin-bottom: 0; } .pagina-topo .img-slot { border-radius: var(--mv-radius-leaf-lg); }  .esp-sinonimos { font-size: var(--mv-text-sm); color: var(--mv-text-muted); }  .faq-grade { display: grid; gap: var(--mv-space-2); align-items: start; } @media (min-width: 820px) { .faq-grade { grid-template-columns: 1fr 1fr; } } .faq-grade .faq-item { background: var(--mv-surface); border: var(--mv-border-width) solid var(--mv-border); border-radius: var(--mv-radius-leaf); padding: var(--mv-space-2); transition: border-color var(--mv-duration-base) var(--mv-ease); } .faq-grade .faq-item:hover { border-color: var(--mv-agua-200); } .js-on .faq-grade .faq-item.is-open { border-color: var(--mv-coral-300); } .faq-grade .faq-btn { font-size: var(--mv-text-sm); font-weight: var(--mv-weight-semibold); } .faq-grade .faq-resposta p { font-size: var(--mv-text-sm); margin-bottom: 0; }  .js-on .faq-grade .faq-item::before { display: none; }  .footer-horario { list-style: none; padding: 0; margin: 0; font-size: var(--mv-text-sm); } .footer-horario li { display: flex; justify-content: space-between; gap: var(--mv-space-2); padding: 5px 0; border-bottom: 1px solid var(--mv-agua-800); } .footer-horario li:last-child { border-bottom: 0; } .footer-horario time { font-weight: var(--mv-weight-semibold); color: var(--mv-text-on-dark); } .footer-horario .fechado { color: var(--mv-agua-300); } .agora { display: inline-block; margin-top: var(--mv-space-2); font-size: var(--mv-text-xs); font-weight: var(--mv-weight-semibold); letter-spacing: .4px; padding: 5px 12px; border-radius: var(--mv-radius-pill); } .agora::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 7px; vertical-align: 1px; background: currentColor; } .agora.esta-aberto { background: rgba(37, 211, 102, .16); color: #67e79b; } .agora.esta-fechado { background: rgba(251, 119, 106, .16); color: var(--mv-coral-300); }  .horario-card { background: var(--mv-surface); border: var(--mv-border-width) solid var(--mv-border); border-radius: var(--mv-radius-leaf); padding: var(--mv-space-4); } .horario-card h3 { font-family: var(--mv-font-eyebrow); font-size: var(--mv-text-xs); text-transform: uppercase; letter-spacing: var(--mv-tracking-eyebrow); color: var(--mv-agua-700); margin: 0 0 var(--mv-space-2); } .horario-card ul { list-style: none; padding: 0; margin: 0; font-size: var(--mv-text-sm); } .horario-card li { display: flex; justify-content: space-between; gap: var(--mv-space-2); padding: 7px 0; border-bottom: 1px solid var(--mv-divider); } .horario-card li:last-child { border-bottom: 0; } .horario-card time { font-weight: var(--mv-weight-semibold); color: var(--mv-text); } .horario-card .fechado { color: var(--mv-text-muted); } .horario-card .agora.esta-aberto { background: rgba(23, 150, 90, .12); color: #17965a; } .horario-card .agora.esta-fechado { background: rgba(249, 82, 67, .12); color: var(--mv-coral-600); }  .equipe-indice { display: grid; gap: var(--mv-space-3); grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); margin-top: var(--mv-space-4); } .equipe-indice a { display: block; text-decoration: none; color: inherit; overflow: hidden; background: var(--mv-surface); border: var(--mv-border-width) solid var(--mv-border); border-radius: var(--mv-radius-leaf); padding: 0; transition: border-color var(--mv-duration-base) var(--mv-ease), transform var(--mv-duration-base) var(--mv-ease), box-shadow var(--mv-duration-base) var(--mv-ease); } .equipe-indice a:hover { border-color: var(--mv-agua-500); transform: translateY(-3px); box-shadow: var(--mv-shadow-1); }  .equipe-indice .img-slot { aspect-ratio: 1 / 1; border-radius: 0; border: 0; transition: transform var(--mv-duration-base) var(--mv-ease); } .equipe-indice a:hover .img-slot > img { transform: scale(1.04); } .equipe-indice .img-slot > img { transition: transform var(--mv-duration-base) var(--mv-ease); } .equipe-indice__txt { padding: var(--mv-space-3); } .equipe-indice strong { display: block; font-size: var(--mv-text-base); line-height: var(--mv-leading-snug); } .equipe-indice span { display: block; margin-top: 4px; font-size: var(--mv-text-sm); color: var(--mv-text-muted); }  @media (max-width: 767px) { .equipe-indice { grid-template-columns: 1fr 1fr; gap: var(--mv-space-1); } .equipe-indice a { padding: 0; } .equipe-indice__txt { padding: 12px 14px; } .equipe-indice strong { font-size: var(--mv-text-sm); } .equipe-indice span { font-size: var(--mv-text-xs); } } .ficha { display: grid; gap: var(--mv-space-4); padding: var(--mv-space-5) 0; border-top: var(--mv-border-width) solid var(--mv-divider); scroll-margin-top: 100px; } @media (min-width: 860px) { .ficha { grid-template-columns: 300px 1fr; align-items: start; } } .ficha-foto { position: sticky; top: 100px; } @media (max-width: 859px) { .ficha-foto { position: static; max-width: 300px; } } .ficha-foto .img-slot { border-radius: var(--mv-radius-leaf-md); overflow: hidden; } .ficha h2 { margin: 0; } .ficha .esp, .atende .esp { color: var(--mv-agua-700); font-weight: var(--mv-weight-semibold); margin: 6px 0 0; } .ficha .reg, .atende .reg { display: inline-block; margin-top: var(--mv-space-2); font-family: var(--mv-font-eyebrow); font-size: var(--mv-text-xs); letter-spacing: 1px; text-transform: uppercase; background: var(--mv-agua-50); color: var(--mv-agua-800); border-radius: var(--mv-radius-pill); padding: 5px 12px; } .ficha .popular, .atende .popular { display: block; font-size: var(--mv-text-sm); color: var(--mv-text-muted); margin-top: 4px; }  .atende { display: grid; gap: var(--mv-space-3); align-items: start; background: var(--mv-surface); border: var(--mv-border-width) solid var(--mv-divider); border-radius: var(--mv-radius-leaf-md); padding: var(--mv-space-4); } @media (min-width: 720px) { .atende { grid-template-columns: 180px 1fr; gap: var(--mv-space-4); } } .atende .img-slot { aspect-ratio: 1; max-width: 220px; border-radius: var(--mv-radius-leaf); overflow: hidden; margin: 0; } .atende h3 { margin: 0; font-size: var(--mv-text-title); } .atende p { margin-bottom: 0; } .atende .atende-bio { margin-top: var(--mv-space-2); }  .atende .esp-acoes { margin-top: var(--mv-space-3); } @media (min-width: 720px) { .atende .esp-acoes { flex-direction: row; flex-wrap: wrap; gap: var(--mv-space-2); } .atende .esp-acoes .btn { width: auto; } }  .resp-tecnico { margin-top: var(--mv-space-3); font-size: var(--mv-text-sm); color: var(--mv-text-muted); border-left: 3px solid var(--mv-agua-300); padding-left: var(--mv-space-2); } .resp-tecnico strong { color: var(--mv-text); font-weight: var(--mv-weight-semibold); }  .eeat-vazio { margin: var(--mv-space-3) 0; border: 2px dashed var(--mv-coral-300); border-radius: var(--mv-radius-leaf); background: var(--mv-coral-50); padding: var(--mv-space-3); font-size: var(--mv-text-sm); color: var(--mv-coral-800); } .eeat-vazio strong { display: block; margin-bottom: 6px; } .eeat-vazio ul { margin: 0; padding-left: 1.1em; } .eeat { margin: var(--mv-space-3) 0; } .eeat dl { display: grid; gap: 8px; margin: 0; } @media (min-width: 560px) { .eeat dl { grid-template-columns: max-content 1fr; column-gap: var(--mv-space-3); } } .eeat dt { font-family: var(--mv-font-eyebrow); font-size: var(--mv-text-xs); text-transform: uppercase; letter-spacing: 1px; color: var(--mv-agua-700); } .eeat dd { margin: 0; font-size: var(--mv-text-sm); } .ficha-faq { margin-top: var(--mv-space-4); } .ficha-faq > h3 { font-family: var(--mv-font-eyebrow); font-size: var(--mv-text-xs); text-transform: uppercase; letter-spacing: var(--mv-tracking-eyebrow); color: var(--mv-agua-700); margin: 0 0 var(--mv-space-2); }  .js-on img.amplia { cursor: zoom-in; }  .js-on a img.amplia { cursor: inherit; } .js-on img.amplia:focus-visible { outline: 3px solid var(--mv-focus-ring); outline-offset: 3px; }  .lupa { position: absolute; top: 8px; right: 8px; z-index: 2; width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: var(--mv-radius-circle); cursor: zoom-in; font-size: 17px; line-height: 1; color: var(--mv-neutral-0); background: color-mix(in srgb, var(--mv-agua-900) 55%, transparent); backdrop-filter: blur(2px); opacity: 0; transform: scale(.9); transition: opacity var(--mv-duration-fast) var(--mv-ease), transform var(--mv-duration-fast) var(--mv-ease), background var(--mv-duration-fast) var(--mv-ease); } .lupa:hover { background: var(--mv-agua-700); }  .img-slot:hover .lupa, .card:hover .lupa, .lupa:focus-visible { opacity: 1; transform: none; } .lupa:focus-visible { outline: 2px solid var(--mv-neutral-0); outline-offset: 2px; }  @media (hover: none) { .lupa { opacity: 1; transform: none; width: 44px; height: 44px; font-size: 19px; } }  body.lente-aberta { overflow: hidden; } .lente { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: var(--mv-space-3); } .lente[hidden] { display: none; } .lente-fundo { position: absolute; inset: 0; background: color-mix(in srgb, var(--mv-agua-900) 88%, transparent); animation: lente-entra var(--mv-duration-fast) var(--mv-ease); } .lente-cartao { position: relative; z-index: 1; display: flex; align-items: center; gap: var(--mv-space-2); max-width: min(1100px, 100%); } .lente-cartao figure { margin: 0; background: var(--mv-neutral-0); border-radius: var(--mv-radius-leaf-md); padding: var(--mv-space-2); box-shadow: var(--mv-shadow-2); animation: lente-sobe var(--mv-duration-base) var(--mv-ease); } .lente-cartao img { display: block; max-width: 100%;  max-height: calc(100vh - 190px); width: auto; height: auto; border-radius: var(--mv-radius-sm); background: var(--mv-bg-alt); } .lente-cartao figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mv-space-3); padding: var(--mv-space-2) 4px 2px; font-size: var(--mv-text-sm); color: var(--mv-text-muted); }  .lente-texto { line-height: var(--mv-leading-snug); } .lente-conta { flex: none; font-variant-numeric: tabular-nums; } .lente-seta, .lente-x { flex: none; display: grid; place-items: center; border: 0; cursor: pointer; color: var(--mv-neutral-0); background: color-mix(in srgb, var(--mv-neutral-0) 16%, transparent); transition: background var(--mv-duration-fast) var(--mv-ease); } .lente-seta:hover, .lente-x:hover { background: color-mix(in srgb, var(--mv-neutral-0) 30%, transparent); } .lente-seta:focus-visible, .lente-x:focus-visible { outline: 2px solid var(--mv-neutral-0); outline-offset: 2px; } .lente-seta { width: 48px; height: 48px; border-radius: var(--mv-radius-circle); font-size: 30px; line-height: 1; padding-bottom: 4px; } .lente-seta[hidden] { display: none; } .lente-x { position: absolute; top: -14px; right: -14px; z-index: 2; width: 38px; height: 38px; border-radius: var(--mv-radius-circle); font-size: 24px; line-height: 1; background: var(--mv-agua-700); } @keyframes lente-entra { from { opacity: 0; } } @keyframes lente-sobe { from { opacity: 0; transform: translateY(14px) scale(.985); } } @media (prefers-reduced-motion: reduce) { .lente-fundo, .lente-cartao figure { animation: none; } }  @media (max-width: 700px) { .lente { padding: var(--mv-space-2); } .lente-cartao { flex-wrap: wrap; justify-content: center; } .lente-cartao figure { order: 1; width: 100%; } .lente-seta { order: 2; } .lente-cartao img { max-height: calc(100vh - 250px); } .lente-x { top: -10px; right: -6px; } }  @media (pointer: coarse) { .js-on .faq-btn { min-height: 44px; display: flex; align-items: center; padding-block: 5px; } .filtro-btn { min-height: 44px; } .card-link { padding-block: 9px 7px; } .brand { min-height: 44px; } .site-footer .assinatura-cta { min-height: 44px; } .breadcrumb a { display: inline-block; padding-block: 12px; } .card-acoes { gap: 0; } .mapa-nota a { display: inline-block; padding-block: 9px; } }  @media(max-width:767px){ .hero{display:flex;flex-direction:column;} .hero-copy{order:0;padding-top:24px;padding-bottom:24px;} .hero-foto{order:1;margin-top:0;} .hero-copy h1{font-size:clamp(2rem,7.5vw,2.65rem);line-height:1.12;} .hero-copy .lead{font-size:1.0625rem;line-height:1.55;} .js-anim .hero .hero-copy>*,.js-anim .hero .hero-foto img{animation:none;} .js-anim .reveal{opacity:1;transform:none;transition:none;} }
/* Entradas coerentes: esmaecimento, sem escala ou deslocamento do texto. */
@keyframes mv-esmaece{from{opacity:0}to{opacity:1}}
@media(min-width:768px){
 .js-anim .hero .hero-copy>*,.js-anim .hero-foto img,
 .js-anim .hero-selo,.js-anim .hero-selo-nota{animation:mv-esmaece 360ms ease-out both;animation-delay:0ms;transform:none;}
 .js-anim .reveal{transform:none;}
 .js-anim .reveal.is-in{transform:none;transition:opacity 360ms ease-out;}
}
.is-entra{animation:mv-esmaece 360ms ease-out both;}
.lente-cartao figure{animation:mv-esmaece 220ms ease-out both;}
@media(prefers-reduced-motion:reduce){
 .js-anim .hero .hero-copy>*,.js-anim .hero-foto img,
 .js-anim .hero-selo,.js-anim .hero-selo-nota,.is-entra,.lente-cartao figure{animation:none;}
 .js-anim .reveal,.js-anim .reveal.is-in{opacity:1;transform:none;transition:none;}
}