/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-500:oklch(76.9% .188 70.08);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:var(--radius);--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-manrope), ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{font-size:20px}*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}}@layer components{.bg-section-alt{background-color:var(--section-alt)}.btn{white-space:nowrap;border-radius:var(--radius-lg);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;height:2.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-lg{height:2.75rem;padding:0 1.5rem;font-size:.95rem}.btn-default{background-color:var(--primary);color:var(--primary-foreground)}.btn-default:hover{opacity:.85}.btn-outline{border-color:var(--border);color:var(--foreground);background-color:#0000}.btn-outline:hover{background-color:var(--muted)}.btn-agendar{color:#111;background-color:#fff;border-color:#0000;box-shadow:0 0 #0000}.btn-agendar:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -6px #00000073}.btn-agendar:active{transform:translateY(0)}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.-bottom-5{bottom:calc(var(--spacing) * -5)}.-left-5{left:calc(var(--spacing) * -5)}.-z-10{z-index:calc(10 * -1)}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-auto{margin-top:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-full{height:100%}.min-h-dvh{min-height:100dvh}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[1280px\]{max-width:1280px}.max-w-sm{max-width:var(--container-sm)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-px{gap:1px}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-3xl{border-radius:calc(var(--radius) * 2.2)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-background\/15{border-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.border-background\/15{border-color:color-mix(in oklab, var(--background) 15%, transparent)}}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/95{background-color:#000000f2}@supports (color:color-mix(in lab, red, red)){.bg-black\/95{background-color:color-mix(in oklab, var(--color-black) 95%, transparent)}}.bg-card{background-color:var(--card)}.bg-foreground{background-color:var(--foreground)}.bg-primary,.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-accent\/50{--tw-gradient-from:var(--accent)}@supports (color:color-mix(in lab, red, red)){.from-accent\/50{--tw-gradient-from:color-mix(in oklab, var(--accent) 50%, transparent)}}.from-accent\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-background{--tw-gradient-via:var(--background);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing) * 4)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-manrope), ui-sans-serif, system-ui, sans-serif}.font-serif{font-family:var(--font-sora), ui-serif, serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.68rem\]{font-size:.68rem}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-amber-500{color:var(--color-amber-500)}.text-background,.text-background\/50{color:var(--background)}@supports (color:color-mix(in lab, red, red)){.text-background\/50{color:color-mix(in oklab, var(--background) 50%, transparent)}}.text-background\/60{color:var(--background)}@supports (color:color-mix(in lab, red, red)){.text-background\/60{color:color-mix(in oklab, var(--background) 60%, transparent)}}.text-background\/70{color:var(--background)}@supports (color:color-mix(in lab, red, red)){.text-background\/70{color:color-mix(in oklab, var(--background) 70%, transparent)}}.text-background\/80{color:var(--background)}@supports (color:color-mix(in lab, red, red)){.text-background\/80{color:color-mix(in oklab, var(--background) 80%, transparent)}}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-primary\/5{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:border-primary\/40:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-primary:hover{color:var(--primary)}.hover\:opacity-90:hover{opacity:.9}}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary\/20:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab, var(--primary) 20%, transparent)}}@media (min-width:40rem){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}}@media (min-width:64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_1\.2fr\]{grid-template-columns:1fr 1.2fr}.lg\:items-center{align-items:center}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--font-sora:"Sora", ui-serif, serif;--font-manrope:"Manrope", ui-sans-serif, system-ui, sans-serif;color-scheme:light;--background:oklch(99% .006 160);--foreground:oklch(19% .025 165);--card:oklch(100% 0 0);--card-foreground:oklch(19% .025 165);--primary:oklch(47% .135 160);--primary-hover:oklch(41% .13 160);--primary-foreground:oklch(99% .008 160);--secondary:oklch(95% .02 165);--secondary-foreground:oklch(28% .05 165);--muted:oklch(96% .012 165);--muted-foreground:oklch(46% .025 165);--accent:oklch(92% .05 165);--accent-foreground:oklch(28% .07 165);--destructive:oklch(57.7% .245 27.325);--border:oklch(80% .025 165);--input:oklch(80% .025 165);--ring:oklch(47% .135 160);--radius:.75rem;--section-alt:oklch(86% .045 166);--gold:oklch(68% .15 82);--gold-foreground:oklch(20% .04 82)}

/* =====================================================================
   IMUNIZAR BIO — Camada de refinamento de UI/UX (agosto/2026)
   Paleta revisada para mais contraste + contornos e interações de hover
   nos blocos. Regras fora de @layer têm prioridade sobre as camadas
   Tailwind acima, então isto funciona sem tocar no restante do arquivo.
===================================================================== */

/* ---------- Botões: hover consistente com leve elevação ---------- */
.btn-default{ box-shadow: 0 1px 2px oklch(0% 0 0 / .06); }
.btn-default:hover{
  opacity: 1;
  background-color: var(--primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 12px 22px -10px oklch(47% .135 160 / .45);
}
.btn-default:active{ transform: translateY(0); box-shadow: none; }

.btn-outline:hover{
  border-color: var(--primary);
  color: var(--primary);
  background-color: var(--accent);
  transform: translateY(-2px);
}
.btn-outline:active{ transform: translateY(0); }

/* ---------- Blocos/cartões: contorno reforçado + efeito hover ---------- */
.tile{
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}
.tile:hover{
  transform: translateY(-6px);
  border-color: oklch(47% .135 160 / .5);
  box-shadow: 0 24px 36px -18px oklch(47% .135 160 / .32), 0 2px 10px oklch(0% 0 0 / .05);
}
.tile .icon-badge{
  transition: transform .25s ease, background-color .25s ease, color .25s ease;
}
.tile:hover .icon-badge{
  transform: scale(1.08) rotate(-4deg);
  background-color: var(--primary);
  color: var(--primary-foreground);
}

/* ---------- "Como funciona": badges numerados (1, 2, 3) no lugar dos ícones ilustrativos ---------- */
.tile .step-badge{
  font-family: var(--font-sora), ui-serif, serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.75rem;
  border: 2px solid oklch(47% .135 160 / .25);
  transition: transform .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
}
.tile:hover .step-badge{ border-color: transparent; }
.section-brand .tile:hover .step-badge{ color: var(--primary-foreground); border-color: transparent; }

/* blocos compactos (áreas atendidas) */
.tile-sm{ transition: transform .2s ease, border-color .2s ease, background-color .2s ease; }
.tile-sm:hover{
  border-color: oklch(47% .135 160 / .55);
  background-color: var(--accent);
  transform: translateY(-2px);
}

/* faixa de estatísticas */
.stat-tile{ border-radius: var(--radius-lg); transition: background-color .25s ease, transform .25s ease; }
.stat-tile:hover{ background-color: oklch(100% 0 0 / .55); transform: translateY(-2px); }

/* FAQ — reforço de hover/estado aberto sem alterar o HTML */
.faq-item{ transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }
.faq-item:hover{ border-color: oklch(47% .135 160 / .4); }
.faq-item:has(button[aria-expanded="true"]){
  border-color: var(--primary);
  background-color: var(--accent);
  box-shadow: 0 8px 20px -14px oklch(47% .135 160 / .4);
}

/* navegação — sublinhado animado no hover */
.nav-link{ position: relative; }
.nav-link::after{
  content: "";
  position: absolute; left: 0; right: 100%; bottom: -6px;
  height: 2px; border-radius: 2px;
  background: var(--primary);
  transition: right .25s ease;
}
.nav-link:hover::after{ right: 0; }

/* avaliações — estrelas em dourado para leitura imediata (5 estrelas) */
.text-gold{ color: var(--gold); }

/* inputs do formulário — contorno mais nítido */
#contact-form input,
#contact-form select,
#contact-form textarea{
  border-color: var(--input);
}
#contact-form input:hover,
#contact-form select:hover,
#contact-form textarea:hover{
  border-color: oklch(47% .135 160 / .5);
}

/* =====================================================================
   "Como funciona" — imagem equalizada com a coluna de blocos
===================================================================== */
.como-media{
  aspect-ratio: 4 / 5;
  min-height: 320px;
}
.como-media img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 64rem){
  .como-media{
    aspect-ratio: auto;
    min-height: 0;
    height: 100%;
  }
}

/* =====================================================================
   CTA "Começar meu atendimento" — chama a atenção: pulso + brilho
===================================================================== */
.btn-cta{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  animation: cta-pulse 2.6s ease-in-out infinite;
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.btn-cta:hover{
  background-color: var(--primary-hover);
  transform: translateY(-3px) scale(1.035);
  box-shadow: 0 16px 30px -10px oklch(47% .135 160 / .55);
  animation-play-state: paused;
}
.btn-cta:active{ transform: translateY(-1px) scale(1); }

.btn-cta .cta-arrow{ transition: transform .3s ease; }
.btn-cta:hover .cta-arrow{ transform: translateX(5px); }

.btn-cta::before{
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(115deg, transparent, oklch(100% 0 0 / .4), transparent);
  transform: skewX(-20deg);
  transition: left .65s ease;
}
.btn-cta:hover::before{ left: 130%; }

@keyframes cta-pulse{
  0%, 100% { box-shadow: 0 0 0 0 oklch(47% .135 160 / .38), 0 8px 18px -8px oklch(47% .135 160 / .4); }
  50% { box-shadow: 0 0 0 10px oklch(47% .135 160 / 0), 0 8px 18px -8px oklch(47% .135 160 / .4); }
}

@media (prefers-reduced-motion: reduce){
  .btn-cta{ animation: none; }
  .btn-cta::before{ display: none; }
}

/* =====================================================================
   "Como funciona" — seção compactada como um todo (mantendo os mesmos
   componentes: mesma foto, mesmos 3 passos, mesmas setas, mesmo CTA).
   Reduzir a altura dos cards também reduz o corte/zoom forçado na foto,
   já que ela é esticada para acompanhar a altura dessa coluna.
   Tudo escopado a #como-funciona para não afetar as demais seções que
   reaproveitam as mesmas classes utilitárias (py-20, p-7, mt-12, etc.).
===================================================================== */
#como-funciona .como-media{ min-height: 260px; }

#como-funciona .py-20{ padding-block: 2rem; }
@media (min-width: 48rem){
  #como-funciona .md\:py-28{ padding-block: 3rem; }
}

#como-funciona .mt-14{ margin-top: 2rem; }
#como-funciona .gap-10{ gap: 1.5rem; }
@media (min-width: 64rem){
  #como-funciona .lg\:gap-16{ gap: 2rem; }
}

#como-funciona .tile.p-7{ padding: 1.25rem; }
#como-funciona .icon-badge.size-14{ width: 2.5rem; height: 2.5rem; }
#como-funciona .step-badge{ font-size: 1.15rem; }
#como-funciona h3.text-xl{ margin-top: .625rem; font-size: 1.125rem; }
#como-funciona svg.size-8{ width: 1.5rem; height: 1.5rem; margin-block: .375rem; }

#como-funciona .mt-12{ margin-top: 1.75rem; }

/* =====================================================================
   "Como funciona" — cards aparecem ao rolar a página (ritmo de leitura)
   Progressive enhancement: por padrão os elementos ficam visíveis
   normalmente. Só quando o JS roda (scripts.js) e o navegador suporta
   IntersectionObserver e o usuário NÃO pediu menos animação é que a
   classe .js-reveal-init é adicionada via JS, escondendo o elemento até
   ele entrar na viewport (quando ganha .is-visible). Sem JS, sem
   suporte, ou com "prefers-reduced-motion", o conteúdo já nasce visível.
===================================================================== */
#como-funciona .reveal.js-reveal-init{
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
}
#como-funciona .reveal.js-reveal-init.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* seta some com um leve zoom, como se pontuasse a leitura entre os passos */
#como-funciona .reveal-arrow.js-reveal-init{
  transform: translateY(10px) scale(.6);
}
#como-funciona .reveal-arrow.js-reveal-init.is-visible{
  transform: translateY(0) scale(1);
}

/* cascata: cada passo (e sua seta) revela um pouco depois do anterior —
   seletores exclusivos (tile vs. seta), sem disputa de especificidade */
#como-funciona ol > li:nth-child(1) .tile.js-reveal-init{ transition-delay: 0s; }
#como-funciona ol > li:nth-child(1) .reveal-arrow.js-reveal-init{ transition-delay: .1s; }
#como-funciona ol > li:nth-child(2) .tile.js-reveal-init{ transition-delay: .2s; }
#como-funciona ol > li:nth-child(2) .reveal-arrow.js-reveal-init{ transition-delay: .3s; }
#como-funciona ol > li:nth-child(3) .tile.js-reveal-init{ transition-delay: .4s; }

@media (prefers-reduced-motion: reduce){
  #como-funciona .reveal.js-reveal-init{
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* =====================================================================
   Card "Monitoramento ativo" (hero) — indicador vivo da cadeia de frio.
   Único elemento escuro da página, de propósito: um "spec badge" de
   contraste sobre a foto do hero. Cores vêm da nossa paleta (não do
   emerald genérico do Tailwind) para não parecer um componente solto.
===================================================================== */
.hero-status-card{
  background: oklch(19% .025 165 / .92); /* mesmo tom de --foreground, em "vidro" escuro */
  border: 1px solid oklch(47% .135 160 / .35); /* --primary a 35% */
  color: oklch(100% 0 0 / .92);
}

.hero-status-dot{
  position: relative;
  display: inline-flex;
  width: .65rem;
  height: .65rem;
  border-radius: 999px;
  background: oklch(72% .17 152); /* verde vivo, com contraste alto sobre o cartão escuro */
  box-shadow: 0 0 0 3px oklch(72% .17 152 / .15);
}
.hero-status-dot::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: inherit;
  animation: hero-status-ping 1.8s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes hero-status-ping{
  75%, 100% { transform: scale(2.6); opacity: 0; }
}

.hero-status-label{
  color: oklch(72% .17 152);
  letter-spacing: .04em;
}
.hero-status-caption{
  margin-top: .125rem;
  font-size: .7rem;
  color: oklch(100% 0 0 / .65);
}

@media (prefers-reduced-motion: reduce){
  .hero-status-dot::before{ animation: none; opacity: 0; }
}

/* .mt-6 e .pt-4 não existiam no build compilado (nunca tinham sido usados na página) */
.mt-6{ margin-top: 1.5rem; }
.pt-4{ padding-top: 1rem; }

/* =====================================================================
   Seções em Dark Mode — bloco técnico/institucional contínuo
   ("Imunobiológicos" + "Estatísticas"), inspirado em Apple Health /
   Vercel: fundo escuro para a parte técnica/científica, mantendo o
   restante do site (atendimento, depoimentos, contato) no modo claro
   e humanizado. Reaproveita o MESMO verde escuro já usado no rodapé
   (--foreground) e no card "Monitoramento ativo" do hero — não é uma
   paleta nova, é a paleta escura que já existia, agora em seções
   inteiras. Tudo escopado em .section-dark, então não afeta nenhuma
   outra seção que reaproveita as mesmas classes utilitárias.
===================================================================== */
:root{
  --primary-on-dark: oklch(72% .17 152); /* ~7.9:1 contra --dark-surface, ~6.6:1 contra --dark-card */
  --dark-surface: oklch(19% .025 165);   /* mesmo tom do --foreground / rodapé */
  --dark-card: oklch(26% .035 165);      /* superfície de cartão dentro do bloco escuro */
  --dark-border: oklch(72% .17 152 / .18);
}

.section-dark{
  background-color: var(--dark-surface);
  border-color: var(--dark-border);
}

/* texto e "olho" (eyebrow) */
.section-dark .text-primary{ color: var(--primary-on-dark); }
.section-dark .text-foreground{ color: var(--background); }
.section-dark .text-muted-foreground{ color: oklch(100% 0 0 / .7); }

/* cartões (Imunobiológicos) */
.section-dark .bg-card{ background-color: var(--dark-card); }
.section-dark .border-border{ border-color: var(--dark-border); }
.section-dark .tile:hover{
  border-color: oklch(72% .17 152 / .5);
  box-shadow: 0 24px 36px -16px oklch(0% 0 0 / .55), 0 0 0 1px oklch(72% .17 152 / .18);
}
.section-dark .icon-badge{
  background-color: oklch(72% .17 152 / .16);
  color: var(--primary-on-dark);
}
.section-dark .tile:hover .icon-badge{
  background-color: var(--primary-on-dark);
  color: var(--dark-surface);
}

/* faixa de estatísticas */
.section-dark .stat-tile:hover{
  background-color: oklch(72% .17 152 / .12);
}

/* leve destaque de foco no card de cotação rápida, alinhado ao resto do site */
#quick-quote-card:focus-within{
  border-color: oklch(47% .135 160 / .5);
  box-shadow: 0 10px 24px -14px oklch(47% .135 160 / .35);
}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}

/* =====================================================================
   Revisão 12 — fundo de marca (#168653) em "Como funciona" e
   "Quem confia, recomenda". Cor fornecida pelo usuário, aplicada como
   token literal. Como é um verde de saturação média (não tão escuro
   quanto --dark-surface), o texto direto sobre o fundo (fora dos
   cards brancos) TEM que ficar em branco puro — testei variações de
   opacidade e qualquer atenuação (90% já cai para ~4:1) fica abaixo do
   mínimo de 4.5:1 do WCAG AA para texto normal. Por isso eyebrow,
   título, parágrafo e as setas (antes âmbar, 2.1:1 aqui) usam a mesma
   cor branca — a hierarquia visual continua vindo do tamanho/peso da
   fonte, não da cor. Os cards continuam brancos (bg-card inalterado):
   contra esse verde eles têm ~4.6:1 de contraste, então estrelas
   douradas, avatar e texto dos depoimentos (que ficam dentro do card)
   não precisam de nenhum ajuste. O botão "Começar meu atendimento"
   (.btn-cta) girou para fundo branco + texto verde, porque o verde do
   botão (--primary) e este fundo têm luminância muito parecida
   (~1.3:1) e o botão ficava quase invisível sobre a seção.
===================================================================== */
:root{
  --section-brand: #168653;
}

.section-brand{
  background-color: var(--section-brand);
  border-color: oklch(100% 0 0 / .18);
}

.section-brand .text-foreground,
.section-brand .text-primary,
.section-brand .text-muted-foreground,
.section-brand .text-amber-500{
  color: #fff;
}

/* ...mas dentro dos cards brancos (.tile) o texto volta às cores
   normais — sem isso, título/parágrafo/avatar ficariam brancos sobre
   o próprio card branco (invisíveis). Maior especificidade garante a
   prioridade aqui independente da ordem no arquivo. */
.section-brand .tile .text-foreground{ color: var(--foreground); }
.section-brand .tile .text-muted-foreground{ color: var(--muted-foreground); }
.section-brand .tile .text-primary{ color: var(--primary); }

.section-brand .btn-cta{
  background-color: #fff;
  color: var(--primary);
}
.section-brand .btn-cta:hover{
  background-color: var(--background);
  color: var(--primary-hover);
}


/* =====================================================================
   Revisão 13 — cabeçalho: fonte confortável + responsivo (mobile/
   tablet/desktop). O html{font-size:20px} do site inflaciona todo o
   sistema de tamanhos em rem em +25% (--text-sm vira 17.5px em vez de
   14px, um botão de 2.5rem vira 50px em vez de 40px etc.) — isso é
   sitewide, então em vez de tocar a raiz (afetaria a página toda),
   escopamos a correção só ao <header>, com valores em px (não em rem),
   pra não herdar a inflação da raiz.
===================================================================== */
header .font-serif.text-lg{ font-size: 17px; line-height: 1.25; }
header .text-\[0\.68rem\]{ font-size: 10px; }
header .nav-link{ font-size: 14px; }
header nav{ gap: 1.375rem; }
header .btn{ height: 2.375rem; padding-inline: 1.125rem; font-size: 13.5px; }
header img{ width: 2.375rem; height: 2.375rem; }

/* links do menu mobile/tablet (hambúrguer) — mesmo ajuste de conforto,
   um pouco maior que o nav de desktop porque aqui o alvo é toque
   (dedo), não cursor de mouse */
header .mobile-link{ font-size: 15px; }

/* protege a marca e o grupo de botões de serem espremidos (e
   quebrarem linha) quando o menu central disputa espaço */
header > div > a[aria-label="Imunizar Bio - início"]{ flex-shrink: 0; }
header .flex.items-center.gap-2\.5{ flex-shrink: 0; }

/* .lg\:flex / .lg\:hidden não existiam no CSS compilado (o site
   original só usava md: para esse menu) — o menu completo (nav +
   botões) só cabe sem apertar/quebrar linha a partir de 1024px; entre
   768–1023px (tablet) o espaço não é suficiente mesmo com a fonte
   reduzida acima, então o cabeçalho usa o mesmo menu hambúrguer do
   mobile nessa faixa, e só troca para o menu completo no desktop. */
@media (min-width: 64rem){
  .lg\:flex{ display: flex; }
  .lg\:hidden{ display: none; }
}


/* =====================================================================
   Revisão 14 — menos espaço entre o início de cada seção e o começo
   do texto (padding vertical geral). Afeta TODAS as seções, exceto o
   rodapé: a rotulagem oficial (não desmarcada) é feita reduzindo os
   dois utilitários que essas 8 seções do corpo compartilham
   (.py-20/.md\:py-28) e os dois que só o hero usa (.py-16/.md\:py-24)
   — o rodapé usa .py-14, uma classe própria, então nunca é tocado
   aqui.

   Revisão 15 — corte adicional em cima da Revisão 14 (pedido do
   usuário: "reduzir mais ainda"). Valores abaixo já refletem os dois
   cortes somados. O recorte próprio de "Como funciona" (Revisão 3)
   também foi apertado mais uma vez, na mesma proporção, pra continuar
   sendo a seção mais compacta da página em vez de virar a mais larga.
===================================================================== */
.py-20{ padding-block: 2.5rem; }
.py-16{ padding-block: 2.25rem; }
@media (min-width: 48rem){
  .md\:py-28{ padding-block: 4rem; }
  .md\:py-24{ padding-block: 3.5rem; }
}

/* =====================================================================
   Revisão 18 — faixa "Fabricantes" com carrossel automático de logos
   (texto estilizado por enquanto — sem arquivos de logo reais ainda).
   Técnica: duas listas idênticas lado a lado (.logo-marquee-set), a
   segunda com aria-hidden; anima-se o contêiner-pai por -50% da sua
   largura total, que é exatamente a largura de UM conjunto — o loop
   fecha sem salto perceptível. Pausa no hover (dá controle de parar
   pra quem quiser, WCAG 2.2.2).

   Revisão 20 — correção: a v. anterior desligava a animação por
   completo em "prefers-reduced-motion: reduce" (comportamento correto
   em teoria, mas essa preferência vem ligada por padrão em vários
   sistemas/navegadores sem o usuário ter escolhido isso de propósito
   — provável causa do carrossel aparecer "parado" em vez de rolando).
   Como é um deslocamento linear lento, sem zoom/rotação/parallax, e já
   pausa no hover, decidimos manter a rolagem sempre ativa para todo
   mundo — sem o "congelamento" condicional de antes.
===================================================================== */
.logo-marquee{
  position: relative;
  overflow: hidden;
  min-height: 3rem;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.logo-marquee-track{
  display: flex;
  width: max-content;
  will-change: transform;
  animation: logo-marquee-scroll 26s linear infinite;
}
.logo-marquee:hover .logo-marquee-track{ animation-play-state: paused; }
.logo-marquee-set{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 3.5rem;
  padding-inline: 1.75rem;
}
.logo-item{
  flex-shrink: 0;
  display: block;
  font-family: var(--font-sora), ui-serif, serif;
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: .01em;
  color: var(--muted-foreground);
  opacity: .7;
  white-space: nowrap;
  transition: opacity .2s ease, color .2s ease;
}
.logo-item:hover{
  opacity: 1;
  color: var(--primary);
}
@keyframes logo-marquee-scroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}