.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}@font-face {
font-family: "Gotham HTF";
src: url(//g-laundry.com.br/wp-content/plugins/lp-girbau/assets/fonts/Gotham-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham HTF";
src: url(//g-laundry.com.br/wp-content/plugins/lp-girbau/assets/fonts/Gotham-Book.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham HTF";
src: url(//g-laundry.com.br/wp-content/plugins/lp-girbau/assets/fonts/Gotham-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gotham HTF";
src: url(//g-laundry.com.br/wp-content/plugins/lp-girbau/assets/fonts/Gotham-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
} :root { --color-turquoise: #007481;
--color-turquoise-dark: #004851;
--color-white: #FFFFFF;
--color-offwhite: #EFECE7;
--color-black: #000000;
--color-grey: #C6C7C8;
--color-mustard: #F0B323; --color-blue-wash: #0076A8;
--color-green-dry: #94B7BB;
--color-orange: #FF7F41; --color-turquoise-bright: #14A6AE; --text-primary: #14201F;
--text-on-dark: #FFFFFF;
--text-muted: #4B5B5A;
--text-muted-on-dark: rgba(255, 255, 255, 0.72); --font-display: "Gotham HTF", Arial, sans-serif;
--font-body: "Gotham HTF", Arial, sans-serif;
--fw-light: 300;
--fw-book: 400;
--fw-bold: 700;
--fw-black: 900; --fs-h1: clamp(2rem, 1.6rem + 2vw, 3.25rem);
--fs-h2: clamp(1.625rem, 1.4rem + 1.1vw, 2.375rem);
--fs-h3: clamp(1.1875rem, 1.05rem + 0.6vw, 1.625rem);
--fs-lead: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
--fs-body: 1rem;
--fs-small: 0.875rem;
--fs-eyebrow: 0.8125rem;
--fs-stat: clamp(2.25rem, 1.9rem + 1.8vw, 3.75rem);
--fs-hero-number: clamp(4rem, 3rem + 4vw, 7rem); --space-section-y: clamp(48px, 5vw, 88px);
--space-section-y-sm: clamp(36px, 3.5vw, 64px);
--container-max: 1280px;
--container-pad: clamp(20px, 3.5vw, 40px); --radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-cta: 8px; --shadow-subtle: 0 1px 2px rgba(0, 0, 0, 0.06);
--shadow-elevated: 0 8px 24px rgba(0, 20, 20, 0.10); --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
--dur-fast: 150ms;
--dur-base: 220ms;
--dur-slow: 300ms;
--dur-reveal: 550ms;
} *, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
body {
margin: 0;
font-family: var(--font-body);
font-weight: var(--fw-book);
font-size: var(--fs-body);
line-height: 1.55;
color: var(--text-primary);
background: var(--color-white);
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
img, picture, video, svg {
display: block;
max-width: 100%;
}
h1, h2, h3, h4 {
margin: 0;
font-family: var(--font-display);
font-weight: var(--fw-black);
line-height: 1.1;
letter-spacing: -0.01em;
}
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); font-weight: var(--fw-bold); }
p { margin: 0; text-wrap: pretty; }
ul { margin: 0; padding: 0; list-style: none; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea {
font: inherit;
color: inherit;
}
button { cursor: pointer; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { padding: 0; } :focus-visible {
outline: 3px solid var(--color-mustard);
outline-offset: 2px;
}
.container {
width: 100%;
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--container-pad);
}
.eyebrow {
display: block;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-eyebrow);
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-turquoise);
margin-bottom: 16px;
}
.eyebrow--on-dark { color: var(--color-mustard); }
.lead {
font-size: var(--fs-lead);
color: var(--text-muted);
font-weight: var(--fw-book);
}
.visually-hidden {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link {
position: absolute;
left: 12px;
top: -60px;
background: var(--color-turquoise-dark);
color: #fff;
padding: 12px 20px;
border-radius: var(--radius-sm);
z-index: 1000;
transition: top var(--dur-base) var(--ease-standard);
}
.skip-link:focus { top: 12px; } .reveal {
opacity: 0;
transform: translateY(20px);
transition: opacity var(--dur-reveal) var(--ease-standard), transform var(--dur-reveal) var(--ease-standard);
}
.reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.reveal { opacity: 1; transform: none; transition: none; }
} @media (prefers-reduced-motion: reduce) {
.process-card { transition-delay: 0ms !important; }
}
.section {
padding-block: var(--space-section-y);
}
.section--sm { padding-block: var(--space-section-y-sm); }
.section--offwhite { background: var(--color-offwhite); }
.section--white { background: var(--color-white); }
.section--dark {
background: var(--color-turquoise-dark);
color: var(--text-on-dark);
}
.section--dark h2, .section--dark h3 { color: var(--text-on-dark); }
.section--dark p { color: var(--text-muted-on-dark); }
.section-head {
max-width: 920px;
margin-bottom: clamp(24px, 3vw, 40px);
}
.section-head--center { margin-inline: auto; text-align: center; }
.asset-missing {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 24px;
background: repeating-linear-gradient(
135deg, #f4f2ee, #f4f2ee 10px, #e9e5df 10px, #e9e5df 20px
);
border: 1px dashed var(--color-grey);
color: var(--text-muted);
font-size: var(--fs-small);
font-weight: var(--fw-bold);
letter-spacing: 0.03em;
text-transform: uppercase;
border-radius: var(--radius-md);
width: 100%;
height: 100%;
min-height: 220px;
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 12px 26px;
border-radius: var(--radius-cta);
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 1rem;
letter-spacing: 0.01em;
border: 2px solid transparent;
transition: background-color var(--dur-base) var(--ease-standard),
border-color var(--dur-base) var(--ease-standard),
color var(--dur-base) var(--ease-standard),
transform var(--dur-fast) var(--ease-standard);
white-space: normal;
text-align: center;
}
.btn--primary {
background: var(--color-turquoise);
color: #fff;
border-color: var(--color-turquoise);
}
.btn--primary:hover { background: var(--color-turquoise-dark); border-color: var(--color-turquoise-dark); }
.btn--primary:active { transform: translateY(1px); }
.btn--primary:disabled {
background: var(--color-grey);
border-color: var(--color-grey);
color: #7a7a7a;
cursor: not-allowed;
}
.btn--secondary {
background: transparent;
color: var(--color-turquoise);
border-color: var(--color-turquoise);
}
.btn--secondary:hover { background: var(--color-turquoise); color: #fff; }
.btn--on-dark.btn--secondary {
color: #fff;
border-color: #fff;
}
.btn--on-dark.btn--secondary:hover {
background: #fff;
color: var(--color-turquoise-dark);
}
.btn--block { width: 100%; } .form {
display: flex;
flex-direction: column;
gap: 16px;
}
.form--compact { gap: 14px; }
.form--compact .form-field { gap: 5px; }
.form--compact .form-field label { font-size: 0.8125rem; }
.form--compact .form-field input[type="text"],
.form--compact .form-field input[type="tel"],
.form--compact .form-field input[type="email"],
.form--compact .select-input {
height: 47px;
font-size: 0.9375rem;
}
.form--compact .consent-field label { font-size: 0.8125rem; }
.form--compact .btn {
min-height: 48px;
padding: 13px 24px;
font-size: 0.9375rem;
}
.form-field {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.form-field label {
font-size: var(--fs-small);
font-weight: var(--fw-bold);
color: var(--text-primary);
}
.form-field input[type="text"],
.form-field input[type="tel"],
.form-field input[type="email"] {
width: 100%;
min-width: 0;
height: 52px;
padding: 0 16px;
border: 1.5px solid var(--color-grey);
border-radius: var(--radius-sm);
background: #fff;
font-size: 1rem;
}
.form-field input:focus-visible {
border-color: var(--color-turquoise);
}
.form-field input:hover,
.select-input:hover {
border-color: #9aa3a2;
}
.select-wrap {
position: relative;
}
.select-input {
width: 100%;
height: 52px;
padding: 0 44px 0 16px;
border: 1.5px solid var(--color-grey);
border-radius: var(--radius-sm);
background: #fff;
font-size: 1rem;
font-weight: var(--fw-book);
color: var(--text-primary);
appearance: none;
cursor: pointer;
transition: border-color var(--dur-fast) var(--ease-standard);
}
.select-input:invalid { color: var(--text-muted); }
.select-input:focus-visible { border-color: var(--color-turquoise); }
.select-wrap::after {
content: "";
position: absolute;
right: 18px;
top: 50%;
width: 10px;
height: 10px;
border-right: 2px solid var(--text-muted);
border-bottom: 2px solid var(--text-muted);
transform: translateY(-70%) rotate(45deg);
pointer-events: none;
}
.form-field.has-error .select-input { border-color: #B3261E; }
.form-field .field-error {
display: none;
font-size: var(--fs-small);
color: #B3261E;
font-weight: var(--fw-bold);
}
.form-field.has-error input {
border-color: #B3261E;
}
.form-field.has-error .field-error {
display: block;
}
.consent-field.has-error label { color: #B3261E; }
.consent-field.has-error input { outline: 2px solid #B3261E; outline-offset: 2px; }
.form-fields-2col {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
@media (min-width: 560px) {
.form-fields-2col { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.form--compact .form-fields-2col { gap: 14px; }
.consent-field {
display: flex;
align-items: flex-start;
gap: 10px;
}
.consent-field input[type="checkbox"] {
width: 20px;
height: 20px;
margin-top: 2px;
accent-color: var(--color-turquoise);
flex-shrink: 0;
}
.consent-field label {
font-size: var(--fs-small);
color: var(--text-muted);
font-weight: var(--fw-book);
}
.form-card {
background: #fff;
border-radius: var(--radius-lg);
padding: clamp(20px, 2.6vw, 30px);
border: 1px solid rgba(0,0,0,0.06);
}
.form-note {
font-size: var(--fs-small);
color: var(--text-muted);
}
.form-success {
display: none;
text-align: center;
padding: 32px 16px;
}
.form-success.is-visible { display: block; }
.form-success .icon-check {
width: 56px; height: 56px;
margin: 0 auto 16px;
color: var(--color-turquoise);
} .accordion-item {
border-bottom: 1px solid var(--color-grey);
}
.accordion-item:first-child { border-top: 1px solid var(--color-grey); }
.accordion-trigger {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 16px 4px;
background: transparent;
border: 0;
text-align: left;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 1.0625rem;
}
.accordion-icon {
flex-shrink: 0;
width: 24px;
height: 24px;
position: relative;
}
.accordion-icon::before,
.accordion-icon::after {
content: "";
position: absolute;
background: var(--color-turquoise);
top: 50%; left: 50%;
transform: translate(-50%, -50%);
}
.accordion-icon::before { width: 16px; height: 2px; }
.accordion-icon::after { width: 2px; height: 16px; transition: transform var(--dur-base) var(--ease-standard); }
.accordion-trigger[aria-expanded="true"] .accordion-icon::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.accordion-panel {
overflow: hidden;
height: 0;
transition: height var(--dur-slow) var(--ease-standard);
}
.accordion-panel-inner {
padding: 0 4px 18px;
color: var(--text-muted);
max-width: 68ch;
font-size: 0.9375rem;
}  .icon {
width: 28px;
height: 28px;
stroke: currentColor;
stroke-width: 1.6;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
} .equip-panel { opacity: 1; }
.equip-panel.is-switching-out { opacity: 0; transform: translateY(8px); }
.equip-panel.is-switching-in {
animation: equipPanelIn var(--dur-slow) var(--ease-standard);
}
@keyframes equipPanelIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
.equip-panel.is-switching-out { opacity: 1; transform: none; }
.equip-panel.is-switching-in { animation: none; }
} .testimonial-name { font-weight: var(--fw-bold); font-size: 0.9375rem; }
.testimonial-role { font-size: var(--fs-small); color: var(--text-muted); }
.testimonial-nav-btn {
width: 44px; height: 44px;
border-radius: 50%;
border: 1.5px solid var(--color-grey);
background: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
}
.testimonial-nav-btn:hover { border-color: var(--color-turquoise); background: rgba(0,116,129,0.06); }
.testimonial-nav-btn:hover .icon { transform: translateX(0); }
.testimonial-nav-btn[data-case-prev]:hover .icon { transform: translateX(-2px); }
.testimonial-nav-btn[data-case-next]:hover .icon { transform: translateX(2px); }
.testimonial-nav-btn .icon { transition: transform var(--dur-fast) var(--ease-standard); }
.depoimentos-layout {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media (min-width: 900px) {
.depoimentos-layout { grid-template-columns: 1fr minmax(300px, 340px); align-items: center; }
} .depoimentos-head { max-width: 1000px; margin-bottom: clamp(16px, 2vw, 24px); }
.depoimentos-left { display: flex; flex-direction: column; min-width: 0; }
.case-viewer-col {
display: flex;
flex-direction: column;
min-width: 0;
}
.case-viewer-row {
display: flex;
align-items: center;
gap: clamp(8px, 2vw, 24px);
}
.case-card {
flex: 1;
min-width: 0;
background: var(--color-white);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-elevated);
padding: clamp(16px, 2vw, 22px);
}
.testimonial-nav-btn { flex-shrink: 0; }
.case-video-card {
background: var(--color-white);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-elevated);
padding: clamp(16px, 2vw, 22px);
display: flex;
flex-direction: column;
}
.case-video-media {
position: relative;
border-radius: var(--radius-md);
overflow: hidden;
aspect-ratio: 4 / 5;
background: #0b1b22;
}
.case-video-media video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 15%;
display: block;
}
.case-video-play {
position: absolute;
inset: 0;
margin: auto;
width: 64px;
height: 64px;
border-radius: 50%;
background: rgba(4, 20, 26, 0.55);
border: 2px solid rgba(255, 255, 255, 0.85);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);
}
.case-video-play .icon { width: 26px; height: 26px; margin-left: 3px; }
.case-video-play:hover { background: rgba(4, 20, 26, 0.75); transform: scale(1.06); }
.case-video-play.is-hidden { display: none; } .case-video-card { position: relative; padding: 10px; }
.case-video-content {
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
padding: 44px 20px 16px;
border-radius: 0 0 var(--radius-md) var(--radius-md);
background: linear-gradient(to top, rgba(4, 20, 26, 0.98) 0%, rgba(4, 20, 26, 0.97) 70%, rgba(4, 20, 26, 0) 100%);
pointer-events: none;
transition: opacity var(--dur-fast) var(--ease-standard);
}
.case-video-card.is-playing .case-video-content { opacity: 0; }
.case-video-content .case-index {
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-small);
letter-spacing: 0.1em;
text-transform: uppercase;
color: #7FD6DE;
display: block;
margin-bottom: 4px;
}
.case-video-content cite { font-style: normal; display: flex; flex-direction: column; gap: 2px; }
.case-video-content .testimonial-name { color: #fff; font-size: 1.0625rem; }
.case-video-content .testimonial-role { color: rgba(255, 255, 255, 0.8); } .case-viewer {
position: relative;
display: grid;
}
.case-slide {
grid-area: 1 / 1;
display: grid;
grid-template-columns: 1fr;
gap: 22px;
opacity: 1;
transform: translateY(0);
transition: opacity var(--dur-slow) var(--ease-standard), transform var(--dur-slow) var(--ease-standard);
}
.case-slide[hidden] {
display: grid !important; visibility: hidden;
opacity: 0;
pointer-events: none;
}
.case-slide.is-switching {
opacity: 0;
transform: translateY(10px);
}
@media (min-width: 820px) {
.case-slide {
grid-template-columns: 1fr 1.2fr;
gap: 32px;
align-items: center;
}
}
.case-media {
border-radius: var(--radius-md);
overflow: hidden;
aspect-ratio: 4/3.4;
background: var(--color-offwhite);
}
.case-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.case-content { display: flex; flex-direction: column; gap: 10px; }
.case-index {
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-small);
letter-spacing: 0.1em;
color: var(--color-turquoise);
}
.case-quote-icon {
width: 30px;
height: 24px;
color: var(--color-turquoise);
margin-top: -4px;
}
.case-content blockquote {
margin: 0;
font-size: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
font-weight: var(--fw-book);
line-height: 1.5;
color: var(--text-primary);
}
.case-content cite { font-style: normal; display: flex; flex-direction: column; gap: 2px; margin-top: 4px; }
.case-dots-row {
display: flex;
justify-content: center;
margin-top: 10px;
}
.case-dots {
display: flex;
gap: 8px;
}
.case-dot {
width: 8px; height: 8px;
border-radius: 50%;
border: 0;
background: var(--color-grey);
padding: 0;
transition: background-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
}
.case-dot.is-active { background: var(--color-turquoise); transform: scale(1.3); } .eff-indicators {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
@media (min-width: 720px) {
.eff-indicators {
grid-template-columns: repeat(2, 1fr);
gap: clamp(20px, 2.2vw, 28px);
}
}
@media (min-width: 1280px) {
.eff-indicators {
grid-template-columns: repeat(3, 1fr);
}
}
.eff-indicator {
background: var(--color-white);
border-radius: var(--radius-lg);
padding: clamp(20px, 2.2vw, 26px);
box-shadow: var(--shadow-elevated);
}
.eff-indicator-index {
display: block;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-eyebrow);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--text-muted);
}
.eff-indicator-highlight {
display: flex;
align-items: center;
flex-wrap: wrap;
row-gap: 6px;
column-gap: 16px;
margin-bottom: 18px;
}
.eff-indicator-number {
flex-shrink: 0;
font-family: var(--font-display);
font-weight: var(--fw-black);
font-size: clamp(1.875rem, 1.5rem + 2vw, 2.75rem);
line-height: 1;
white-space: nowrap;
color: var(--color-turquoise);
}
.eff-indicator .eff-indicator-label {
flex: 1;
min-width: 0;
font-weight: var(--fw-bold);
font-size: var(--fs-small);
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--text-primary);
}
.eff-indicator .eff-indicator-headline {
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: clamp(0.9375rem, 0.8rem + 0.6vw, 1.25rem);
color: var(--text-primary);
line-height: 1.25;
margin-bottom: 8px;
white-space: nowrap;
}
.eff-indicator .eff-indicator-description {
font-size: 0.8125rem;
color: var(--text-muted);
line-height: 1.5;
}
.eff-indicator .eff-indicator-description strong {
color: var(--text-primary);
font-weight: var(--fw-bold);
}
.eff-indicator-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.eff-indicator-icon {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
flex-shrink: 0;
border-radius: 50%;
background: rgba(0, 116, 129, 0.08);
border: 1.5px solid rgba(0, 116, 129, 0.3);
}
.eff-indicator-icon .icon {
width: 22px;
height: 22px;
color: var(--color-turquoise);
}
.eff-chart {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 10px;
}
.eff-chart-row {
display: flex;
align-items: center;
gap: 12px;
}
.eff-chart-tag {
flex-shrink: 0;
width: 64px;
font-size: 0.75rem;
font-weight: var(--fw-bold);
color: var(--text-muted);
}
.eff-chart-tag--logo {
display: flex;
align-items: center;
}
.eff-chart-tag--logo img {
height: 12px;
width: auto;
border-radius: 2px;
}
.eff-chart-track {
flex: 1;
height: 8px;
border-radius: 2px;
background: rgba(0, 72, 81, 0.08);
overflow: hidden;
}
.eff-chart-fill {
height: 100%;
width: 0;
border-radius: inherit;
transition: width 700ms var(--ease-standard);
}
.eff-indicators .eff-indicator:nth-child(2) .eff-chart-fill { transition-delay: 90ms; }
.eff-indicators .eff-indicator:nth-child(3) .eff-chart-fill { transition-delay: 180ms; }
.eff-chart-fill--neutral { background: rgba(0, 72, 81, 0.22); }
.eff-chart-fill--accent { background: var(--color-turquoise); }
.eff-chart-val {
flex-shrink: 0;
width: 44px;
text-align: right;
font-size: 0.75rem;
color: var(--text-muted);
}
.eff-indicator .eff-chart-note {
margin-top: 12px;
font-size: 0.75rem;
font-style: italic;
color: var(--text-muted);
}
.eff-indicator .eff-chart-highlight {
margin-top: 12px;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 1.125rem;
letter-spacing: 0.01em;
color: var(--color-turquoise-dark);
}
@media (prefers-reduced-motion: reduce) {
.eff-chart-fill { transition: none; }
}
.eff-productivity {
margin-top: clamp(40px, 5vw, 64px);
padding-block: clamp(28px, 3vw, 40px);
border-block: 1px solid rgba(255, 255, 255, 0.16);
display: flex;
flex-direction: column;
gap: 32px;
align-items: center;
text-align: center;
}
@media (min-width: 900px) {
.eff-productivity {
flex-direction: row;
justify-content: center;
gap: 0;
}
}
.eff-productivity-figure {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
}
@media (min-width: 900px) {
.eff-productivity-figure {
padding-inline: clamp(28px, 3.6vw, 56px);
border-left: 1px solid rgba(255, 255, 255, 0.16);
}
.eff-productivity-figure:first-child {
padding-left: 0;
border-left: 0;
}
}
.eff-productivity-number {
font-family: var(--font-display);
font-weight: var(--fw-black);
font-size: var(--fs-stat);
line-height: 1;
color: var(--color-white);
}
.eff-productivity-label {
margin-top: 8px;
font-weight: var(--fw-bold);
font-size: var(--fs-small);
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--text-muted-on-dark);
}
.eff-cta { margin-top: clamp(32px, 4vw, 48px); text-align: center; }
.section--dark .section-note { color: var(--text-muted-on-dark); } .photo-marquee {
position: relative;
z-index: 2;
margin-top: -60px;
margin-bottom: -20px;
padding-block: 28px;
overflow: hidden;
pointer-events: none;
}
.photo-marquee-track {
display: flex;
align-items: center;
gap: 16px;
width: max-content;
animation: photo-marquee-scroll 36s linear infinite;
}
.photo-marquee img {
height: 120px;
width: 170px;
border-radius: var(--radius-md);
box-shadow: var(--shadow-elevated);
flex-shrink: 0;
object-fit: cover;
}
@media (min-width: 700px) {
.photo-marquee { margin-top: -80px; margin-bottom: -30px; padding-block: 36px; }
.photo-marquee img { height: 160px; width: 226px; }
}
@keyframes photo-marquee-scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.photo-marquee-track { animation: none; }
} .hero {
position: relative;
background: var(--color-offwhite);
overflow: hidden;
}
@media (min-width: 980px) {
.hero { min-height: 640px; display: flex; align-items: center; }
}
.hero-bg {
position: absolute;
inset: 0;
z-index: 0;
}
.hero-bg video {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-bg-overlay {
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.93);
}
.hero-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr;
gap: 32px;
padding-block: 40px 48px;
}
@media (min-width: 980px) {
.hero-grid {
grid-template-columns: 1.22fr 1fr;
gap: clamp(28px, 3.4vw, 52px);
padding-block: clamp(44px, 5.5vw, 76px);
align-items: center;
}
}
.hero-logo {
height: 28px;
width: auto;
margin-bottom: clamp(16px, 2vw, 28px);
display: block;
}
.hero-content h1 {
font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);
margin-bottom: 16px;
}
.hero-content .lead {
max-width: 56ch;
margin-bottom: 24px;
}
.hero-benefits {
display: grid;
grid-template-columns: 1fr;
gap: 10px 28px;
margin-bottom: 4px;
}
@media (min-width: 480px) {
.hero-benefits { grid-template-columns: 1fr 1fr; }
}
.hero-benefit {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 0.9375rem;
font-weight: var(--fw-bold);
text-align: left;
}
@media (max-width: 979px) {
.hero-content {
text-align: center;
}
.hero-logo {
margin-inline: auto;
}
.hero-content .lead {
margin-inline: auto;
}
.hero-benefits {
justify-items: center;
}
.hero-benefit {
justify-content: center;
}
}
.hero-benefit .icon-tick {
flex-shrink: 0;
width: 20px; height: 20px;
color: var(--color-turquoise);
margin-top: 2px;
}
.hero-form-wrap {
background: #fff;
border-radius: var(--radius-lg);
padding: clamp(18px, 2.2vw, 24px);
box-shadow: var(--shadow-elevated);
max-width: 420px;
width: 100%;
margin-inline: auto;
}
@media (min-width: 980px) {
.hero-form-wrap { margin-left: auto; margin-right: 0; }
}
.hero-form-title {
margin-bottom: 14px;
}
.hero-form-title h2 {
font-size: clamp(1.125rem, 1rem + 0.4vw, 1.3125rem);
margin-bottom: 3px;
}
.hero-form-title p {
font-size: 0.8125rem;
color: var(--text-muted);
} .authority-strip {
position: relative;
overflow: hidden;
background: radial-gradient(120% 140% at 50% 8%, #0A4A52 0%, #063D44 45%, #042E33 100%);
color: #fff;
padding-block: clamp(36px, 4.5vw, 56px);
display: flex;
align-items: center;
}
.authority-water {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
opacity: 0.26;
mix-blend-mode: screen;
}
.authority-water img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: blur(3px);
transform: scale(1.03);
}
.authority-inner {
position: relative;
z-index: 1;
width: 100%;
max-width: 1180px;
margin-inline: auto;
padding-inline: clamp(24px, 5vw, 48px);
}
.authority-grid {
display: grid;
grid-template-columns: 1fr;
gap: 28px;
text-align: center;
}
@media (min-width: 720px) {
.authority-grid {
grid-template-columns: repeat(3, 1fr);
gap: 0;
}
.authority-item {
border-left: 1px solid rgba(255,255,255,0.16);
padding-inline: clamp(20px, 3vw, 40px);
}
.authority-item:first-child { border-left: none; }
}
@media (max-width: 719px) {
.authority-item:not(:first-child) {
border-top: 1px solid rgba(255,255,255,0.14);
padding-top: 32px;
}
}
.authority-item {
display: flex;
flex-direction: column;
align-items: center;
}
.authority-item:nth-child(1) { transition-delay: 0ms; }
.authority-item:nth-child(2) { transition-delay: 90ms; }
.authority-item:nth-child(3) { transition-delay: 180ms; }
.authority-icon-wrap {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
border-radius: 50%;
border: 1.5px solid var(--color-turquoise-bright);
background: rgba(255, 255, 255, 0.07);
margin-bottom: 16px;
transition: transform var(--dur-base) var(--ease-standard),
box-shadow var(--dur-base) var(--ease-standard),
background-color var(--dur-base) var(--ease-standard);
}
.authority-item:hover .authority-icon-wrap {
transform: scale(1.05);
background: rgba(255, 255, 255, 0.12);
box-shadow: 0 0 0 7px rgba(20, 166, 174, 0.14);
}
@media (prefers-reduced-motion: reduce) {
.authority-item:hover .authority-icon-wrap { transform: none; }
}
.authority-icon {
width: 32px;
height: 32px;
stroke: #fff;
stroke-width: 1.4;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.authority-number {
font-family: var(--font-display);
font-weight: var(--fw-black);
font-size: var(--fs-stat);
line-height: 1;
color: #fff;
display: block;
letter-spacing: -0.02em;
}
.authority-label {
display: block;
margin-top: 12px;
font-size: 0.9375rem;
color: rgba(255, 255, 255, 0.88);
font-weight: var(--fw-book);
max-width: 24ch;
margin-inline: auto;
} .process-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
@media (max-width: 900px) {
.process-cards { grid-template-columns: 1fr 1fr; gap: 16px; }
}
@media (max-width: 560px) {
.process-cards { grid-template-columns: 1fr; }
}
.process-card {
border-radius: var(--radius-lg);
padding: clamp(20px, 2.2vw, 24px) clamp(18px, 2vw, 22px) 20px;
display: flex;
flex-direction: column;
color: #fff;
min-height: 220px;
}
.process-card:nth-child(1) { transition-delay: 0ms; }
.process-card:nth-child(2) { transition-delay: 70ms; }
.process-card:nth-child(3) { transition-delay: 140ms; }
.process-card:nth-child(4) { transition-delay: 210ms; }
.process-card--blue { background: #0288B7; }
.process-card--navy { background: linear-gradient(135deg, #033E55 0%, #04566E 100%); }
.process-card-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: clamp(16px, 2.2vw, 24px);
}
.process-card-icon {
width: 56px;
height: 56px;
object-fit: contain;
flex-shrink: 0;
}
.process-card-index {
font-family: var(--font-display);
font-weight: var(--fw-black);
font-size: 1.875rem;
line-height: 1;
color: rgba(255, 255, 255, 0.22);
}
.process-card h3 {
font-size: 1.125rem;
line-height: 1.25;
margin-bottom: 10px;
}
.process-card-rule {
display: block;
width: 28px;
height: 2px;
background: rgba(255, 255, 255, 0.4);
margin-bottom: 14px;
}
@media (min-width: 561px) { .process-card h3 { min-height: 2.5em; }
}
.process-card p {
font-size: 0.9375rem;
line-height: 1.55;
color: rgba(255, 255, 255, 0.82);
font-weight: var(--fw-book);
margin: 0;
}
.process-cta { margin-top: 36px; text-align: center; }
.process-cta .btn { gap: 10px; }
.btn-arrow {
width: 18px;
height: 18px;
stroke: currentColor;
stroke-width: 2;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform var(--dur-fast) var(--ease-standard);
}
.process-cta .btn:hover .btn-arrow { transform: translateX(3px); } .growth-strip {
margin-top: clamp(40px, 4.5vw, 64px);
background: linear-gradient(135deg, #033E55 0%, #04566E 100%);
border-radius: var(--radius-lg);
padding: clamp(24px, 3vw, 36px);
}
.growth-head { max-width: 720px; margin-inline: auto; margin-bottom: 28px; text-align: center; }
.growth-head h3 {
font-size: var(--fs-h3);
margin-bottom: 8px;
line-height: 1.15;
}
.growth-title-accent { color: #fff; }
.growth-head p { color: rgba(255, 255, 255, 0.82); }
.growth-stages {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 780px) {
.growth-stages { flex-direction: row; align-items: stretch; gap: 12px; }
}
.growth-line {
display: none;
}
@media (min-width: 780px) {
.growth-line {
display: block;
position: absolute;
left: 7px;
right: 22px;
top: 50%;
height: 2px;
background: #0288B7;
transform: translateY(-50%);
z-index: 0;
}
}
.growth-node {
display: none;
}
@media (min-width: 780px) {
.growth-node {
display: block;
position: relative;
z-index: 2;
flex: 0 0 14px;
align-self: center;
width: 14px;
height: 14px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background: #04455C;
border: 3px solid #0288B7;
}
}
.growth-arrow-end {
display: none;
}
@media (min-width: 780px) {
.growth-arrow-end {
display: block;
position: relative;
z-index: 2;
flex-shrink: 0;
align-self: center;
width: 22px;
height: 22px;
stroke: #0288B7;
stroke-width: 2;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
}
.growth-stage {
position: relative;
z-index: 1;
flex: 1;
background: #fff;
border-radius: var(--radius-md);
padding: 18px 16px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.growth-stage-media {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.growth-stage-media img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.growth-stage h4 {
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 1.0625rem;
margin-bottom: 6px;
}
.growth-stage p {
color: var(--text-muted);
font-size: 0.875rem;
text-wrap: balance;
}
.growth-cta { margin-top: 22px; text-align: center; } .section--equip {
position: relative;
overflow: hidden;
background: linear-gradient(160deg, #E7F3F2 0%, #DCEEEC 55%, #E4F1EF 100%);
}
.section--depoimentos {
position: relative;
overflow: hidden;
background: linear-gradient(160deg, #E7F3F2 0%, #DCEEEC 55%, #E4F1EF 100%);
margin-top: -80px;
padding-top: calc(var(--space-section-y) + 80px);
}
.section--depoimentos .container {
position: relative;
z-index: 1;
}
.depoimentos-bg {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.depoimentos-bg img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.75;
filter: blur(4px);
transform: scale(1.05);
}
.section--efficiency .eyebrow {
color: var(--text-on-dark);
}
.section--efficiency {
position: relative;
overflow: hidden;
margin-bottom: -90px;
padding-bottom: calc(var(--space-section-y) + 46px);
}
.section--efficiency .container {
position: relative;
z-index: 1;
}
.eff-bg {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.eff-bg video {
width: 100%;
height: 100%;
object-fit: cover;
}
.eff-bg-overlay {
position: absolute;
inset: 0;
background: var(--color-turquoise-dark);
opacity: 0.87;
}
.equip-bg {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
.equip-bg::before,
.equip-bg::after {
content: "";
position: absolute;
border-radius: 50%;
background: radial-gradient(circle at 40% 40%, rgba(0, 116, 129, 0.10), rgba(0, 116, 129, 0) 70%);
}
.equip-bg::before { width: 46vw; height: 46vw; top: -18%; right: -12%; }
.equip-bg::after { width: 34vw; height: 34vw; bottom: -14%; left: -10%; }
.section--equip .container { position: relative; z-index: 1; }
.equip-layout {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: start;
margin-bottom: clamp(18px, 2.4vw, 28px);
}
@media (min-width: 1180px) {
.equip-layout { grid-template-columns: minmax(260px, 320px) 1fr; gap: clamp(24px, 3vw, 44px); }
}
.equip-intro .eyebrow { justify-content: flex-start; }
.equip-explore {
display: flex;
align-items: flex-start;
gap: 16px;
margin-top: clamp(14px, 1.6vw, 20px);
}
.equip-explore-icon {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: rgba(0, 116, 129, 0.1);
}
.equip-explore-icon svg {
width: 24px;
height: 24px;
stroke: var(--color-turquoise);
stroke-width: 1.6;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.equip-explore-icon img {
width: 26px;
height: 26px;
object-fit: contain;
}
.equip-explore strong {
display: block;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 1rem;
color: var(--color-turquoise);
margin-bottom: 4px;
}
.equip-explore p {
font-size: 0.9375rem;
color: var(--text-muted);
max-width: 32ch;
}
.equip-showcase {
background: rgba(255, 255, 255, 0.55);
border-radius: var(--radius-lg);
padding: clamp(14px, 2vw, 22px);
min-width: 0;
}
.equip-tabs {
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 10px;
overflow-x: auto;
scrollbar-width: none;
padding-bottom: 2px;
margin-bottom: clamp(16px, 2vw, 24px);
}
.equip-tabs::-webkit-scrollbar { display: none; }
.equip-tab {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
border-radius: var(--radius-md);
border: 1.5px solid var(--color-turquoise);
background: #fff;
color: var(--color-turquoise);
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 0.9375rem;
white-space: nowrap;
transition: background-color var(--dur-base) var(--ease-standard),
color var(--dur-base) var(--ease-standard),
border-color var(--dur-base) var(--ease-standard);
}
.equip-tab-icon {
width: 20px;
height: 20px;
stroke: currentColor;
stroke-width: 1.6;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
flex-shrink: 0;
}
.equip-tab:hover { background: rgba(0, 116, 129, 0.08); }
.equip-tab.is-active {
background: var(--color-turquoise);
border-color: var(--color-turquoise);
color: #fff;
}
.equip-tab.is-active:hover { background: var(--color-turquoise-dark); border-color: var(--color-turquoise-dark); } @media (max-width: 560px) {
.equip-tabs { gap: 6px; }
.equip-tab { flex: 1 1 0; min-width: 0; justify-content: center; gap: 5px; padding: 10px 6px; font-size: 0.8125rem; }
.equip-tab-icon { width: 16px; height: 16px; }
}
.equip-carousel {
display: flex;
align-items: center;
gap: 12px;
}
.equip-panels { flex: 1; min-width: 0; }
.equip-nav-btn {
flex-shrink: 0;
display: none;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1.5px solid var(--color-grey);
background: #fff;
color: var(--color-turquoise);
transition: border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);
}
.equip-nav-btn .icon { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.equip-nav-btn:hover { border-color: var(--color-turquoise); background: rgba(0, 116, 129, 0.06); }
@media (min-width: 780px) {
.equip-nav-btn { display: flex; } .equip-carousel--single { padding-inline: 56px; }
}
.equip-card {
background: #fff;
border-radius: var(--radius-lg);
padding: clamp(16px, 2vw, 22px);
display: flex;
flex-direction: column;
gap: clamp(14px, 1.8vw, 22px);
box-shadow: var(--shadow-elevated);
}
@media (min-width: 780px) {
.equip-card { flex-direction: row; align-items: center; }
}
.equip-card-media {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 4/3.4;
}
@media (min-width: 780px) {
.equip-card-media { width: 40%; aspect-ratio: auto; align-self: stretch; }
}
.equip-card-media img {
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
object-fit: contain;
} @media (min-width: 780px) {
.equip-card-media img.equip-img--smartplus { max-height: 360px; }
.equip-card-media img.equip-img--edd300 { max-height: 380px; }
}
.equip-card-content { flex: 1; min-width: 0; }
.equip-card-category {
display: block;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-eyebrow);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-turquoise);
margin-bottom: 8px;
}
.equip-card-title {
font-size: clamp(1.3125rem, 1.15rem + 0.6vw, 1.625rem);
margin-bottom: 4px;
}
.equip-card-benefit {
color: var(--text-muted);
font-size: 0.9375rem;
max-width: 46ch;
margin-bottom: 10px;
}
.equip-card-highlight {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
column-gap: 20px;
margin-block: 10px 14px;
}
.equip-card-stat {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
flex: 1;
}
.equip-card-number {
font-family: var(--font-display);
font-weight: var(--fw-black);
font-size: clamp(1.75rem, 1.45rem + 1.3vw, 2.25rem);
color: var(--color-turquoise);
line-height: 1.1;
white-space: nowrap;
}
.equip-card-number--compact {
font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.5rem);
letter-spacing: 0.01em;
white-space: normal;
max-width: 12ch;
}
.equip-card-highlight-divider {
width: 1px;
align-self: stretch;
background: var(--color-grey);
flex-shrink: 0;
}
.equip-card-number-label {
flex: 1;
min-width: 0;
font-size: 0.875rem;
color: var(--text-muted);
line-height: 1.35;
}
.equip-card-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 12px;
margin-bottom: 14px;
}
.equip-feature {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3px;
}
.equip-feature-icon {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(0, 116, 129, 0.08);
border: 1.5px solid rgba(0, 116, 129, 0.3);
margin-bottom: 6px;
}
.equip-feature-icon .icon {
width: 18px;
height: 18px;
color: var(--color-turquoise);
}
.equip-feature strong {
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 0.875rem;
}
.equip-feature p {
font-size: 0.75rem;
color: var(--text-muted);
line-height: 1.35;
}
.equip-card-cta {
align-self: flex-start;
min-height: 44px;
padding: 11px 22px;
font-size: 0.9375rem;
}
.equip-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 18px;
}
.equip-dot {
width: 9px;
height: 9px;
border-radius: 50%;
border: 0;
padding: 0;
background: var(--color-grey);
transition: background-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);
}
.equip-dot.is-active { background: var(--color-turquoise); transform: scale(1.25); }
.equip-subtrack { flex: 1; min-width: 0; }
.equip-subtrack [data-equip-slide] {
transition: opacity var(--dur-slow) var(--ease-standard), transform var(--dur-slow) var(--ease-standard);
}
.equip-subtrack [data-equip-slide].is-switching {
opacity: 0;
transform: translateY(8px);
}
@media (prefers-reduced-motion: reduce) {
.equip-subtrack [data-equip-slide].is-switching { opacity: 1; transform: none; }
} .equip-dryer-details { display: grid; }
.equip-dryer-detail {
grid-area: 1 / 1;
display: flex;
flex-direction: column;
transition: opacity var(--dur-fast) var(--ease-standard);
}
.equip-dryer-detail[hidden] {
display: flex !important;
visibility: hidden;
opacity: 0;
pointer-events: none;
} .equip-feature-flame { display: block; }
.flame-nowrap { white-space: nowrap; } .equip-card-features--edd { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr); }
@media (max-width: 560px) {
.equip-card-features--edd { grid-template-columns: 1fr; }
}
.equip-feature-flame .flame-icon { vertical-align: -4px; margin-left: 2px; }
@media (max-width: 560px) {
.equip-card-number--compact { max-width: 9ch; }
}
.flame-icon {
display: inline-block;
width: 18px;
height: 24px;
flex-shrink: 0;
transform-origin: 50% 100%;
animation: flame-flicker 1.1s ease-in-out infinite;
}
.flame-icon svg { display: block; width: 100%; height: 100%; overflow: visible; } .equip-card-number .flame-icon--stat { width: 0.6em; height: 0.8em; vertical-align: -0.08em; margin-left: 0.14em; }
.flame-outer { fill: #F26B1D; }
.flame-inner {
fill: #FFC53D;
transform-origin: 50% 100%;
animation: flame-core 0.8s ease-in-out infinite alternate;
}
@keyframes flame-flicker {
0%, 100% { transform: scale(1, 1) rotate(-2deg); }
25% { transform: scale(0.94, 1.08) rotate(2deg); }
50% { transform: scale(1.04, 0.95) rotate(-1deg); }
75% { transform: scale(0.97, 1.05) rotate(3deg); }
}
@keyframes flame-core {
from { transform: scale(0.9, 0.85); opacity: 0.85; }
to { transform: scale(1.05, 1.1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.flame-icon, .flame-inner { animation: none; }
}
.equip-card-media--placeholder svg { width: 100%; max-width: 280px; height: auto; }
.equip-card-variants {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
}
.equip-variant {
display: inline-flex;
align-items: center;
padding: 4px 12px;
border-radius: 999px;
border: 1px solid var(--color-turquoise);
color: var(--color-turquoise);
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 0.75rem;
}
button.equip-variant {
background: transparent;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease;
}
button.equip-variant:hover { background: rgba(2, 136, 183, 0.08); }
button.equip-variant.is-active {
background: var(--color-turquoise);
color: #fff;
}
.section-note {
font-size: var(--fs-small);
color: var(--text-muted);
margin-top: 16px;
text-align: center;
}
.equip-footnote {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 22px;
}
.equip-footnote .icon {
width: 18px;
height: 18px;
stroke: var(--color-turquoise);
stroke-width: 1.6;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
flex-shrink: 0;
}
.equip-footnote-divider {
width: 1px;
height: 16px;
background: var(--color-grey);
flex-shrink: 0;
} .social-proof-cta { margin-top: 14px; text-align: center; } .faq-wrap { max-width: 800px; margin: 0 auto; }
@media (min-width: 760px) {
.faq-wrap { max-width: 1100px; }
.accordion {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
grid-template-rows: repeat(5, auto);
column-gap: 48px;
}
.accordion-item:nth-child(6) { border-top: 1px solid var(--color-grey); }
} .final-cta {
position: relative;
background: radial-gradient(120% 140% at 100% 0%, var(--color-turquoise) 0%, var(--color-turquoise-dark) 55%);
overflow: hidden;
}
.final-cta-media {
position: absolute;
inset: 0;
z-index: 0;
}
.final-cta-media img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.3;
filter: blur(4px);
transform: scale(1.05);
}
.final-cta-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr;
gap: 32px;
}
@media (min-width: 980px) {
.final-cta-inner { grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
}
.final-cta-content .eyebrow { color: var(--text-on-dark); }
.final-cta-content h2 { margin-bottom: 16px; color: var(--text-on-dark); }
.final-cta-content p { max-width: 46ch; color: var(--text-muted-on-dark); } .site-footer {
padding-block: 24px;
background: var(--color-offwhite);
border-top: 1px solid var(--color-grey);
}
.site-footer .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
text-align: center;
}
.site-footer img { height: 22px; }
.site-footer p { font-size: var(--fs-small); color: var(--text-muted); }
.site-footer-credit { font-size: 0.75rem; }
.site-footer img.site-footer-credit-logo {
display: inline-block;
height: 12px;
width: auto;
vertical-align: baseline;
transform: translateY(1px);
} @media (max-width: 560px) { .hero-benefits { justify-items: start; width: fit-content; margin-inline: auto; }
.hero-benefit { justify-content: flex-start; } .process-cta .btn, .growth-cta .btn { display: block; width: 100%; }
.process-cta .btn .btn-arrow, .growth-cta .btn .btn-arrow {
display: inline-block; vertical-align: -3px; margin-left: 8px;
} .eff-indicator-highlight { row-gap: 4px; }
.eff-indicator-highlight .eff-indicator-number { flex-basis: 100%; } .equip-footnote { flex-direction: column; gap: 8px; }
.equip-footnote-divider { display: none; } [data-showcase-panel="secagem"] .equip-card-highlight { flex-direction: column; align-items: flex-start; row-gap: 6px; }
[data-showcase-panel="secagem"] .equip-card-highlight .equip-card-highlight-divider { display: none; }
[data-showcase-panel="secagem"] .equip-card-number--compact { max-width: none; } .case-viewer-col { position: relative; }
.case-viewer-row { gap: 0; }
.case-viewer-row .testimonial-nav-btn { position: absolute; bottom: 0; z-index: 2; }
.case-viewer-row .testimonial-nav-btn[data-case-prev] { left: 0; }
.case-viewer-row .testimonial-nav-btn[data-case-next] { right: 0; }
.case-dots-row { align-items: center; min-height: 44px; margin-top: 14px; }
.case-viewer { display: block; }
.case-slide[hidden] { display: none !important; }
} @media (max-width: 400px) {
.equip-tab { gap: 0; padding: 10px 6px; }
.equip-tab-icon { display: none; }
}
@media (max-width: 345px) {
.equip-tab { font-size: 0.75rem; padding-inline: 4px; }
}.lgpd-banner {
position: fixed;
z-index: 9999;
left: 20px;
bottom: 20px;
display: flex;
align-items: flex-start;
gap: 16px;
width: min(520px, calc(100vw - 40px));
padding: 20px 22px;
background: var(--color-white);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-elevated);
opacity: 0;
transform: translateY(12px);
transition: opacity 260ms ease, transform 260ms ease;
}
.lgpd-banner[hidden] { display: none; }
.lgpd-banner.is-visible { opacity: 1; transform: none; }
.lgpd-banner-icon {
flex: 0 0 auto;
width: 44px;
height: 44px;
color: var(--text-primary);
}
.lgpd-banner-icon svg { display: block; width: 100%; height: 100%; }
.lgpd-banner-body { min-width: 0; }
.lgpd-banner-title {
display: block;
margin-bottom: 4px;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: 1rem;
color: var(--text-primary);
}
.lgpd-banner p {
margin: 0 0 14px;
font-size: var(--fs-small);
line-height: 1.45;
color: var(--text-primary);
}
.lgpd-banner-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 16px;
}
.lgpd-btn {
appearance: none;
border: 1.5px solid transparent;
border-radius: 999px;
padding: 9px 26px;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-small);
line-height: 1.2;
cursor: pointer;
transition: background-color var(--dur-fast, 160ms) ease, color var(--dur-fast, 160ms) ease, border-color var(--dur-fast, 160ms) ease;
}
.lgpd-btn--ok {
background: var(--color-turquoise);
color: var(--color-white);
}
.lgpd-btn--ok:hover { background: var(--color-turquoise-dark); }
.lgpd-btn--no {
background: transparent;
color: var(--text-muted);
border-color: var(--color-grey);
}
.lgpd-btn--no:hover { color: var(--text-primary); border-color: var(--text-muted); }
.lgpd-btn:focus-visible,
.lgpd-banner-link:focus-visible {
outline: 2px solid var(--color-turquoise);
outline-offset: 2px;
}
.lgpd-banner-link {
font-size: var(--fs-small);
font-weight: var(--fw-book);
color: var(--text-primary);
text-decoration: underline;
text-underline-offset: 3px;
}
.lgpd-banner-link:hover { color: var(--color-turquoise); }
@media (max-width: 560px) {
.lgpd-banner {
left: 12px;
right: 12px;
bottom: 12px;
width: auto;
gap: 14px;
padding: 18px;
}
.lgpd-banner-icon { width: 36px; height: 36px; }
.lgpd-btn { padding: 9px 20px; }
}
@media (prefers-reduced-motion: reduce) {
.lgpd-banner { transition: none; }
} .site-footer-legal {
margin: 10px 0 0;
font-size: var(--fs-small);
}
.site-footer-legal a {
color: var(--text-muted);
text-decoration: underline;
text-underline-offset: 3px;
}
.site-footer-legal a:hover { color: var(--color-turquoise); }.lpg-privacidade-page { background: var(--color-white); }
.doc-container {
width: min(100% - 40px, 800px);
margin-inline: auto;
}
.doc-topbar {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
background: var(--color-offwhite);
padding: 20px 0;
}
.doc-logo-link { display: inline-block; }
.doc-topbar img { display: block; width: 120px; height: auto; }
.doc { padding: clamp(36px, 6vw, 72px) 0 clamp(56px, 8vw, 96px); }
.doc h1 {
margin: 0 0 clamp(24px, 4vw, 36px);
font-family: var(--font-display);
font-weight: var(--fw-black);
font-size: var(--fs-h2);
line-height: 1.15;
color: var(--text-primary);
text-wrap: balance;
}
.doc-controller {
padding: clamp(20px, 3vw, 28px);
margin-bottom: clamp(28px, 4vw, 40px);
background: var(--color-offwhite);
border-radius: var(--radius-md);
border-left: 4px solid var(--color-turquoise);
}
.doc-controller p { margin: 0 0 16px; }
.doc-controller dl { margin: 0; }
.doc-controller dt {
font-weight: var(--fw-bold);
font-size: var(--fs-small);
color: var(--text-muted);
margin-top: 12px;
}
.doc-controller dt:first-child { margin-top: 0; }
.doc-controller dd { margin: 2px 0 0; color: var(--text-primary); }
.doc-body h2 {
margin: clamp(32px, 4vw, 44px) 0 12px;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-h3);
line-height: 1.25;
color: var(--color-turquoise-dark);
}
.doc-body h3 {
margin: 28px 0 10px;
font-weight: var(--fw-bold);
font-size: 1.0625rem;
color: var(--text-primary);
}
.doc-body p,
.doc-body li { color: var(--text-muted); }
.doc-body p { margin: 0 0 14px; }
.doc-body ul { margin: 0 0 14px; padding-left: 22px; }
.doc-body li { margin-bottom: 8px; }
.doc-body strong { color: var(--text-primary); font-weight: var(--fw-bold); }
.doc-body a,
.doc-controller a { color: var(--color-turquoise); }
.doc-updated {
margin: clamp(32px, 5vw, 48px) 0 0;
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
font-size: var(--fs-small);
color: var(--text-muted);
}
.doc-back { margin: 28px 0 0; }