:root {
  --ecout-blue-50: #EBF4FF;
  --ecout-blue-100: #D1E7FF;
  --ecout-blue-200: #ADD4FF;
  --ecout-blue-300: #7AB8FF;
  --ecout-blue-400: #3D98FF;
  --ecout-blue-500: #0077FF;
  --ecout-blue-600: #323EEE;
  --ecout-blue-700: #2436CF;
  --ecout-blue-800: #162FB0;
  --ecout-blue-900: #122794;
  --ecout-blue-950: #0C1B64;
  --ecout-red-50: #FFEBEC;
  --ecout-red-100: #FFD5D8;
  --ecout-red-200: #FFC0C5;
  --ecout-red-300: #FF97A0;
  --ecout-red-400: #FF6875;
  --ecout-red-500: #FB3748;
  --ecout-red-600: #E93544;
  --ecout-red-700: #D02533;
  --ecout-red-800: #AD1F2B;
  --ecout-red-900: #8B1822;
  --ecout-red-950: #681219;
  --ecout-neutral-0: #FFFFFF;
  --ecout-neutral-50: #F5F7FA;
  --ecout-neutral-100: #F2F5F8;
  --ecout-neutral-200: #E1E4EA;
  --ecout-neutral-300: #CACFD8;
  --ecout-neutral-400: #99A0AE;
  --ecout-neutral-500: #717784;
  --ecout-neutral-600: #525866;
  --ecout-neutral-700: #2B303B;
  --ecout-neutral-800: #222530;
  --ecout-neutral-900: #181B25;
  --ecout-neutral-950: #0E121B;
  --ecout-white: #FFFFFF;
  --ecout-black: #000000;
  --ecout-whatsapp-brand: #25D366;
  --ecout-whatsapp-surface: #015C4B;
  --ecout-whatsapp-surface-hover: #017A62;
  --ecout-alpha-black-alpha-10: rgb(0 0 0 / 10%);
  --ecout-alpha-black-alpha-16: rgb(0 0 0 / 16%);
  --ecout-alpha-black-alpha-24: rgb(0 0 0 / 24%);
  --ecout-alpha-white-alpha-10: rgb(255 255 255 / 10%);
  --ecout-alpha-white-alpha-16: rgb(255 255 255 / 16%);
  --ecout-alpha-white-alpha-24: rgb(255 255 255 / 24%);
  --ecout-alpha-blue-alpha-10: rgb(0 119 255 / 10%);
  --ecout-alpha-blue-alpha-16: rgb(0 119 255 / 16%);
  --ecout-alpha-blue-alpha-24: rgb(0 119 255 / 24%);
  --ecout-alpha-red-alpha-10: rgb(251 55 72 / 10%);
  --ecout-alpha-red-alpha-16: rgb(251 55 72 / 16%);
  --ecout-alpha-red-alpha-24: rgb(251 55 72 / 24%);
  --ecout-alpha-whatsapp-10: rgb(37 211 102 / 10%);
  --ecout-alpha-whatsapp-16: rgb(37 211 102 / 16%);
  --ecout-alpha-whatsapp-24: rgb(37 211 102 / 24%);
  --ecout-radius-0: 0px;
  --ecout-radius-4: 4px;
  --ecout-radius-8: 8px;
  --ecout-radius-12: 12px;
  --ecout-radius-16: 16px;
  --ecout-radius-20: 20px;
  --ecout-radius-24: 24px;
  --ecout-radius-full: 999px;
  --ecout-space-0: 0px;
  --ecout-space-4: 4px;
  --ecout-space-8: 8px;
  --ecout-space-12: 12px;
  --ecout-space-16: 16px;
  --ecout-space-20: 20px;
  --ecout-space-24: 24px;
  --ecout-space-32: 32px;
  --ecout-space-40: 40px;
  --ecout-space-48: 48px;
  --ecout-space-56: 56px;
  --ecout-space-64: 64px;
  --ecout-space-80: 80px;
  --ecout-space-96: 96px;
  --ecout-space-112: 112px;
  --ecout-space-224: 224px;
  --ecout-primary-base: var(--ecout-blue-500);
  --ecout-primary-vivid: var(--ecout-blue-600);
  --ecout-primary-dark: var(--ecout-blue-700);
  --ecout-primary-darker: var(--ecout-blue-800);
  --ecout-primary-deepest: var(--ecout-blue-900);
  --ecout-primary-darkest: var(--ecout-blue-950);
  --ecout-primary-light: var(--ecout-blue-300);
  --ecout-primary-lighter: var(--ecout-blue-100);
  --ecout-primary-alpha-10: var(--ecout-alpha-blue-alpha-10);
  --ecout-primary-alpha-16: var(--ecout-alpha-blue-alpha-16);
  --ecout-primary-alpha-24: var(--ecout-alpha-blue-alpha-24);
  --ecout-font-sans: "Rethink Sans";
  --ecout-font-mono: "DM Mono";
  --ecout-radius-button: var(--ecout-radius-full);
  --ecout-radius-card: var(--ecout-radius-16);
  --ecout-radius-card-inner: var(--ecout-radius-8);
  --ecout-radius-panel: var(--ecout-radius-12);
  --ecout-radius-field: var(--ecout-radius-8);
  --ecout-radius-media: var(--ecout-radius-4);
  --ecout-radius-icon: var(--ecout-radius-8);
  --ecout-bg-page: var(--ecout-neutral-0);
  --ecout-bg-subtle: var(--ecout-neutral-100);
  --ecout-bg-raised: var(--ecout-alpha-black-alpha-10);
  --ecout-bg-inverse: var(--ecout-black);
  --ecout-bg-brand: var(--ecout-primary-darker);
  --ecout-bg-brand-deep: var(--ecout-primary-deepest);
  --ecout-bg-brand-vivid: var(--ecout-primary-vivid);
  --ecout-bg-overlay: var(--ecout-alpha-black-alpha-24);
  --ecout-text-heading: var(--ecout-neutral-950);
  --ecout-text-body: var(--ecout-neutral-800);
  --ecout-text-muted: var(--ecout-neutral-600);
  --ecout-text-inverse: var(--ecout-neutral-0);
  --ecout-text-brand: var(--ecout-primary-base);
  --ecout-text-error: var(--ecout-red-600);
  --ecout-stroke-subtle: var(--ecout-alpha-black-alpha-10);
  --ecout-stroke-strong: var(--ecout-alpha-black-alpha-24);
  --ecout-stroke-focus: var(--ecout-primary-base);
  --ecout-stroke-error: var(--ecout-red-500);
  --ecout-link-fg: var(--ecout-neutral-950);
  --ecout-link-fg-hover: var(--ecout-primary-base);
  --ecout-icon-default: var(--ecout-neutral-950);
  --ecout-icon-muted: var(--ecout-neutral-500);
  --ecout-icon-brand: var(--ecout-primary-base);
  --ecout-icon-whatsapp: var(--ecout-whatsapp-brand);
  --ecout-field-bg: var(--ecout-neutral-0);
  --ecout-field-fg: var(--ecout-neutral-950);
  --ecout-field-placeholder: var(--ecout-neutral-500);
  --ecout-field-stroke: var(--ecout-alpha-black-alpha-10);
  --ecout-field-stroke-focus: var(--ecout-primary-base);
  --ecout-field-bg-disabled: var(--ecout-neutral-200);
  --ecout-field-fg-disabled: var(--ecout-neutral-400);
  --ecout-button-primary-filled-bg: var(--ecout-neutral-950);
  --ecout-button-primary-filled-bg-hover: var(--ecout-primary-base);
  --ecout-button-primary-filled-fg: var(--ecout-neutral-0);
  --ecout-button-primary-filled-fg-hover: var(--ecout-neutral-0);
  --ecout-button-primary-stroke-stroke: var(--ecout-alpha-black-alpha-24);
  --ecout-button-primary-stroke-stroke-hover: var(--ecout-primary-base);
  --ecout-button-primary-stroke-fg: var(--ecout-neutral-950);
  --ecout-button-primary-stroke-fg-hover: var(--ecout-primary-base);
  --ecout-button-primary-stroke-bg-hover: var(--ecout-primary-alpha-10);
  --ecout-button-primary-lighter-bg: var(--ecout-primary-alpha-10);
  --ecout-button-primary-lighter-bg-hover: var(--ecout-primary-alpha-24);
  --ecout-button-primary-lighter-fg: var(--ecout-primary-base);
  --ecout-button-primary-lighter-fg-hover: var(--ecout-primary-base);
  --ecout-button-primary-ghost-bg-hover: var(--ecout-primary-alpha-10);
  --ecout-button-primary-ghost-fg: var(--ecout-neutral-950);
  --ecout-button-primary-ghost-fg-hover: var(--ecout-primary-base);
  --ecout-button-neutral-filled-bg: var(--ecout-neutral-950);
  --ecout-button-neutral-filled-bg-hover: var(--ecout-neutral-700);
  --ecout-button-neutral-filled-fg: var(--ecout-neutral-0);
  --ecout-button-neutral-filled-fg-hover: var(--ecout-neutral-0);
  --ecout-button-neutral-stroke-stroke: var(--ecout-alpha-black-alpha-24);
  --ecout-button-neutral-stroke-stroke-hover: var(--ecout-neutral-950);
  --ecout-button-neutral-stroke-fg: var(--ecout-neutral-950);
  --ecout-button-neutral-stroke-fg-hover: var(--ecout-neutral-950);
  --ecout-button-neutral-stroke-bg-hover: var(--ecout-alpha-black-alpha-10);
  --ecout-button-neutral-lighter-bg: var(--ecout-alpha-black-alpha-10);
  --ecout-button-neutral-lighter-bg-hover: var(--ecout-alpha-black-alpha-24);
  --ecout-button-neutral-lighter-fg: var(--ecout-neutral-950);
  --ecout-button-neutral-lighter-fg-hover: var(--ecout-neutral-950);
  --ecout-button-neutral-ghost-bg-hover: var(--ecout-alpha-black-alpha-10);
  --ecout-button-neutral-ghost-fg: var(--ecout-neutral-950);
  --ecout-button-neutral-ghost-fg-hover: var(--ecout-neutral-950);
  --ecout-button-whatsapp-filled-bg: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-filled-bg-hover: var(--ecout-whatsapp-surface-hover);
  --ecout-button-whatsapp-filled-fg: var(--ecout-neutral-0);
  --ecout-button-whatsapp-filled-fg-hover: var(--ecout-neutral-0);
  --ecout-button-whatsapp-stroke-stroke: var(--ecout-alpha-black-alpha-24);
  --ecout-button-whatsapp-stroke-stroke-hover: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-stroke-fg: var(--ecout-neutral-950);
  --ecout-button-whatsapp-stroke-fg-hover: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-stroke-bg-hover: var(--ecout-alpha-whatsapp-10);
  --ecout-button-whatsapp-lighter-bg: var(--ecout-alpha-whatsapp-10);
  --ecout-button-whatsapp-lighter-bg-hover: var(--ecout-alpha-whatsapp-24);
  --ecout-button-whatsapp-lighter-fg: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-lighter-fg-hover: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-ghost-bg-hover: var(--ecout-alpha-whatsapp-10);
  --ecout-button-whatsapp-ghost-fg: var(--ecout-neutral-950);
  --ecout-button-whatsapp-ghost-fg-hover: var(--ecout-whatsapp-surface);
  --ecout-button-disabled-bg: var(--ecout-neutral-200);
  --ecout-button-disabled-fg: var(--ecout-neutral-400);
  --ecout-button-disabled-stroke: var(--ecout-alpha-black-alpha-10);
  --ecout-font-size-display-xl: 40px;
  --ecout-font-size-display-lg: 32px;
  --ecout-font-size-display-statement: 32px;
  --ecout-font-size-display-md: 24px;
  --ecout-font-size-heading-lg: 20px;
  --ecout-font-size-heading-md: 18px;
  --ecout-font-size-heading-sm: 18px;
  --ecout-font-size-body-lg: 16px;
  --ecout-font-size-body-md: 16px;
  --ecout-font-size-body-sm: 14px;
  --ecout-font-size-ui-label: 16px;
  --ecout-font-size-ui-button: 16px;
  --ecout-font-size-ui-button-sm: 14px;
  --ecout-font-size-ui-nav: 14px;
  --ecout-font-size-ui-legal: 14px;
  --ecout-font-size-ui-caption: 16px;
  --ecout-font-size-mono-eyebrow: 12px;
  --ecout-font-size-mono-tag: 12px;
  --ecout-font-size-mono-field: 14px;
  --ecout-line-height-display-xl: 1.075;
  --ecout-line-height-display-lg: 1;
  --ecout-line-height-display-statement: 1.094;
  --ecout-line-height-display-md: 1.167;
  --ecout-line-height-heading-lg: 1.15;
  --ecout-layout-section-y: 112px;
  --ecout-layout-gutter: 16px;
  --ecout-layout-block-gap: 32px;
  --ecout-container-max: 1440px;
  --ecout-weight-regular: 400;
  --ecout-weight-medium: 500;
  --ecout-weight-semibold: 600;
  --ecout-duration: 300ms;                       
  --ecout-ease: cubic-bezier(0.22, 1, 0.36, 1);  
  --ecout-alpha-white-alpha-40: rgba(255, 255, 255, 0.4);
  --ecout-duration-rolo: 500ms;
  --ecout-duration-dobra: 560ms;
  --ecout-ease-dobra: cubic-bezier(0.45, 0, 0.2, 1);
  --ecout-duration-pulso: 1120ms;
  --ecout-duration-onda: 900ms;
  --ecout-ease-rolo: linear(
    0 0%, 0.0507 4.08%, 0.1631 8.16%, 0.2966 12.24%, 0.4286 16.33%,
    0.5478 20.41%, 0.6496 24.49%, 0.7334 28.57%, 0.8002 32.65%, 0.8525 36.73%,
    0.8925 40.82%, 0.9226 44.9%, 0.945 48.98%, 0.9614 53.06%, 0.9732 57.14%,
    0.9817 61.22%, 0.9877 65.31%, 0.9918 69.39%, 0.9947 73.47%, 0.9966 77.55%,
    0.9979 81.63%, 0.9988 85.71%, 0.9993 89.8%, 1 100%
  );
}
.ecout-on-dark {
  --ecout-bg-page: var(--ecout-black);
  --ecout-bg-subtle: var(--ecout-neutral-950);
  --ecout-bg-raised: var(--ecout-alpha-white-alpha-10);
  --ecout-bg-inverse: var(--ecout-neutral-0);
  --ecout-text-heading: var(--ecout-neutral-0);
  --ecout-text-body: var(--ecout-neutral-0);
  --ecout-text-muted: var(--ecout-neutral-300);
  --ecout-text-inverse: var(--ecout-neutral-950);
  --ecout-text-brand: var(--ecout-primary-light);
  --ecout-text-error: var(--ecout-red-500);
  --ecout-stroke-subtle: var(--ecout-alpha-white-alpha-10);
  --ecout-stroke-strong: var(--ecout-alpha-white-alpha-24);
  --ecout-stroke-focus: var(--ecout-primary-light);
  --ecout-link-fg: var(--ecout-neutral-0);
  --ecout-link-fg-hover: var(--ecout-primary-light);
  --ecout-icon-default: var(--ecout-neutral-0);
  --ecout-icon-muted: var(--ecout-neutral-400);
  --ecout-icon-brand: var(--ecout-primary-light);
  --ecout-button-primary-filled-bg: var(--ecout-neutral-0);
  --ecout-button-primary-filled-fg: var(--ecout-neutral-950);
  --ecout-button-primary-stroke-stroke: var(--ecout-alpha-white-alpha-24);
  --ecout-button-primary-stroke-stroke-hover: var(--ecout-primary-light);
  --ecout-button-primary-stroke-fg: var(--ecout-neutral-0);
  --ecout-button-primary-stroke-fg-hover: var(--ecout-primary-light);
  --ecout-button-primary-lighter-fg: var(--ecout-primary-light);
  --ecout-button-primary-lighter-fg-hover: var(--ecout-primary-light);
  --ecout-button-primary-ghost-fg: var(--ecout-neutral-0);
  --ecout-button-primary-ghost-fg-hover: var(--ecout-primary-light);
  --ecout-button-neutral-filled-bg: var(--ecout-neutral-0);
  --ecout-button-neutral-filled-bg-hover: var(--ecout-neutral-300);
  --ecout-button-neutral-filled-fg: var(--ecout-neutral-950);
  --ecout-button-neutral-filled-fg-hover: var(--ecout-neutral-950);
  --ecout-button-neutral-stroke-stroke: var(--ecout-alpha-white-alpha-24);
  --ecout-button-neutral-stroke-stroke-hover: var(--ecout-neutral-0);
  --ecout-button-neutral-stroke-fg: var(--ecout-neutral-0);
  --ecout-button-neutral-stroke-fg-hover: var(--ecout-neutral-0);
  --ecout-button-neutral-stroke-bg-hover: var(--ecout-alpha-white-alpha-10);
  --ecout-button-neutral-lighter-bg: var(--ecout-alpha-white-alpha-10);
  --ecout-button-neutral-lighter-bg-hover: var(--ecout-alpha-white-alpha-24);
  --ecout-button-neutral-lighter-fg: var(--ecout-neutral-0);
  --ecout-button-neutral-lighter-fg-hover: var(--ecout-neutral-0);
  --ecout-button-neutral-ghost-bg-hover: var(--ecout-alpha-white-alpha-10);
  --ecout-button-neutral-ghost-fg: var(--ecout-neutral-0);
  --ecout-button-neutral-ghost-fg-hover: var(--ecout-neutral-0);
  --ecout-button-whatsapp-stroke-stroke: var(--ecout-alpha-white-alpha-24);
  --ecout-button-whatsapp-stroke-stroke-hover: var(--ecout-whatsapp-brand);
  --ecout-button-whatsapp-stroke-fg: var(--ecout-neutral-0);
  --ecout-button-whatsapp-stroke-fg-hover: var(--ecout-whatsapp-brand);
  --ecout-button-whatsapp-lighter-fg: var(--ecout-whatsapp-brand);
  --ecout-button-whatsapp-lighter-fg-hover: var(--ecout-whatsapp-brand);
  --ecout-button-whatsapp-ghost-fg: var(--ecout-neutral-0);
  --ecout-button-whatsapp-ghost-fg-hover: var(--ecout-whatsapp-brand);
  --ecout-button-disabled-bg: var(--ecout-alpha-white-alpha-10);
  --ecout-button-disabled-fg: var(--ecout-neutral-600);
  --ecout-button-disabled-stroke: var(--ecout-alpha-white-alpha-10);
}
.ecout-on-light {
  --ecout-bg-page: var(--ecout-neutral-0);
  --ecout-bg-subtle: var(--ecout-neutral-100);
  --ecout-bg-raised: var(--ecout-alpha-black-alpha-10);
  --ecout-bg-inverse: var(--ecout-black);
  --ecout-text-heading: var(--ecout-neutral-950);
  --ecout-text-body: var(--ecout-neutral-800);
  --ecout-text-muted: var(--ecout-neutral-600);
  --ecout-text-inverse: var(--ecout-neutral-0);
  --ecout-text-brand: var(--ecout-primary-base);
  --ecout-text-error: var(--ecout-red-600);
  --ecout-stroke-subtle: var(--ecout-alpha-black-alpha-10);
  --ecout-stroke-strong: var(--ecout-alpha-black-alpha-24);
  --ecout-stroke-focus: var(--ecout-primary-base);
  --ecout-link-fg: var(--ecout-neutral-950);
  --ecout-link-fg-hover: var(--ecout-primary-base);
  --ecout-icon-default: var(--ecout-neutral-950);
  --ecout-icon-muted: var(--ecout-neutral-500);
  --ecout-icon-brand: var(--ecout-primary-base);
  --ecout-button-primary-filled-bg: var(--ecout-neutral-950);
  --ecout-button-primary-filled-fg: var(--ecout-neutral-0);
  --ecout-button-primary-stroke-stroke: var(--ecout-alpha-black-alpha-24);
  --ecout-button-primary-stroke-stroke-hover: var(--ecout-primary-base);
  --ecout-button-primary-stroke-fg: var(--ecout-neutral-950);
  --ecout-button-primary-stroke-fg-hover: var(--ecout-primary-base);
  --ecout-button-primary-lighter-fg: var(--ecout-primary-base);
  --ecout-button-primary-lighter-fg-hover: var(--ecout-primary-base);
  --ecout-button-primary-ghost-fg: var(--ecout-neutral-950);
  --ecout-button-primary-ghost-fg-hover: var(--ecout-primary-base);
  --ecout-button-neutral-filled-bg: var(--ecout-neutral-950);
  --ecout-button-neutral-filled-bg-hover: var(--ecout-neutral-700);
  --ecout-button-neutral-filled-fg: var(--ecout-neutral-0);
  --ecout-button-neutral-filled-fg-hover: var(--ecout-neutral-0);
  --ecout-button-neutral-stroke-stroke: var(--ecout-alpha-black-alpha-24);
  --ecout-button-neutral-stroke-stroke-hover: var(--ecout-neutral-950);
  --ecout-button-neutral-stroke-fg: var(--ecout-neutral-950);
  --ecout-button-neutral-stroke-fg-hover: var(--ecout-neutral-950);
  --ecout-button-neutral-stroke-bg-hover: var(--ecout-alpha-black-alpha-10);
  --ecout-button-neutral-lighter-bg: var(--ecout-alpha-black-alpha-10);
  --ecout-button-neutral-lighter-bg-hover: var(--ecout-alpha-black-alpha-24);
  --ecout-button-neutral-lighter-fg: var(--ecout-neutral-950);
  --ecout-button-neutral-lighter-fg-hover: var(--ecout-neutral-950);
  --ecout-button-neutral-ghost-bg-hover: var(--ecout-alpha-black-alpha-10);
  --ecout-button-neutral-ghost-fg: var(--ecout-neutral-950);
  --ecout-button-neutral-ghost-fg-hover: var(--ecout-neutral-950);
  --ecout-button-whatsapp-stroke-stroke: var(--ecout-alpha-black-alpha-24);
  --ecout-button-whatsapp-stroke-stroke-hover: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-stroke-fg: var(--ecout-neutral-950);
  --ecout-button-whatsapp-stroke-fg-hover: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-lighter-fg: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-lighter-fg-hover: var(--ecout-whatsapp-surface);
  --ecout-button-whatsapp-ghost-fg: var(--ecout-neutral-950);
  --ecout-button-whatsapp-ghost-fg-hover: var(--ecout-whatsapp-surface);
  --ecout-button-disabled-bg: var(--ecout-neutral-200);
  --ecout-button-disabled-fg: var(--ecout-neutral-400);
  --ecout-button-disabled-stroke: var(--ecout-alpha-black-alpha-10);
}
@media (min-width: 1024px) {
  :root {
    --ecout-font-size-display-xl: 64px;
    --ecout-font-size-display-lg: 48px;
    --ecout-font-size-display-statement: 48px;
    --ecout-font-size-display-md: 32px;
    --ecout-font-size-heading-lg: 24px;
    --ecout-font-size-heading-md: 20px;
    --ecout-font-size-heading-sm: 18px;
    --ecout-font-size-body-lg: 18px;
    --ecout-font-size-body-md: 16px;
    --ecout-font-size-body-sm: 14px;
    --ecout-font-size-ui-label: 16px;
    --ecout-font-size-ui-button: 16px;
    --ecout-font-size-ui-button-sm: 14px;
    --ecout-font-size-ui-nav: 14px;
    --ecout-font-size-ui-legal: 14px;
    --ecout-font-size-ui-caption: 18px;
    --ecout-font-size-mono-eyebrow: 14px;
    --ecout-font-size-mono-tag: 14px;
    --ecout-font-size-mono-field: 14px;
    --ecout-line-height-display-xl: 1.047;
    --ecout-line-height-display-lg: 0.875;
    --ecout-line-height-display-statement: 1.042;
    --ecout-line-height-display-md: 1.063;
    --ecout-line-height-heading-lg: 1;
    --ecout-layout-gutter: 64px;
    --ecout-layout-block-gap: 56px;
  }
}
@font-face {
  font-family: "Rethink Sans";
  src: url("../fonts/rethink-sans-latin-wght-normal.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Mono";
  src: url("../fonts/dm-mono-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Mono";
  src: url("../fonts/dm-mono-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body,
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd {
  margin: 0;
}
html {
  scroll-behavior: auto;
  scroll-padding-top: 0;
  overscroll-behavior-y: none;
  background-color: var(--ecout-black);
}
body {
  background-color: var(--ecout-bg-page);
  color: var(--ecout-text-body);
  font-family: var(--ecout-font-sans), system-ui, sans-serif;
  font-size: var(--ecout-font-size-body-md);
  font-weight: var(--ecout-weight-regular);
  line-height: 1.4;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}
img,
svg,
video {
  user-select: none;
  -webkit-user-drag: none;
}
:root {
  --ecout-grid-colunas: 12;
  --ecout-grid-vao: 24px;
}
.ecout-colunas-4  { --n: 4; }
.ecout-colunas-6  { --n: 6; }
.ecout-colunas-8  { --n: 8; }
.ecout-colunas-10 { --n: 10; }
@media (min-width: 1024px) {
  .ecout-colunas {
    max-width: calc(
      (100% - (var(--ecout-grid-colunas) - 1) * var(--ecout-grid-vao))
      / var(--ecout-grid-colunas) * var(--n)
      + (var(--n) - 1) * var(--ecout-grid-vao)
    );
  }
}
p,
li,
figcaption,
dd,
dt {
  text-wrap: pretty;
}
.ecout-display-xl,
.ecout-display-lg,
.ecout-display-statement,
.ecout-display-md,
.ecout-heading-lg,
.ecout-heading-md,
.ecout-heading-sm,
.ecout-body-lg,
.ecout-body-md,
.ecout-body-sm,
.ecout-ui-label,
.ecout-ui-button,
.ecout-ui-button-sm,
.ecout-ui-nav,
.ecout-ui-legal,
.ecout-ui-caption {
  font-family: var(--ecout-font-sans), system-ui, sans-serif;
}
.ecout-mono-eyebrow,
.ecout-mono-tag,
.ecout-mono-field {
  font-family: var(--ecout-font-mono), ui-monospace, monospace;
}
.ecout-display-xl {
  font-size: var(--ecout-font-size-display-xl);
  line-height: var(--ecout-line-height-display-xl);
  letter-spacing: -0.03em;
  font-weight: var(--ecout-weight-medium);
}
.ecout-display-lg {
  font-size: var(--ecout-font-size-display-lg);
  line-height: var(--ecout-line-height-display-lg);
  letter-spacing: -0.03em;
  font-weight: var(--ecout-weight-medium);
}
.ecout-display-statement {
  font-size: var(--ecout-font-size-display-statement);
  line-height: var(--ecout-line-height-display-statement);
  letter-spacing: -0.03em;
  font-weight: var(--ecout-weight-medium);
}
.ecout-display-md {
  font-size: var(--ecout-font-size-display-md);
  line-height: var(--ecout-line-height-display-md);
  letter-spacing: 0;
  font-weight: var(--ecout-weight-medium);
}
.ecout-heading-lg {
  font-size: var(--ecout-font-size-heading-lg);
  line-height: var(--ecout-line-height-heading-lg);
  letter-spacing: -0.02em;
  font-weight: var(--ecout-weight-medium);
}
.ecout-heading-md {
  font-size: var(--ecout-font-size-heading-md);
  line-height: 1.2;
  letter-spacing: -0.01em;
  font-weight: var(--ecout-weight-medium);
}
.ecout-heading-sm {
  font-size: var(--ecout-font-size-heading-sm);
  line-height: 1.2;
  letter-spacing: -0.01em;
  font-weight: var(--ecout-weight-semibold);
}
.ecout-body-lg {
  font-size: var(--ecout-font-size-body-lg);
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: var(--ecout-weight-regular);
}
.ecout-body-md {
  font-size: var(--ecout-font-size-body-md);
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: var(--ecout-weight-regular);
}
.ecout-body-sm {
  font-size: var(--ecout-font-size-body-sm);
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: var(--ecout-weight-regular);
}
.ecout-ui-label {
  font-size: var(--ecout-font-size-ui-label);
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: var(--ecout-weight-medium);
}
.ecout-ui-button {
  font-size: var(--ecout-font-size-ui-button);
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: var(--ecout-weight-medium);
}
.ecout-ui-button-sm {
  font-size: var(--ecout-font-size-ui-button-sm);
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: var(--ecout-weight-medium);
}
.ecout-ui-nav {
  font-size: var(--ecout-font-size-ui-nav);
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: var(--ecout-weight-regular);
}
.ecout-ui-legal {
  font-size: var(--ecout-font-size-ui-legal);
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: var(--ecout-weight-medium);
}
.ecout-ui-caption {
  font-size: var(--ecout-font-size-ui-caption);
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: var(--ecout-weight-regular);
}
.ecout-mono-eyebrow {
  font-size: var(--ecout-font-size-mono-eyebrow);
  line-height: 1.2;
  letter-spacing: -0.01em;
  font-weight: var(--ecout-weight-medium);
  text-transform: uppercase;
}
.ecout-mono-tag {
  font-size: var(--ecout-font-size-mono-tag);
  line-height: 1.2;
  letter-spacing: -0.01em;
  font-weight: var(--ecout-weight-regular);
  text-transform: uppercase;
}
.ecout-mono-field {
  font-size: var(--ecout-font-size-mono-field);
  line-height: 1.4;
  letter-spacing: -0.03em;
  font-weight: var(--ecout-weight-regular);
}
h1 { font: inherit; }
h1, h2, h3, h4, h5, h6 { color: var(--ecout-text-heading); }
h1 { font-size: var(--ecout-font-size-display-xl); line-height: var(--ecout-line-height-display-xl); letter-spacing: -0.03em; font-weight: var(--ecout-weight-medium); }
h2 { font-size: var(--ecout-font-size-display-lg); line-height: var(--ecout-line-height-display-lg); letter-spacing: -0.03em; font-weight: var(--ecout-weight-medium); }
h3 { font-size: var(--ecout-font-size-display-md); line-height: var(--ecout-line-height-display-md); letter-spacing: 0;       font-weight: var(--ecout-weight-medium); }
h4 { font-size: var(--ecout-font-size-heading-lg); line-height: var(--ecout-line-height-heading-lg); letter-spacing: -0.02em; font-weight: var(--ecout-weight-medium); }
h5 { font-size: var(--ecout-font-size-heading-md); line-height: 1.2; letter-spacing: -0.01em; font-weight: var(--ecout-weight-medium); }
h6 { font-size: var(--ecout-font-size-heading-sm); line-height: 1.2; letter-spacing: -0.01em; font-weight: var(--ecout-weight-semibold); }
a {
  color: var(--ecout-link-fg);
  text-decoration: none;
  transition: color var(--ecout-duration) var(--ecout-ease);
}
a:visited {
  color: var(--ecout-link-fg);
}
a:hover {
  color: var(--ecout-link-fg-hover);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--ecout-stroke-focus);
  outline-offset: 2px;
}
.ecout-container {
  width: 100%;
  max-width: var(--ecout-container-max);
  margin-inline: auto;
  padding-inline: var(--ecout-layout-gutter);
}
.ecout-section {
  padding-block: var(--ecout-layout-section-y);
}
.ecout-icon {
  flex: none;
}
.ecout-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ecout-skip-link:focus {
  position: fixed;
  top: var(--ecout-space-16);
  left: var(--ecout-space-16);
  z-index: 999;
  width: auto;
  height: auto;
  clip-path: none;
  padding: var(--ecout-space-12) var(--ecout-space-16);
  background-color: var(--ecout-bg-page);
  color: var(--ecout-text-heading);
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    animation-timeline: auto !important;
  }
}
.ecout-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ecout-space-8);
  height: 40px;
  padding-inline: var(--ecout-space-24);
  border-radius: var(--ecout-radius-button);
  border: 1px solid transparent;
  background-color: var(--btn-bg, transparent);
  color: var(--btn-fg, inherit);
  border-color: var(--btn-stroke, transparent);
  font-family: var(--ecout-font-sans), system-ui, sans-serif;
  font-size: var(--ecout-font-size-ui-button);
  font-weight: var(--ecout-weight-medium);
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color var(--ecout-duration) var(--ecout-ease),
    border-color var(--ecout-duration) var(--ecout-ease),
    color var(--ecout-duration) var(--ecout-ease);
}
.ecout-btn:visited { color: var(--btn-fg, inherit); }
.ecout-btn:hover,
.ecout-btn:focus-visible {
  background-color: var(--btn-bg-hover, var(--btn-bg, transparent));
  border-color: var(--btn-stroke-hover, var(--btn-stroke, transparent));
  color: var(--btn-fg-hover, var(--btn-fg, inherit));
}
.ecout-rolo {
	--rolo-folga: 0.2em;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
	line-height: inherit;
	padding-block: var(--rolo-folga);
	margin-block: calc(-1 * var(--rolo-folga));
}
.ecout-rolo__texto {
	display: block;
	white-space: nowrap;
	transform: translateY(0);
	transition: transform var(--ecout-duration-rolo) var(--ecout-ease-rolo);
}
.ecout-rolo__texto--copia {
	position: absolute;
	top: var(--rolo-folga);
	left: 0;
	right: 0;
	transform: translateY(calc(100% + 2 * var(--rolo-folga)));
}
:is(.ecout-btn, .ecout-navbar__menu a, .ecout-rodape a, .ecout-marca, .ecout-servico__botao[aria-expanded='false'], .ecout-carrossel__seta:not(:disabled)):is(:hover, :focus-visible) .ecout-rolo__texto {
	transform: translateY(calc(-100% - 2 * var(--rolo-folga)));
}
:is(.ecout-btn, .ecout-navbar__menu a, .ecout-rodape a, .ecout-marca, .ecout-servico__botao[aria-expanded='false'], .ecout-carrossel__seta:not(:disabled)):is(:hover, :focus-visible) .ecout-rolo__texto--copia {
	transform: translateY(0);
}
@media (hover: hover) and (pointer: fine) {
	:is(.ecout-cartao, .ecout-valor):hover .ecout-rolo__texto {
		transform: translateY(calc(-100% - 2 * var(--rolo-folga)));
	}
	:is(.ecout-cartao, .ecout-valor):hover .ecout-rolo__texto--copia {
		transform: translateY(0);
	}
}
.ecout-rolo--desce .ecout-rolo__texto--copia {
	transform: translateY(calc(-100% - 2 * var(--rolo-folga)));
}
:is(.ecout-btn, .ecout-navbar__menu a, .ecout-rodape a, .ecout-marca, .ecout-servico__botao[aria-expanded='false'], .ecout-carrossel__seta:not(:disabled)):is(:hover, :focus-visible) .ecout-rolo--desce .ecout-rolo__texto {
	transform: translateY(calc(100% + 2 * var(--rolo-folga)));
}
:is(.ecout-btn, .ecout-navbar__menu a, .ecout-rodape a, .ecout-marca, .ecout-servico__botao[aria-expanded='false'], .ecout-carrossel__seta:not(:disabled)):is(:hover, :focus-visible) .ecout-rolo--desce .ecout-rolo__texto--copia {
	transform: translateY(0);
}
.ecout-rolo--icone {
	--rolo-folga: 0px;
	line-height: 0;
}
.ecout-btn--sm {
  height: 32px;
  padding-inline: var(--ecout-space-16);
  font-size: var(--ecout-font-size-ui-button-sm);
}
.ecout-btn--icon {
  width: 40px;
  padding-inline: 0;
}
.ecout-btn--icon.ecout-btn--sm {
  width: 32px;
}
.ecout-btn[aria-disabled="true"],
.ecout-btn:disabled {
  --btn-bg: var(--ecout-button-disabled-bg);
  --btn-bg-hover: var(--ecout-button-disabled-bg);
  --btn-fg: var(--ecout-button-disabled-fg);
  --btn-fg-hover: var(--ecout-button-disabled-fg);
  --btn-stroke: var(--ecout-button-disabled-stroke);
  --btn-stroke-hover: var(--ecout-button-disabled-stroke);
  cursor: not-allowed;
  pointer-events: none;
}
.ecout-btn--primary.ecout-btn--filled {
  --btn-bg: var(--ecout-button-primary-filled-bg);
  --btn-bg-hover: var(--ecout-button-primary-filled-bg-hover);
  --btn-fg: var(--ecout-button-primary-filled-fg);
  --btn-fg-hover: var(--ecout-button-primary-filled-fg-hover);
}
.ecout-btn--primary.ecout-btn--stroke {
  --btn-stroke: var(--ecout-button-primary-stroke-stroke);
  --btn-stroke-hover: var(--ecout-button-primary-stroke-stroke-hover);
  --btn-fg: var(--ecout-button-primary-stroke-fg);
  --btn-fg-hover: var(--ecout-button-primary-stroke-fg-hover);
  --btn-bg-hover: var(--ecout-button-primary-stroke-bg-hover);
}
.ecout-btn--primary.ecout-btn--lighter {
  --btn-bg: var(--ecout-button-primary-lighter-bg);
  --btn-bg-hover: var(--ecout-button-primary-lighter-bg-hover);
  --btn-fg: var(--ecout-button-primary-lighter-fg);
  --btn-fg-hover: var(--ecout-button-primary-lighter-fg-hover);
}
.ecout-btn--primary.ecout-btn--ghost {
  --btn-bg-hover: var(--ecout-button-primary-ghost-bg-hover);
  --btn-fg: var(--ecout-button-primary-ghost-fg);
  --btn-fg-hover: var(--ecout-button-primary-ghost-fg-hover);
}
.ecout-btn--neutral.ecout-btn--filled {
  --btn-bg: var(--ecout-button-neutral-filled-bg);
  --btn-bg-hover: var(--ecout-button-neutral-filled-bg-hover);
  --btn-fg: var(--ecout-button-neutral-filled-fg);
  --btn-fg-hover: var(--ecout-button-neutral-filled-fg-hover);
}
.ecout-btn--neutral.ecout-btn--stroke {
  --btn-stroke: var(--ecout-button-neutral-stroke-stroke);
  --btn-stroke-hover: var(--ecout-button-neutral-stroke-stroke-hover);
  --btn-fg: var(--ecout-button-neutral-stroke-fg);
  --btn-fg-hover: var(--ecout-button-neutral-stroke-fg-hover);
  --btn-bg-hover: var(--ecout-button-neutral-stroke-bg-hover);
}
.ecout-btn--neutral.ecout-btn--lighter {
  --btn-bg: var(--ecout-button-neutral-lighter-bg);
  --btn-bg-hover: var(--ecout-button-neutral-lighter-bg-hover);
  --btn-fg: var(--ecout-button-neutral-lighter-fg);
  --btn-fg-hover: var(--ecout-button-neutral-lighter-fg-hover);
}
.ecout-btn--neutral.ecout-btn--ghost {
  --btn-bg-hover: var(--ecout-button-neutral-ghost-bg-hover);
  --btn-fg: var(--ecout-button-neutral-ghost-fg);
  --btn-fg-hover: var(--ecout-button-neutral-ghost-fg-hover);
}
.ecout-btn--whatsapp.ecout-btn--filled {
  --btn-bg: var(--ecout-button-whatsapp-filled-bg);
  --btn-bg-hover: var(--ecout-button-whatsapp-filled-bg-hover);
  --btn-fg: var(--ecout-button-whatsapp-filled-fg);
  --btn-fg-hover: var(--ecout-button-whatsapp-filled-fg-hover);
}
.ecout-btn--whatsapp.ecout-btn--stroke {
  --btn-stroke: var(--ecout-button-whatsapp-stroke-stroke);
  --btn-stroke-hover: var(--ecout-button-whatsapp-stroke-stroke-hover);
  --btn-fg: var(--ecout-button-whatsapp-stroke-fg);
  --btn-fg-hover: var(--ecout-button-whatsapp-stroke-fg-hover);
  --btn-bg-hover: var(--ecout-button-whatsapp-stroke-bg-hover);
}
.ecout-btn--whatsapp.ecout-btn--lighter {
  --btn-bg: var(--ecout-button-whatsapp-lighter-bg);
  --btn-bg-hover: var(--ecout-button-whatsapp-lighter-bg-hover);
  --btn-fg: var(--ecout-button-whatsapp-lighter-fg);
  --btn-fg-hover: var(--ecout-button-whatsapp-lighter-fg-hover);
}
.ecout-btn--whatsapp.ecout-btn--ghost {
  --btn-bg-hover: var(--ecout-button-whatsapp-ghost-bg-hover);
  --btn-fg: var(--ecout-button-whatsapp-ghost-fg);
  --btn-fg-hover: var(--ecout-button-whatsapp-ghost-fg-hover);
}
.ecout-btn .ecout-icon {
  width: 16px;
  height: 16px;
  color: currentColor;
}
.ecout-field {
  display: flex;
  flex-direction: column;
  gap: var(--ecout-space-8);
}
.ecout-field__label {
  font-size: var(--ecout-font-size-ui-label);
  font-weight: var(--ecout-weight-medium);
  line-height: 1.4;
  color: var(--ecout-text-body);
}
.ecout-field input[type="text"],
.ecout-field input[type="email"],
.ecout-field input[type="tel"],
.ecout-field input[type="url"],
.ecout-field select,
.ecout-field textarea {
  width: 100%;
  min-height: 44px;
  padding: var(--ecout-space-12) var(--ecout-space-16);
  border: 1px solid var(--ecout-field-stroke);
  border-radius: var(--ecout-radius-field);
  background-color: var(--ecout-field-bg);
  color: var(--ecout-field-fg);
  font-family: var(--ecout-font-mono), ui-monospace, monospace;
  font-size: var(--ecout-font-size-mono-field);
  line-height: 1.4;
  letter-spacing: -0.03em;
  transition: border-color var(--ecout-duration) var(--ecout-ease);
}
.ecout-field input::placeholder,
.ecout-field textarea::placeholder {
  color: var(--ecout-field-placeholder);
  opacity: 1; 
}
.ecout-field input:focus,
.ecout-field select:focus,
.ecout-field textarea:focus {
  border-color: var(--ecout-field-stroke-focus);
}
.ecout-field--error input,
.ecout-field--error select,
.ecout-field--error textarea {
  border-color: var(--ecout-stroke-error);
}
.ecout-field__hint {
  font-size: var(--ecout-font-size-body-sm);
  line-height: 1.4;
  color: var(--ecout-text-muted);
}
.ecout-field--error .ecout-field__hint {
  color: var(--ecout-text-error);
}
.ecout-field input:disabled,
.ecout-field select:disabled,
.ecout-field textarea:disabled {
  background-color: var(--ecout-field-bg-disabled);
  color: var(--ecout-field-fg-disabled);
  cursor: not-allowed;
}
.ecout-case-card {
  display: flex;
  flex-direction: column;
  gap: var(--ecout-space-16);
  padding: var(--ecout-space-12);
  border-radius: var(--ecout-radius-card);
  background-color: var(--card-bg);
  text-decoration: none;
  transition: background-color var(--ecout-duration) var(--ecout-ease);
}
.ecout-case-card__media {
  flex: 1;
  min-height: 0;
  border-radius: var(--ecout-radius-media);
  overflow: hidden;
}
.ecout-case-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ecout-case-card__caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ecout-space-12);
}
.ecout-case-card__name {
  font-size: var(--ecout-font-size-ui-caption);
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--ecout-text-heading);
}
.ecout-case-card__meta {
  display: flex;
  align-items: center;
  gap: var(--ecout-space-8);
  font-family: var(--ecout-font-mono), ui-monospace, monospace;
  font-size: var(--ecout-font-size-mono-tag);
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--ecout-text-muted);
}
.ecout-case-card--brand {
  --card-bg: var(--ecout-primary-deepest);
}
.ecout-case-card--brand:hover {
  --card-bg: var(--ecout-primary-darkest);
}
.ecout-case-card--neutral {
  --card-bg: var(--ecout-neutral-200);
}
.ecout-case-card--neutral:hover {
  --card-bg: var(--ecout-primary-deepest);
  --ecout-text-heading: var(--ecout-neutral-0);
  --ecout-text-muted: var(--ecout-neutral-300);
}
.ecout-case-card--brand .ecout-case-card__year {
  display: none;
}
.ecout-accordion__item {
  display: flex;
  flex-direction: column;
  gap: var(--ecout-space-24);
  padding-bottom: var(--ecout-space-32);
  border-top: 1px solid var(--ecout-stroke-subtle);
}
.ecout-accordion__item:first-child {
  border-top: 0;
}
.ecout-accordion__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ecout-space-16);
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
  color: inherit;
}
.ecout-accordion__question {
  font-size: var(--ecout-font-size-body-lg);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ecout-text-body);
}
.ecout-accordion__icon {
  flex: none;
  width: 24px;
  height: 24px;
  color: var(--ecout-icon-default);
  transition: transform var(--ecout-duration) var(--ecout-ease);
}
.ecout-accordion__head[aria-expanded="true"] .ecout-accordion__icon {
  transform: rotate(45deg);
}
.ecout-accordion__panel {
  display: flex;
  flex-direction: column;
  gap: var(--ecout-space-16);
  font-size: var(--ecout-font-size-body-md);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ecout-text-muted);
}
.ecout-accordion__panel[hidden] {
  display: none;
}
.ecout-equip-card {
  display: flex;
  flex-direction: column;
  gap: var(--ecout-space-16);
  padding: var(--ecout-space-12);
  border-radius: var(--ecout-radius-card);
  background-color: var(--ecout-bg-page);
}
.ecout-equip-card__media {
  aspect-ratio: 4 / 3;
  border-radius: var(--ecout-radius-card-inner);
  background-color: var(--ecout-bg-raised);
  overflow: hidden;
}
.ecout-equip-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ecout-equip-card__name {
  font-size: var(--ecout-font-size-heading-sm);
  font-weight: var(--ecout-weight-semibold);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ecout-text-heading);
}
.ecout-equip-card__info {
  font-size: var(--ecout-font-size-body-md);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ecout-text-muted);
}
.ecout-gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--ecout-space-24);
}
.ecout-gallery__item {
  border-radius: var(--ecout-radius-card);
  overflow: hidden;
}
.ecout-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 800px) {
  .ecout-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ecout-gallery__item--full {
    grid-column: 1 / -1;
  }
}
.ecout-video {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--ecout-radius-card);
  overflow: hidden;
  background-color: var(--ecout-bg-page);
  cursor: pointer;
}
.ecout-video__poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.3;
}
.ecout-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--ecout-bg-overlay);
  pointer-events: none;
  transition: opacity var(--ecout-duration) var(--ecout-ease);
}
.ecout-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: var(--ecout-neutral-950);
  cursor: pointer;
  z-index: 1;
  transition: transform var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
.ecout-video__play:hover {
  transform: scale(1.06);
}
.ecout-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ecout-video.is-playing::after,
.ecout-video.is-playing .ecout-video__poster,
.ecout-video.is-playing .ecout-video__play {
  display: none;
}
.ecout-navbar {
	position: fixed;
	inset: 0 0 auto;
	z-index: 20;
	padding: var(--ecout-space-16);
	transition: transform var(--ecout-duration) var(--ecout-ease);
}
[data-navbar-oculta] .ecout-navbar {
	transform: translateY(-120%);
}
[data-navbar-oculta] .ecout-marca {
	transform: translateY(calc(-100% - var(--ecout-space-40)));
}
[data-navbar-aberta] .ecout-marca {
	top: calc(var(--ecout-space-16) + var(--ecout-space-12));
	left: calc(var(--ecout-space-16) + var(--ecout-space-16));
}
.ecout-marca {
	position: fixed;
	top: var(--ecout-space-16);
	left: var(--ecout-space-16);
	z-index: 21;
	display: flex;
	align-items: center;
	height: 40px;
	color: var(--ecout-neutral-0);
	mix-blend-mode: difference;
	transition: transform var(--ecout-duration) var(--ecout-ease);
}
.ecout-marca,
.ecout-marca:visited,
.ecout-marca:hover,
.ecout-marca:focus-visible {
	color: var(--ecout-neutral-0);
}
.ecout-marca svg {
	display: block;
	width: 126px;
	height: auto;
}
.ecout-navbar__barra {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--ecout-space-24);
	border-radius: var(--ecout-radius-12);
	transition:
		background-color var(--ecout-duration) var(--ecout-ease),
		padding var(--ecout-duration) var(--ecout-ease);
}
.ecout-navbar__alternar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: var(--ecout-space-8);
	border: 0;
	border-radius: var(--ecout-radius-full);
	background-color: var(--ecout-button-neutral-lighter-bg);
	color: var(--ecout-button-neutral-lighter-fg);
	cursor: pointer;
	transition: background-color var(--ecout-duration) var(--ecout-ease);
}
.ecout-navbar__alternar:hover {
	background-color: var(--ecout-button-neutral-lighter-bg-hover);
}
.ecout-navbar__alternar .ecout-icon {
	width: 16px;
	height: 16px;
}
.ecout-navbar__alternar-aberto {
	display: none;
}
[data-ecout-navbar][data-aberto] .ecout-navbar__alternar-fechado {
	display: none;
}
[data-ecout-navbar][data-aberto] .ecout-navbar__alternar-aberto {
	display: block;
}
.ecout-navbar__nav {
	display: none;
}
[data-ecout-navbar][data-aberto] .ecout-navbar__barra {
	flex-wrap: wrap;
	padding: var(--ecout-space-12) var(--ecout-space-16);
	background-color: var(--ecout-black);
}
[data-ecout-navbar][data-aberto] .ecout-navbar__nav {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
	width: 100%;
	padding-bottom: var(--ecout-space-24);
}
.ecout-navbar__menu {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
[data-ecout-navbar][data-aberto] .ecout-navbar__menu {
	flex-direction: column;
	gap: var(--ecout-space-16);
}
[data-ecout-navbar][data-aberto] .ecout-navbar__menu > li {
	padding-top: var(--ecout-space-16);
	border-top: 1px solid var(--ecout-alpha-white-alpha-16);
}
[data-ecout-navbar][data-aberto] .ecout-navbar__menu > li:last-child {
	padding-bottom: var(--ecout-space-16);
	border-bottom: 1px solid var(--ecout-alpha-white-alpha-16);
}
.ecout-navbar__menu a {
	display: block;
	padding: var(--ecout-space-4) var(--ecout-space-8);
	color: var(--ecout-alpha-white-alpha-40);
	font-family: var(--ecout-font-sans);
	font-size: var(--ecout-font-size-ui-nav);
	font-weight: var(--ecout-weight-regular);
	text-decoration: none;
	border-radius: var(--ecout-radius-full);
}
.ecout-navbar__menu a:visited {
	color: var(--ecout-alpha-white-alpha-40);
}
.ecout-navbar__menu .ecout-rolo__texto--copia {
	color: var(--ecout-link-fg);
}
.ecout-navbar__menu .current-menu-item > a,
.ecout-navbar__menu .current_page_item > a,
.ecout-navbar__menu [aria-current] {
	color: var(--ecout-link-fg);
}
[data-ecout-navbar][data-aberto] .ecout-navbar__menu a {
	padding: var(--ecout-space-4) 0;
	font-size: var(--ecout-font-size-ui-label);
	font-weight: var(--ecout-weight-medium);
}
.ecout-navbar__cta {
	justify-content: center;
}
[data-ecout-navbar][data-aberto] .ecout-navbar__cta {
	width: 100%;
}
@media (min-width: 1024px) {
	.ecout-navbar {
		padding: var(--ecout-space-32);
	}
	.ecout-marca {
		top: var(--ecout-space-32);
		left: var(--ecout-space-32);
	}
	.ecout-navbar__alternar {
		display: none;
	}
	.ecout-navbar__nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--ecout-space-8);
		padding: var(--ecout-space-4) var(--ecout-space-4) var(--ecout-space-4) var(--ecout-space-8);
		border-radius: var(--ecout-radius-full);
		background-color: var(--ecout-bg-overlay);
		backdrop-filter: blur(8px);
	}
	.ecout-navbar__menu {
		flex-direction: row;
	}
}
.ecout-rodape {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
	background-color: var(--ecout-bg-brand);
	color: var(--ecout-text-body);
}
.ecout-rodape__contatos {
	order: 3;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
	margin: 0;
	padding: 0 var(--ecout-space-16);
	list-style: none;
}
.ecout-rodape__contato {
	display: inline-flex;
	align-items: center;
	gap: var(--ecout-space-12);
	color: var(--ecout-link-fg);
	text-decoration: none;
	transition: color var(--ecout-duration) var(--ecout-ease);
}
.ecout-rodape__contato:visited {
	color: var(--ecout-link-fg);
}
.ecout-rodape__contato:hover,
.ecout-rodape__contato:focus-visible {
	color: var(--ecout-link-fg);
}
.ecout-rodape__contato .ecout-icon {
	flex: 0 0 auto;
}
.ecout-rodape__marca {
	order: 1;
	padding: 0 var(--ecout-space-16) var(--ecout-space-32);
	color: var(--ecout-bg-brand-vivid);
	--ecout-marca-vazado: var(--ecout-bg-brand);
}
.ecout-rodape__marca svg {
	display: block;
	width: 100%;
	height: auto;
}
.ecout-rodape__significado {
	order: 2;
	margin: 0;
	padding: 0 var(--ecout-space-16);
	font-family: var(--ecout-font-sans), system-ui, sans-serif;
	font-size: 0.75rem;
	font-weight: var(--ecout-weight-medium);
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--ecout-text-body);
	text-wrap: pretty;
}
.ecout-rodape__base {
	order: 4;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
	padding: var(--ecout-space-24) var(--ecout-space-16);
	background-color: var(--ecout-bg-brand-deep);
}
.ecout-rodape__base p {
	margin: 0;
}
.ecout-rodape__base a {
	color: inherit;
}
.ecout-rodape__base .ecout-rodape__topo {
	display: inline-flex;
	align-self: flex-start;
	gap: var(--ecout-space-12);
	align-items: center;
	text-decoration: none;
}
.ecout-rodape__base .ecout-rodape__topo,
.ecout-rodape__base .ecout-rodape__topo:visited,
.ecout-rodape__base .ecout-rodape__topo:hover,
.ecout-rodape__base .ecout-rodape__topo:focus-visible {
	color: var(--ecout-link-fg);
}
@media (min-width: 1024px) {
	.ecout-rodape {
		gap: 0;
	}
	.ecout-rodape__contatos {
		order: 1;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: var(--ecout-space-24);
		padding: 0 var(--ecout-space-64) var(--ecout-space-24);
	}
	.ecout-rodape__marca {
		order: 2;
		padding: var(--ecout-space-96) var(--ecout-space-64) var(--ecout-space-40);
	}
	.ecout-rodape__significado {
		order: 3;
		padding: 0 var(--ecout-space-64) var(--ecout-space-40);
	}
	.ecout-rodape__base {
		order: 4;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: var(--ecout-space-32);
		padding: var(--ecout-space-24) var(--ecout-space-64);
	}
}
.ecout-marca__onda {
	transform-box: fill-box;
	transform-origin: center;
	animation: ecout-onda var(--ecout-duration-onda) ease-in-out infinite alternate;
	animation-delay: calc(var(--i, 0) * -170ms);
}
@keyframes ecout-onda {
	from { transform: scaleY(0.45); }
	to   { transform: scaleY(1); }
}
.ecout-pulso__halo {
	transform-box: fill-box;
	transform-origin: center;
	animation: ecout-pulso var(--ecout-duration-pulso) ease-in-out infinite;
}
@keyframes ecout-pulso {
	0%,
	100% {
		transform: scale(0.55);
		opacity: 0.32;
	}
	50% {
		transform: scale(1);
		opacity: 0.16;
	}
}
.ecout-rodape {
	view-timeline: --ecout-rodape block;
}
.ecout-rodape__marca-janela {
	overflow: clip;
}
@media (min-width: 800px) {
	.ecout-rodape__marca svg {
		transform-origin: center bottom;
		animation: ecout-marca-emerge linear both;
		animation-timeline: --ecout-rodape;
		animation-range: entry 30% entry 66%;
	}
}
@keyframes ecout-marca-emerge {
	from { transform: translateY(50%) scale(0.5); }
	to   { transform: none; }
}
:root {
	--ecout-obturador-duracao: 450ms;
	--ecout-obturador-atraso: 45ms;
	--ecout-obturador-curva: cubic-bezier(0.76, 0, 0.24, 1);
}
.ecout-obturador {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: grid;
	grid-template-rows: repeat(8, 1fr);
	pointer-events: none;
}
.ecout-obturador__faixa {
	display: block;
	height: calc(100% + 1px);
	background-color: var(--ecout-black);
	transform: scaleX(0);
	transform-origin: left;
	will-change: transform;
}
html[data-ecout-fecha] .ecout-obturador {
	pointer-events: auto;
}
html[data-ecout-fecha] .ecout-obturador__faixa {
	transform: scaleX(1);
	transform-origin: left;
	transition: transform var(--ecout-obturador-duracao) var(--ecout-obturador-curva) calc(var(--i) * var(--ecout-obturador-atraso));
}
html[data-ecout-cobre] .ecout-obturador {
	pointer-events: auto;
}
html[data-ecout-cobre] .ecout-obturador__faixa {
	transform: scaleX(1);
	transform-origin: right;
}
html[data-ecout-abre] .ecout-obturador__faixa {
	transform: scaleX(0);
	transform-origin: right;
	transition: transform var(--ecout-obturador-duracao) var(--ecout-obturador-curva) calc(var(--i) * var(--ecout-obturador-atraso));
}
html[data-ecout-zera] .ecout-obturador__faixa {
	transform: scaleX(0) !important;
	transition: none !important;
}
html[data-ecout-cobre] *,
html[data-ecout-cobre] *::before,
html[data-ecout-cobre] *::after {
	animation-play-state: paused !important;
}
.ecout-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 620px;
	padding-block: var(--ecout-space-112) var(--ecout-space-40);
	background-color: var(--ecout-bg-page);
	overflow: clip;
	isolation: isolate;
}
.ecout-hero__midia {
	position: absolute;
	inset: 0;
	z-index: -2;
	display: block;
	opacity: 0.3;
}
.ecout-hero__midia img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: ecout-hero-foto 1600ms var(--ecout-ease) both;
}
.ecout-hero__veu {
	position: absolute;
	inset: auto 0 0;
	z-index: -1;
	height: 100%;
	background-image: linear-gradient(to bottom, transparent, var(--ecout-black));
}
.ecout-hero__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-hero__texto {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-hero__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-hero__titulo-apagado {
	color: var(--ecout-text-muted);
}
.ecout-palavra {
	display: inline-block;
}
.ecout-letra {
	display: inline-block;
}
.ecout-hero .ecout-letra {
	animation: ecout-entra-letra 620ms var(--ecout-ease) backwards;
	animation-delay: calc(var(--i, 0) * 14ms);
}
.ecout-hero__lead {
	margin: 0;
	max-width: 46ch;
	color: var(--ecout-text-body);
	animation: ecout-hero-sobe 700ms var(--ecout-ease) 620ms backwards;
}
.ecout-hero__acoes {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-12);
	animation: ecout-hero-sobe 700ms var(--ecout-ease) 740ms backwards;
}
.ecout-hero__acoes .ecout-btn {
	justify-content: center;
}
@keyframes ecout-entra-letra {
	from { opacity: 0; transform: translateY(0.35em); }
	to   { opacity: 1; transform: none; }
}
@keyframes ecout-hero-sobe {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: none; }
}
@keyframes ecout-hero-foto {
	from { transform: scale(1.06); }
	to   { transform: none; }
}
@media (min-width: 800px) {
	.ecout-hero {
		min-height: 762px;
		padding-block: var(--ecout-space-112) var(--ecout-space-80);
	}
	.ecout-hero__midia {
		opacity: 1;
	}
	.ecout-hero__veu {
		height: 310px;
	}
	.ecout-hero__titulo {
		max-width: 28rem;
	}
	.ecout-hero__acoes {
		flex-direction: row;
		gap: var(--ecout-space-24);
	}
}
@media (min-width: 1024px) {
	.ecout-hero__conteudo {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
		gap: var(--ecout-space-32) var(--ecout-space-32);
	}
	.ecout-hero__texto {
		flex: 0 1 46rem;
	}
	.ecout-hero__titulo {
		max-width: none;
	}
	.ecout-hero__lead {
		max-width: none;
	}
	.ecout-hero__acoes {
		flex: none;
	}
}
.ecout-marcas {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-brand-deep);
}
.ecout-marcas__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
}
.ecout-marcas__cabecalho {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ecout-space-24);
	text-align: center;
}
.ecout-marcas__titulo {
	margin: 0;
	max-width: 15rem;
	color: var(--ecout-text-heading);
}
.ecout-marcas__apoio {
	margin: 0;
	color: var(--ecout-text-body);
}
.ecout-marcas__faixa {
	--marcas-gap: var(--ecout-space-32);
}
.ecout-marcas__tira {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--marcas-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ecout-marcas__logo {
	display: block;
	color: var(--ecout-text-heading);
}
.ecout-marcas__item {
	transform: scale(var(--prox, 1));
	transition: transform 100ms var(--ecout-ease);
	will-change: transform;
}
.ecout-marcas__item[aria-hidden] {
	display: none;
}
@supports (animation-timeline: view()) {
	.ecout-marcas__faixa {
		overflow: clip;
		margin-inline: calc(-1 * var(--ecout-layout-gutter));
		padding-inline: var(--ecout-layout-gutter);
		padding-block: var(--ecout-space-16);
		margin-block: calc(-1 * var(--ecout-space-16));
		--marcas-fade: clamp(4rem, 10%, 7.5rem);
		--marcas-mascara: linear-gradient(
			to right,
			transparent 0,
			#000 var(--marcas-fade),
			#000 calc(100% - var(--marcas-fade)),
			transparent 100%
		);
		-webkit-mask-image: var(--marcas-mascara);
		mask-image: var(--marcas-mascara);
	}
	.ecout-marcas__item[aria-hidden] {
		display: block;
	}
	.ecout-marcas__tira {
		flex-wrap: nowrap;
		justify-content: flex-start;
		width: max-content;
		animation: ecout-marcas-desliza linear both;
		animation-timeline: view();
		animation-range: cover;
	}
}
@keyframes ecout-marcas-desliza {
	from { transform: translateX(0); }
	to   { transform: translateX(-33.333%); }
}
.ecout-marcas__cta {
	justify-content: center;
}
@media (min-width: 800px) {
	.ecout-marcas__conteudo {
		gap: var(--ecout-space-56);
		align-items: center;
	}
	.ecout-marcas__cabecalho {
		max-width: 62rem;
	}
	.ecout-marcas__titulo {
		max-width: none;
	}
	.ecout-marcas__faixa {
		--marcas-gap: 136px;
		align-self: stretch;
	}
	.ecout-marcas__cta {
		align-self: center;
	}
}
[data-ecout-revela] .ecout-letra,
[data-ecout-revela] .ecout-marcas__apoio,
[data-ecout-revela] .ecout-marcas__faixa,
[data-ecout-revela] .ecout-marcas__cta {
	opacity: 0;
}
[data-visivel] .ecout-letra {
	animation: ecout-entra-letra 620ms var(--ecout-ease) both;
	animation-delay: calc(var(--i, 0) * 14ms);
}
[data-visivel] .ecout-marcas__apoio {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-marcas__faixa {
	animation: ecout-entra-clareia 700ms var(--ecout-ease) 540ms both;
}
[data-visivel] .ecout-marcas__cta {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 660ms both;
}
[data-visivel] .ecout-servicos__apoio {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-servicos__foto {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 540ms both;
}
[data-visivel] .ecout-servico {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) calc(620ms + var(--i, 0) * 80ms) both;
}
[data-visivel] .ecout-cases__apoio {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-case {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) calc(540ms + var(--i, 0) * 80ms) both;
}
[data-visivel] .ecout-faq__lista {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-contato__whats {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-contato__arte {
	animation: ecout-entra-clareia 700ms var(--ecout-ease) 540ms both;
}
[data-visivel] .ecout-contato__form {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 540ms both;
}
[data-visivel] .ecout-valores__apoio {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-valor {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) calc(540ms + var(--i, 0) * 70ms) both;
}
[data-visivel] .ecout-estudio__tira {
	animation: ecout-entra-clareia 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-estudio__dica,
[data-visivel] .ecout-estudio__apoio {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 540ms both;
}
[data-visivel] .ecout-estudio__acoes {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 660ms both;
}
[data-visivel] .ecout-faixa__apoio {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-faixa__acoes {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 540ms both;
}
[data-visivel] .ecout-cases__cta {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 860ms both;
}
@keyframes ecout-entra-sobe {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: none; }
}
@keyframes ecout-entra-clareia {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.ecout-servicos {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-page);
}
.ecout-servicos__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
}
.ecout-servicos__coluna {
	display: contents;
}
.ecout-servicos__cabecalho {
	order: 1;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-servicos__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-servicos__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-servicos__apoio {
	margin: 0;
	color: var(--ecout-text-body);
}
.ecout-servicos__foto {
	order: 2;
	margin: 0;
}
.ecout-servicos__foto {
	display: grid;
	grid-template-areas: 'foto';
	border-radius: var(--ecout-radius-16);
	box-shadow: 0 0 0 8px var(--ecout-stroke-subtle);
}
.ecout-servicos__img {
	grid-area: foto;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 343 / 280;
	border-radius: var(--ecout-radius-16);
	object-fit: cover;
	opacity: 0;
	transition: opacity 0s linear var(--ecout-duration-dobra);
}
.ecout-servicos__img[data-visivel] {
	position: relative;
	z-index: 1;
	opacity: 1;
	transition: opacity var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
.ecout-servicos__lista {
	order: 3;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-12);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ecout-servico {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	gap: var(--ecout-space-16);
	padding: var(--ecout-space-8) var(--ecout-space-8) var(--ecout-space-20);
	border-radius: var(--ecout-radius-16);
	background-color: var(--ecout-bg-raised);
	transition:
		grid-template-rows var(--ecout-duration-dobra) var(--ecout-ease-dobra),
		gap var(--ecout-duration-dobra) var(--ecout-ease-dobra),
		padding var(--ecout-duration-dobra) var(--ecout-ease-dobra),
		background-color var(--ecout-duration) var(--ecout-ease);
}
.ecout-servico__titulo {
	margin: 0;
}
.ecout-servico__botao {
	display: flex;
	align-items: center;
	gap: var(--ecout-space-8);
	width: 100%;
	padding: var(--ecout-space-20) var(--ecout-space-16) var(--ecout-space-16);
	border: 0;
	background-color: transparent;
	color: var(--ecout-text-heading);
	font-family: var(--ecout-font-sans), system-ui, sans-serif;
	font-size: var(--ecout-font-size-heading-sm);
	font-weight: var(--ecout-weight-medium);
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
	transition:
		padding var(--ecout-duration-dobra) var(--ecout-ease-dobra),
		color var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
.ecout-servico__botao .ecout-rolo--icone {
	flex: none;
}
.ecout-servico__botao .ecout-icon {
	flex: none;
	color: var(--ecout-icon-default);
	transition: color var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
.ecout-servico__cartao {
	padding-bottom: var(--ecout-space-20);
	border-radius: var(--ecout-radius-12);
	background-color: var(--ecout-bg-page);
	transition:
		padding-bottom var(--ecout-duration-dobra) var(--ecout-ease-dobra),
		background-color var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
.ecout-servico__painel {
	display: grid;
	grid-template-rows: 1fr;
	transition: grid-template-rows var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
.ecout-servico__corpo {
	overflow: hidden;
	margin: 0;
	padding-inline: var(--ecout-space-16);
	color: var(--ecout-text-body);
}
.ecout-servico__extra {
	overflow: hidden;
	margin: 0;
	padding-inline: var(--ecout-space-16);
	color: var(--ecout-text-body);
}
.ecout-servico:has( [aria-expanded='false'] ) {
	cursor: pointer;
}
.ecout-servico:has( [aria-expanded='false'] ) .ecout-servico__botao::after {
	content: '';
	position: absolute;
	inset: 0;
}
.ecout-servico:has( [aria-expanded='false'] ):hover {
	background-color: var(--ecout-button-neutral-lighter-bg-hover);
}
.ecout-servico:has( [aria-expanded='false'] ) {
	grid-template-rows: auto 0fr;
	gap: 0;
	padding: var(--ecout-space-24);
}
.ecout-servico:has( [aria-expanded='false'] ) .ecout-servico__cartao {
	padding-bottom: 0;
	background-color: transparent;
}
.ecout-servico:has( [aria-expanded='false'] ) .ecout-servico__botao {
	padding: 0;
}
.ecout-servico:has( [aria-expanded='false'] ) .ecout-servico__painel {
	grid-template-rows: 0fr;
}
.ecout-servico:has( [aria-expanded='false'] ) :is( .ecout-servico__corpo, .ecout-servico__extra ) {
	visibility: hidden;
	transition: visibility 0s linear var(--ecout-duration-dobra);
}
@media (min-width: 1024px) {
	.ecout-servicos__conteudo {
		flex-direction: row;
		align-items: stretch;
		justify-content: space-between;
		gap: clamp(var(--ecout-space-32), 9.4vw, 135px);
	}
	.ecout-servicos__coluna {
		display: flex;
		flex: 0 1 532px;
		min-width: 400px;
		flex-direction: column;
		gap: var(--ecout-space-32);
	}
	.ecout-servicos__foto {
		flex: 0 1 642px;
		min-width: 0;
	}
	.ecout-servicos__img {
		height: 100%;
		aspect-ratio: auto;
	}
}
.ecout-cases {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-brand);
}
.ecout-cases__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
}
.ecout-cases__cabecalho {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
	text-align: center;
}
@media (min-width: 800px) {
	.ecout-cases__conteudo {
		gap: var(--ecout-space-24);
	}
	.ecout-cases__cabecalho {
		align-self: center;
		max-width: 713px;
	}
}
.ecout-cases__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-cases__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-cases__apoio {
	margin: 0;
	color: var(--ecout-text-body);
	opacity: 0.72;
}
.ecout-cases__cta {
	align-self: center;
	margin-top: var(--ecout-space-20);
}
.ecout-cases__fila {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-12);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ecout-case {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-16);
	padding: var(--ecout-space-12);
	border-radius: var(--ecout-radius-16);
	transition:
		flex-grow var(--ecout-duration-dobra) var(--ecout-ease-dobra),
		background-color var(--ecout-duration) var(--ecout-ease);
}
.ecout-case--marca {
	background-color: var(--ecout-primary-deepest);
}
.ecout-case__media {
	position: relative;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 319 / 200;
	border-radius: var(--ecout-radius-media);
}
.ecout-case__media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ecout-case__legenda {
	display: flex;
	flex: none;
	gap: var(--ecout-space-12);
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}
.ecout-case__nome {
	margin: 0;
	color: var(--ecout-text-heading);
	white-space: nowrap;
}
.ecout-case__tag {
	margin: 0;
	color: var(--ecout-text-muted);
	text-transform: uppercase;
	white-space: nowrap;
}
@media (min-width: 800px) {
	.ecout-cases__fila {
		flex-direction: row;
		gap: var(--ecout-space-12);
		align-items: stretch;
	}
	.ecout-case--marca .ecout-case__media {
		flex: 1 0 0;
		min-height: 0;
		aspect-ratio: auto;
	}
	.ecout-case--marca {
		flex: 1 1 0;
		flex-grow: 286;
		min-width: 0;
		height: 414px;
	}
	.ecout-cases__fila:has( .ecout-case:hover ) .ecout-case {
		flex-grow: 175;
	}
	.ecout-cases__fila:has( .ecout-case:hover ) .ecout-case:hover {
		flex-grow: 508;
		background-color: var(--ecout-primary-darkest);
	}
	.ecout-cases__fila:has( .ecout-case:hover ) .ecout-case:hover + .ecout-case,
	.ecout-cases__fila:has( .ecout-case:hover ) .ecout-case:has( + .ecout-case:hover ) {
		flex-grow: 286;
	}
}
.ecout-lista {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-page);
}
.ecout-lista__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
}
.ecout-lista__cabecalho {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	white-space: nowrap;
}
.ecout-lista__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-lista__contador {
	display: grid;
	place-items: center;
	min-width: 48px;
	height: 48px;
	margin: 0;
	padding-inline: var(--ecout-space-4);
	border-radius: var(--ecout-radius-button);
	background-color: var(--ecout-bg-subtle);
	color: var(--ecout-text-heading);
	line-height: 1;
}
.ecout-lista__grade {
	display: grid;
	gap: var(--ecout-space-16);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ecout-case--neutro {
	background-color: var(--ecout-bg-subtle);
}
.ecout-case .ecout-case__link,
.ecout-case .ecout-case__link:visited,
.ecout-case .ecout-case__link:hover,
.ecout-case .ecout-case__link:focus-visible {
	color: inherit;
	text-decoration: none;
}
.ecout-case__link::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
}
.ecout-case:has( .ecout-case__link:focus-visible ) {
	outline: 2px solid var(--ecout-stroke-focus, var(--ecout-bg-brand));
	outline-offset: 2px;
}
.ecout-case--neutro .ecout-case__nome,
.ecout-case--neutro .ecout-case__tag {
	transition: color var(--ecout-duration) var(--ecout-ease);
}
@media (hover: hover) and (pointer: fine) {
	.ecout-case--neutro:hover {
		--ecout-text-heading: var(--ecout-neutral-0);
		--ecout-text-muted: var(--ecout-neutral-300);
		background-color: var(--ecout-bg-brand);
	}
}
.ecout-case--neutro .ecout-case__media img {
	transition: transform var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
@media (hover: hover) and (pointer: fine) {
	.ecout-case--neutro:hover .ecout-case__media img {
		transform: scale(1.04);
	}
}
@media (min-width: 800px) {
	.ecout-lista__conteudo {
		gap: var(--ecout-space-64);
	}
	.ecout-lista__grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--ecout-space-24);
	}
	.ecout-case--neutro .ecout-case__media {
		aspect-ratio: 620 / 442;
	}
}
.ecout-faixa {
	padding: var(--ecout-space-48) var(--ecout-space-16);
	background-color: var(--ecout-bg-brand-deep);
}
.ecout-faixa__cartao {
	position: relative;
	overflow: clip;
	padding: var(--ecout-space-96) var(--ecout-space-16);
	border-radius: var(--ecout-radius-16);
	background-color: var(--ecout-bg-page);
}
.ecout-faixa__conteudo {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
	text-align: center;
}
.ecout-faixa__texto {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-faixa__lado {
	display: contents;
}
.ecout-faixa__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-faixa__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-faixa__apoio {
	margin: 0;
	color: var(--ecout-text-body);
	opacity: 0.72;
}
.ecout-faixa__acoes {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-12);
}
.ecout-faixa__acoes .ecout-btn {
	justify-content: center;
}
@media (min-width: 800px) {
	.ecout-faixa {
		padding: var(--ecout-space-64);
	}
	.ecout-faixa__cartao {
		padding: var(--ecout-space-224) var(--ecout-space-56);
	}
	.ecout-faixa__conteudo {
		flex-direction: row;
		gap: var(--ecout-space-24);
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
	.ecout-faixa__texto {
		flex: 1 1 auto;
		min-width: 0;
		padding: var(--ecout-space-4);
	}
	.ecout-faixa__lado {
		display: flex;
		flex: none;
		flex-direction: column;
		gap: var(--ecout-space-20);
		align-items: flex-end;
	}
	.ecout-faixa__acoes {
		flex-direction: row;
		gap: var(--ecout-space-24);
	}
}
.ecout-empilha > .ecout-faixa {
	position: sticky;
	top: 0;
	z-index: 0;
}
.ecout-empilha > :is(.ecout-estudio, .ecout-faq) {
	position: relative;
	z-index: 1;
}
@supports (animation-timeline: view()) and (timeline-scope: --ecout-cobre) {
	.ecout-empilha {
		timeline-scope: --ecout-cobre;
	}
	.ecout-empilha__marco {
		display: block;
		height: 0;
		view-timeline: --ecout-cobre block;
	}
	.ecout-empilha > .ecout-faixa .ecout-faixa__cartao {
		animation: ecout-faixa-recua linear both;
		animation-timeline: --ecout-cobre;
		animation-range: cover 0% cover 100%;
	}
}
@keyframes ecout-faixa-recua {
	from {
		transform: scale(1);
		filter: brightness(1);
	}
	to {
		transform: scale(0.9);
		filter: brightness(0.4);
	}
}
.ecout-estudio {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
	padding-block: var(--ecout-space-56) var(--ecout-space-112);
	background-color: var(--ecout-bg-subtle);
}
.ecout-estudio__cabecalho {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-estudio__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-estudio__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-estudio__marca {
	color: var(--ecout-text-brand);
}
.ecout-estudio__tira {
	width: 100vw;
	max-width: 100%;
	margin-inline: calc(50% - 50vw);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}
.ecout-estudio__tira::-webkit-scrollbar {
	display: none;
}
@media (hover: hover) and (pointer: fine) {
	.ecout-estudio__tira {
		cursor: grab;
	}
	.ecout-estudio__tira[data-arrastando] {
		cursor: grabbing;
		user-select: none;
	}
}
.ecout-estudio__fotos {
	display: flex;
	gap: var(--ecout-space-16);
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ecout-estudio__foto {
	flex: none;
	overflow: hidden;
	width: 320px;
	border-radius: var(--ecout-radius-16);
	background-color: var(--ecout-bg-brand-vivid);
}
.ecout-estudio__foto--larga {
	width: 435px;
}
.ecout-estudio__foto img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	-webkit-user-drag: none;
}
.ecout-estudio__foto--larga img {
	aspect-ratio: 435 / 320;
}
.ecout-estudio__rodape {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-estudio__dica {
	margin: 0;
	padding-top: var(--ecout-space-8);
	padding-right: var(--ecout-space-56);
	border-top: 1px solid var(--ecout-neutral-300);
	color: var(--ecout-text-body);
	text-transform: uppercase;
	align-self: flex-start;
}
.ecout-estudio__lado {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-estudio__apoio {
	margin: 0;
	color: var(--ecout-text-body);
	opacity: 0.72;
}
.ecout-estudio__acoes {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-12);
}
.ecout-estudio__acoes .ecout-btn {
	justify-content: center;
}
@media (min-width: 800px) {
	.ecout-estudio {
		gap: var(--ecout-space-56);
		padding-block: var(--ecout-space-112);
	}
	.ecout-estudio__cabecalho,
	.ecout-estudio__rodape {
		flex-direction: row;
		gap: var(--ecout-space-24);
		align-items: flex-start;
		justify-content: space-between;
	}
	.ecout-estudio__titulo,
	.ecout-estudio__lado {
		flex: none;
		width: 532px;
	}
	.ecout-estudio__foto {
		width: 310px;
	}
	.ecout-estudio__foto--larga {
		width: 421px;
	}
	.ecout-estudio__fotos {
		gap: var(--ecout-space-24);
	}
	.ecout-estudio__acoes {
		flex-direction: row;
		gap: var(--ecout-space-16);
	}
	.ecout-estudio__acoes .ecout-btn {
		flex: none;
	}
}
.ecout-valores {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-page);
}
.ecout-valores__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
}
.ecout-valores__cabecalho {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-valores__titulos {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-valores__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-valores__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-valores__apoio {
	margin: 0;
	color: var(--ecout-text-body);
}
.ecout-valores__grade {
	display: grid;
	gap: var(--ecout-space-16);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ecout-valor {
	display: flex;
	flex-direction: column;
	padding-top: var(--ecout-space-16);
	border-radius: var(--ecout-radius-16);
	background-color: var(--ecout-bg-subtle);
	text-align: center;
}
.ecout-valor__arte {
	position: relative;
	display: block;
	width: 192px;
	max-width: 100%;
	margin-inline: auto;
}
.ecout-valor__ilustra {
	display: block;
	width: 100%;
	height: auto;
}
.ecout-valor__texto {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-16);
	margin-top: auto;
	padding: var(--ecout-space-24) var(--ecout-space-24) var(--ecout-space-32);
}
.ecout-valor__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
	transition: color var(--ecout-duration) var(--ecout-ease);
}
.ecout-valor__corpo {
	margin: 0;
	color: var(--ecout-text-body);
	transition: color var(--ecout-duration) var(--ecout-ease);
}
@media (hover: hover) and (pointer: fine) {
	.ecout-valor {
		transition: background-color var(--ecout-duration) var(--ecout-ease);
	}
	.ecout-valor:hover {
		--ecout-text-heading: var(--ecout-white);
		--ecout-text-body: var(--ecout-white);
		background-color: var(--ecout-bg-brand);
	}
	.ecout-valor__arte::after {
		content: '';
		position: absolute;
		inset: 0;
		background: var(--arte-branca) center / contain no-repeat;
		opacity: 0;
		transition: opacity var(--ecout-duration) var(--ecout-ease);
	}
	.ecout-valor__ilustra {
		transition: opacity var(--ecout-duration) var(--ecout-ease);
	}
	.ecout-valor:hover .ecout-valor__ilustra {
		opacity: 0;
	}
	.ecout-valor:hover .ecout-valor__arte::after {
		opacity: 1;
	}
	.ecout-valor__arte {
		transition: transform var(--ecout-duration-dobra) var(--ecout-ease-dobra);
	}
	.ecout-valor:hover .ecout-valor__arte {
		transform: translateY(-8px);
	}
}
@media (min-width: 800px) {
	.ecout-valores__conteudo {
		gap: var(--ecout-space-56);
	}
	.ecout-valores__cabecalho {
		flex-direction: row;
		gap: var(--ecout-space-24);
		align-items: center;
		justify-content: space-between;
	}
	.ecout-valores__apoio {
		flex: none;
		width: 416px;
		text-align: right;
	}
	.ecout-valores__grade {
		gap: var(--ecout-space-24);
	}
	.ecout-valor__texto {
		padding: var(--ecout-space-24) var(--ecout-space-56) var(--ecout-space-32);
	}
	.ecout-valores__grade {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	.ecout-valor:nth-child(1) { grid-area: 1 / 1 / 2 / 3; } 
	.ecout-valor:nth-child(3) { grid-area: 1 / 3 / 2 / 5; } 
	.ecout-valor:nth-child(4) { grid-area: 1 / 5 / 2 / 7; } 
	.ecout-valor:nth-child(2) { grid-area: 2 / 1 / 3 / 4; } 
	.ecout-valor:nth-child(5) { grid-area: 2 / 4 / 3 / 7; } 
	.ecout-valor {
		border-radius: var(--ecout-radius-card-inner);
	}
	.ecout-valor:nth-child(1) { border-top-left-radius: var(--ecout-radius-card); }
	.ecout-valor:nth-child(4) { border-top-right-radius: var(--ecout-radius-card); }
	.ecout-valor:nth-child(5) { border-bottom-right-radius: var(--ecout-radius-card); }
	.ecout-valor:nth-child(2) { border-bottom-left-radius: var(--ecout-radius-card); }
}
@media (min-width: 1024px) {
	.ecout-valores__grade {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.ecout-valor:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.ecout-valor:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
	.ecout-valor:nth-child(3) { grid-area: 1 / 2 / 3 / 3; }
	.ecout-valor:nth-child(4) { grid-area: 1 / 3 / 2 / 4; }
	.ecout-valor:nth-child(5) { grid-area: 2 / 3 / 3 / 4; }
	.ecout-valor--alto {
		padding-top: var(--ecout-space-64);
	}
	.ecout-valor--alto .ecout-valor__arte {
		width: 416px;
	}
}
.ecout-contato {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-subtle);
}
.ecout-contato__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
}
.ecout-contato__lado {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-32);
}
.ecout-contato__cabecalho {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
	align-items: flex-start;
}
.ecout-contato__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-contato__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-contato__whats {
	align-self: stretch;
	justify-content: center;
}
.ecout-contato__arte {
	display: block;
	width: 280px;
	max-width: 100%;
	height: auto;
	margin-inline: auto;
}
.ecout-contato__form {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-contato__enviar {
	justify-content: center;
}
.ecout-contato__aviso {
	margin: 0;
	padding: var(--ecout-space-12) var(--ecout-space-16);
	border-radius: var(--ecout-radius-field);
	scroll-margin-top: var(--ecout-space-112);
}
.ecout-contato__aviso--ok {
	background-color: var(--ecout-alpha-whatsapp-10);
	color: var(--ecout-whatsapp-surface);
}
.ecout-contato__aviso--erro {
	background-color: var(--ecout-alpha-black-alpha-10);
	color: var(--ecout-text-heading);
}
.ecout-campo {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-8);
	margin: 0;
}
.ecout-campo__rotulo {
	color: var(--ecout-text-body);
}
.ecout-campo__caixa {
	appearance: none;
	width: 100%;
	height: 44px;
	padding: var(--ecout-space-12) var(--ecout-space-16);
	border: 1px solid transparent;
	border-radius: var(--ecout-radius-field);
	background-color: var(--ecout-field-bg);
	color: var(--ecout-text-heading);
	transition: border-color var(--ecout-duration) var(--ecout-ease);
}
.ecout-campo__caixa::placeholder {
	color: var(--ecout-field-placeholder);
	opacity: 1;
}
.ecout-campo__caixa--area {
	height: 120px;
	min-height: 120px;
	resize: vertical;
}
.ecout-campo__caixa:focus-visible {
	border-color: var(--ecout-field-stroke);
	outline: 2px solid var(--ecout-primary-base);
	outline-offset: 2px;
}
.ecout-campo__caixa:autofill,
.ecout-campo__caixa:autofill:hover,
.ecout-campo__caixa:autofill:focus {
	box-shadow: 0 0 0 1000px var(--ecout-field-bg) inset;
	-webkit-text-fill-color: var(--ecout-text-heading);
	caret-color: var(--ecout-text-heading);
}
.ecout-campo__caixa:-webkit-autofill,
.ecout-campo__caixa:-webkit-autofill:hover,
.ecout-campo__caixa:-webkit-autofill:focus {
	box-shadow: 0 0 0 1000px var(--ecout-field-bg) inset;
	-webkit-text-fill-color: var(--ecout-text-heading);
	caret-color: var(--ecout-text-heading);
}
.ecout-campo__caixa:user-invalid {
	border-color: var(--ecout-stroke-error);
}
.ecout-campo__caixa:user-invalid:focus-visible {
	outline-color: var(--ecout-stroke-error);
}
.ecout-campo:has( .ecout-campo__caixa:user-invalid ) .ecout-campo__rotulo {
	color: var(--ecout-text-error);
}
.ecout-campo__seta {
	position: absolute;
	right: var(--ecout-space-16);
	bottom: 12px;
	color: var(--ecout-field-placeholder);
	pointer-events: none;
}
.ecout-campo--select .ecout-campo__caixa {
	padding-right: var(--ecout-space-48);
}
.ecout-campo-isca {
	display: none;
}
@media (min-width: 800px) {
	.ecout-contato {
		padding-block: var(--ecout-layout-section-y) 0;
	}
	.ecout-contato__conteudo {
		flex-direction: row;
		gap: var(--ecout-space-24);
		align-items: flex-start;
		justify-content: space-between;
	}
	.ecout-contato__lado {
		flex: 0 1 480px;
		min-width: 0;
		gap: 0;
	}
	.ecout-contato__whats {
		align-self: flex-start;
		margin-top: var(--ecout-space-8);
	}
	.ecout-contato__arte {
		width: 456px;
		margin-inline: 0;
	}
	.ecout-contato__form {
		flex: 0 1 532px;
		min-width: 0;
		padding-bottom: var(--ecout-layout-section-y);
	}
	.ecout-contato__aviso {
		order: 1;
		flex: 0 1 532px;
		min-width: 0;
		margin-left: auto;
	}
}
.ecout-faq {
	padding-block: var(--ecout-layout-section-y) var(--ecout-space-32);
	background-color: var(--ecout-bg-brand);
}
.ecout-faq__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-layout-block-gap);
}
.ecout-faq__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-faq__lista {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ecout-faq__item {
	padding-block: var(--ecout-space-24) var(--ecout-space-32);
	box-shadow: 0 -1px 0 var(--ecout-stroke-subtle);
}
.ecout-faq__item:first-child {
	padding-top: 0;
	box-shadow: none;
}
.ecout-faq__pergunta {
	margin: 0;
}
.ecout-faq__botao {
	display: flex;
	gap: var(--ecout-space-16);
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: var(--ecout-text-body);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}
.ecout-faq__texto {
	flex: 1 1 auto;
	min-width: 0;
}
.ecout-faq__icone {
	flex: none;
	color: var(--ecout-icon-default);
	transition: transform var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
.ecout-faq__botao[aria-expanded='true'] .ecout-faq__icone {
	transform: rotate(45deg);
}
.ecout-faq__painel {
	display: grid;
	grid-template-rows: 1fr;
	transition: grid-template-rows var(--ecout-duration-dobra) var(--ecout-ease-dobra);
}
.ecout-faq__resposta {
	overflow: hidden;
	min-height: 0;
}
.ecout-faq__corpo {
	margin: var(--ecout-space-8) 0 0;
	color: var(--ecout-text-muted);
}
.ecout-faq__acoes {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-12);
	margin-top: var(--ecout-space-16);
}
.ecout-faq__acoes .ecout-btn {
	justify-content: center;
}
.ecout-faq__item:has( [aria-expanded='false'] ) .ecout-faq__painel {
	grid-template-rows: 0fr;
}
.ecout-faq__item:has( [aria-expanded='false'] ) .ecout-faq__resposta {
	visibility: hidden;
	transition: visibility 0s linear var(--ecout-duration-dobra);
}
@media (min-width: 1024px) {
	.ecout-faq {
		padding-block: var(--ecout-layout-section-y);
	}
	.ecout-faq__conteudo {
		flex-direction: row;
		gap: var(--ecout-space-24);
		align-items: flex-start;
		justify-content: space-between;
	}
	.ecout-faq__titulo {
		flex: none;
		white-space: nowrap;
	}
	.ecout-faq__lista {
		flex: 0 1 532px;
		min-width: 0;
	}
	.ecout-faq__acoes {
		flex-direction: row;
		gap: var(--ecout-space-24);
	}
	.ecout-faq__acoes .ecout-btn {
		flex: none;
	}
}
.ecout-fundo-foto {
	position: absolute;
	inset: 0;
	opacity: 0.2;
	pointer-events: none;
}
.ecout-fundo-foto img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ecout-pagina-hero {
	position: relative;
	overflow: clip;
	padding-block: 144px var(--ecout-space-96);
	background-color: var(--ecout-bg-page);
}
.ecout-pagina-hero__conteudo {
	position: relative;
}
.ecout-pagina-hero__texto {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-4);
}
.ecout-pagina-hero__eyebrow {
	margin: 0;
	color: var(--ecout-text-muted);
	text-transform: uppercase;
}
.ecout-pagina-hero__titulo {
	margin: 0;
	color: var(--ecout-white);
}
.ecout-pagina-hero__apoio {
	margin: 0;
	color: var(--ecout-white);
	font-size: var(--ecout-font-size-body-lg);
	line-height: 1.4;
	letter-spacing: -0.01em;
	opacity: 0.56;
}
.ecout-pagina-hero--solto .ecout-pagina-hero__eyebrow {
	color: var(--ecout-text-body);
}
.ecout-pagina-hero--solto .ecout-pagina-hero__titulo {
	line-height: 1.2;
}
.ecout-pagina-hero--solto .ecout-pagina-hero__apoio {
	font-size: var(--ecout-font-size-body-md);
	line-height: 1.2;
	letter-spacing: 0;
}
.ecout-pagina-hero__titulo .ecout-quebra {
	display: none;
}
.ecout-pagina-hero .ecout-letra {
	animation: ecout-entra-letra 620ms var(--ecout-ease) backwards;
	animation-delay: calc(var(--i, 0) * 14ms);
}
.ecout-pagina-hero__apoio {
	animation: ecout-pagina-apoio 700ms var(--ecout-ease) 620ms backwards;
}
@keyframes ecout-pagina-apoio {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 0.56; transform: none; }
}
@media (min-width: 1024px) {
	.ecout-pagina-hero {
		padding-block: var(--ecout-space-224);
	}
	.ecout-pagina-hero__titulo .ecout-quebra {
		display: inline;
	}
}
.ecout-erro {
	position: relative;
	overflow: clip;
	padding-block: 144px var(--ecout-space-96);
	background-color: var(--ecout-bg-page);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	min-height: 100svh;
}
.ecout-erro__conteudo {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-40);
	align-items: center;
	text-align: center;
}
.ecout-erro__bloco {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-4);
	align-items: center;
	width: 100%;
}
.ecout-erro__eyebrow {
	margin: 0;
	color: var(--ecout-text-muted);
	text-transform: uppercase;
}
.ecout-erro__numero {
	--numero: 128px;
	display: flex;
	gap: var(--ecout-space-8);
	align-items: center;
	justify-content: center;
	margin: 0;
	color: var(--ecout-text-heading);
	font-size: var(--numero);
	font-weight: var(--ecout-weight-medium);
	line-height: 1;
	letter-spacing: -0.03em;
	white-space: nowrap;
}
.ecout-erro__zero {
	flex: none;
	width: auto;
	height: 0.75em;
	color: var(--ecout-text-heading);
}
@keyframes ecout-erro-entra {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: none; }
}
.ecout-erro__bloco {
	animation: ecout-erro-entra 700ms var(--ecout-ease) backwards;
}
.ecout-erro__conteudo > .ecout-btn {
	animation: ecout-erro-entra 700ms var(--ecout-ease) 260ms backwards;
}
@media (min-width: 800px) {
	.ecout-erro__numero {
		--numero: 240px;
		gap: var(--ecout-space-16);
	}
}
@media (min-width: 1024px) {
	.ecout-erro {
		padding-block: var(--ecout-space-224);
	}
}
.ecout-equipamentos {
	overflow-x: clip;
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-page);
}
.ecout-equipamentos__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-layout-block-gap);
}
.ecout-equipamentos__cabecalho {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
	align-items: center;
	text-align: center;
}
.ecout-equipamentos__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-equipamentos__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-equipamentos__apoio {
	max-width: 733px;
	margin: 0;
	color: var(--ecout-text-body);
}
.ecout-cartao {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-16);
	height: 100%;
	padding: var(--ecout-space-12);
	border-radius: var(--ecout-radius-card);
	background-color: var(--ecout-bg-page);
	transition: background-color var(--ecout-duration) var(--ecout-ease);
}
.ecout-cartao__media {
	position: relative;
	overflow: hidden;
	background-color: var(--ecout-bg-raised);
	transition: background-color var(--ecout-duration) var(--ecout-ease);
}
.ecout-cartao--equipamento .ecout-cartao__media {
	aspect-ratio: 397 / 280;
	border-radius: var(--ecout-radius-card-inner);
}
.ecout-cartao--membro .ecout-cartao__media {
	aspect-ratio: 286 / 380;
	border-radius: var(--ecout-radius-card);
}
.ecout-cartao__imagem {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ecout-cartao__info {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-4);
}
.ecout-cartao--equipamento .ecout-cartao__info {
	gap: var(--ecout-space-8);
}
.ecout-cartao__nome {
	margin: 0;
	color: var(--ecout-text-heading);
	transition: color var(--ecout-duration) var(--ecout-ease);
}
.ecout-cartao__nome .ecout-rolo {
	display: block;
}
.ecout-cartao__nome .ecout-rolo__texto {
	overflow: hidden;
	text-overflow: ellipsis;
}
.ecout-cartao__texto {
	margin: 0;
	color: var(--ecout-text-muted);
	transition: color var(--ecout-duration) var(--ecout-ease);
}
@media (hover: hover) and (pointer: fine) {
	.ecout-cartao:hover {
		--ecout-text-heading: var(--ecout-neutral-0);
		--ecout-text-muted: var(--ecout-neutral-300);
		--ecout-bg-raised: var(--ecout-alpha-white-alpha-10);
		background-color: var(--ecout-bg-brand);
	}
}
.ecout-time {
	overflow-x: clip;
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-subtle);
}
.ecout-time__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-layout-block-gap);
}
.ecout-time__cabecalho {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-time__sobretitulo {
	margin: 0;
	color: var(--ecout-text-muted);
	text-transform: uppercase;
}
.ecout-time__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-carrossel {
	container-type: inline-size;
	display: flex;
	flex-direction: column;
	gap: var(--ecout-layout-block-gap);
}
.ecout-carrossel__pista {
	display: flex;
	gap: var(--ecout-space-12);
	margin-inline: calc((100cqw - 100vw) / 2);
	padding-inline: calc((100vw - 100cqw) / 2);
	list-style: none;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: calc((100vw - 100cqw) / 2);
	scrollbar-width: none;
}
.ecout-carrossel__pista::-webkit-scrollbar {
	display: none;
}
.ecout-carrossel__pista > li {
	display: grid;
	flex: 0 0 291px;
	scroll-snap-align: start;
}
.ecout-carrossel__setas {
	display: flex;
	gap: var(--ecout-space-16);
	justify-content: flex-end;
}
.ecout-carrossel__setas[hidden] {
	display: none;
}
.ecout-carrossel__seta {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--ecout-radius-button);
	background-color: var(--ecout-button-neutral-lighter-bg);
	color: var(--ecout-button-neutral-lighter-fg);
	cursor: pointer;
	transition: background-color var(--ecout-duration) var(--ecout-ease), opacity var(--ecout-duration) var(--ecout-ease);
}
.ecout-carrossel__seta:hover:not(:disabled) {
	background-color: var(--ecout-button-neutral-lighter-bg-hover);
}
.ecout-carrossel__seta:disabled {
	opacity: 0.4;
	cursor: default;
}
@media (min-width: 800px) {
	.ecout-carrossel__pista {
		gap: var(--ecout-space-24);
	}
	.ecout-equipamentos__itens > li {
		flex-basis: calc((100% - var(--ecout-space-24)) / 2);
	}
	.ecout-time__membros > li {
		flex-basis: calc((100% - 3 * var(--ecout-space-24)) / 4);
	}
}
@media (min-width: 1024px) {
	.ecout-equipamentos__itens > li {
		flex-basis: calc((100% - 2 * var(--ecout-space-24)) / 3);
	}
}
@media (max-width: 799px) {
	:is(.ecout-cartao--equipamento, .ecout-cartao--membro) .ecout-cartao__media {
		aspect-ratio: auto;
		height: 280px;
	}
}
[data-visivel] .ecout-equipamentos__apoio {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) 420ms both;
}
[data-visivel] .ecout-equipamentos__item,
[data-visivel] .ecout-time__item {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) calc(540ms + var(--i, 0) * 70ms) both;
}
.ecout-fundo-foto--forte {
	opacity: 0.3;
}
.ecout-caso-dados {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-page);
}
.ecout-caso-dados__lista {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: var(--ecout-space-24);
	margin-block: 0;
}
.ecout-caso-dados__campo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-12);
}
.ecout-caso-dados__campo dt {
	margin: 0;
	color: var(--ecout-text-muted);
	text-transform: uppercase;
}
.ecout-caso-dados__campo dd {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-caso-dados__servicos {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-4);
}
.ecout-caso-video {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-subtle);
}
.ecout-caso-video__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
	align-items: center;
}
.ecout-caso-video .ecout-video {
	width: 100%;
	background-color: var(--ecout-black);
}
.ecout-caso-video__legenda {
	margin: 0;
	color: var(--ecout-text-muted);
	text-transform: uppercase;
}
.ecout-caso-galeria {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-page);
}
.ecout-caso-galeria__grade {
	display: grid;
	gap: var(--ecout-space-16);
	margin-block: 0;
	padding-block: 0;
	list-style: none;
}
.ecout-caso-galeria__foto {
	position: relative;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 343 / 240;
	border-radius: var(--ecout-radius-card);
	background-color: var(--ecout-bg-subtle);
}
.ecout-caso-galeria__foto img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
[data-visivel] .ecout-caso-galeria__foto {
	animation: ecout-entra-sobe 700ms var(--ecout-ease) calc(var(--i, 0) * 60ms) both;
}
@media (min-width: 800px) {
	.ecout-caso-galeria__grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--ecout-space-24);
	}
	.ecout-caso-galeria__foto {
		aspect-ratio: 644 / 440;
	}
	.ecout-caso-galeria__foto--inteira {
		grid-column: 1 / -1;
		aspect-ratio: 1312 / 600;
	}
}
.ecout-caso-texto {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-subtle);
}
.ecout-caso-texto__colunas {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
}
.ecout-caso-texto__rotulo {
	margin: 0;
	color: var(--ecout-text-muted);
	text-transform: uppercase;
}
.ecout-caso-texto__corpo {
	min-width: 0;
	color: var(--ecout-text-body);
}
.ecout-caso-texto__corpo > * {
	margin: 0;
}
.ecout-caso-texto__corpo > * + * {
	margin-top: var(--ecout-space-24);
}
@media (min-width: 800px) {
	.ecout-caso-texto__colunas {
		flex-direction: row;
	}
	.ecout-caso-texto__rotulo {
		flex: none;
		width: 400px;
	}
	.ecout-caso-texto__corpo {
		flex: 1 1 0;
	}
}
.ecout-proximos {
	padding-block: var(--ecout-layout-section-y);
	background-color: var(--ecout-bg-page);
}
.ecout-proximos__conteudo {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-layout-block-gap);
}
.ecout-proximos__cabecalho {
	display: flex;
	flex-direction: column;
	gap: var(--ecout-space-24);
	max-width: 643px;
}
.ecout-proximos__sobretitulo {
	margin: 0;
	color: var(--ecout-text-body);
	text-transform: uppercase;
}
.ecout-proximos__titulo {
	margin: 0;
	color: var(--ecout-text-heading);
}
.ecout-proximos__par {
	display: grid;
	gap: var(--ecout-space-16);
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (min-width: 800px) {
	.ecout-proximos__par {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--ecout-space-24);
	}
	.ecout-proximos__par .ecout-case--neutro .ecout-case__media {
		aspect-ratio: 620 / 362;
	}
}