/* Fontes antecipadas no head: não trocar a tipografia depois de desenhar a página. */
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: optional; src: url(../fonts/font-1851150b35645dab.ttf) format('truetype-variations'); }
@font-face { font-family: 'KoHo'; font-style: normal; font-weight: 400; font-display: optional; src: url(../fonts/font-0adbd0d6100dadb5.ttf) format('truetype'); }
@font-face { font-family: 'KoHo'; font-style: normal; font-weight: 500; font-display: optional; src: url(../fonts/font-fdc76e15b23774da.ttf) format('truetype'); }
@font-face { font-family: 'KoHo'; font-style: normal; font-weight: 600; font-display: optional; src: url(../fonts/font-6fd8118852a26fe7.ttf) format('truetype'); }
@font-face { font-family: 'KoHo'; font-style: normal; font-weight: 700; font-display: optional; src: url(../fonts/font-4a1419cdd78435cb.ttf) format('truetype'); }
:root {
--primary: #0066a6;
--primary-dark: #0066a6;
--primary-light: #1e7bbf;
--secondary: #ddf1fd;
--secondary-light: #ddf1fd;
--black: #020202;
--white: #ffffff;
--gray-100: #f4f8fc;
--gray-200: #e8f2f9;
--gray-500: #52758b;
--gray-700: #3a5a70;
--focus: #0066a6;
--danger: #b3261e;
--nav-h: 72px;
--step--1: clamp(0.80rem, 0.76rem + 0.20vw, 0.90rem);
--step-0: clamp(0.95rem, 0.90rem + 0.25vw, 1.06rem);
--step-1: clamp(1.15rem, 1.05rem + 0.50vw, 1.40rem);
--step-2: clamp(1.45rem, 1.25rem + 1.00vw, 2.00rem);
--step-3: clamp(1.85rem, 1.45rem + 2.00vw, 2.90rem);
--step-4: clamp(2.30rem, 1.60rem + 3.40vw, 4.20rem);
--space-2xs: clamp(0.50rem, 0.45rem + 0.25vw, 0.65rem);
--space-xs: clamp(0.75rem, 0.65rem + 0.50vw, 1.05rem);
--space-s: clamp(1.10rem, 0.95rem + 0.75vw, 1.60rem);
--space-m: clamp(1.75rem, 1.40rem + 1.75vw, 2.90rem);
--space-l: clamp(2.75rem, 2.10rem + 3.25vw, 5.00rem);
--radius-s: 10px;
--radius-m: 16px;
--radius-l: 24px;
--shadow-s: 0 1px 2px rgba(0, 102, 166,.06), 0 2px 6px rgba(0, 102, 166,.05);
--shadow-m: 0 4px 10px rgba(0, 102, 166,.07), 0 12px 28px rgba(0, 102, 166,.07);
--shadow-l: 0 8px 20px rgba(0, 102, 166,.09), 0 24px 56px rgba(0, 102, 166,.10);
--ease-out: cubic-bezier(.22,.61,.36,1);
--primary-rgb: 0, 102, 166;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: 'KoHo', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
color: var(--black);
background: var(--white);
line-height: 1.6;
overflow-x: hidden;
}
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(var(--primary-rgb),0.1);
padding: 0 5%;
display: flex;
align-items: center;
justify-content: space-between;
height: var(--nav-h);
transition: box-shadow 0.3s;
}
nav.scrolled { box-shadow: 0 4px 24px rgba(var(--primary-rgb),0.12); }
.nav-logo {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
}
.nav-logo img {
height: 48px;
width: 48px;
object-fit: contain;
}
.nav-logo-text {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.nav-logo-text span:first-child {
font-size: 1.1rem;
font-weight: 700;
color: var(--primary);
letter-spacing: -0.02em;
}
.nav-logo-text span:last-child {
font-size: 0.65rem;
font-weight: 500;
color: var(--gray-500);
letter-spacing: 0.08em;
text-transform: uppercase;
}
.nav-links {
display: flex;
align-items: center;
gap: 32px;
list-style: none;
}
.nav-links a {
text-decoration: none;
font-size: 0.875rem;
font-weight: 500;
color: var(--gray-700);
transition: color 0.2s;
position: relative;
}
.nav-links a::after {
content: '';
position: absolute;
bottom: -4px; left: 0;
width: 0; height: 2px;
background: var(--primary);
transition: width 0.3s;
border-radius: 1px;
}
.nav-links a:hover { color: var(--primary); }
.nav-links a:hover::after { width: 100%; }
.nav-cta-pro {
background: var(--primary) !important;
color: var(--white) !important;
padding: 10px 22px;
border-radius: 50px;
font-weight: 700 !important;
border: 1.5px solid var(--primary);
transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
box-shadow: 0 4px 14px rgba(var(--primary-rgb),0.28);
}
.nav-cta-pro::after { display: none !important; }
.prof-submit-row { display: flex; gap: 10px; }
.prof-submit-row .prof-submit { flex: 1; justify-content: center; font-size: 0.88rem; padding: 11px 10px; }
.prof-submit-wa { background: #25d366; border-color: #25d366; }
.prof-submit-wa:hover { background: #1da851 !important; border-color: #1da851 !important; }
.prof-submit-email { background: var(--primary); border-color: var(--primary); color: var(--white); }
.nav-cta-pro:hover { background: var(--primary-dark) !important; color: var(--white) !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(var(--primary-rgb),0.38) !important; }
.hamburger {
display: none;
flex-direction: column;
gap: 5px;
cursor: pointer;
background: none;
border: none;
padding: 4px;
}
.hamburger span {
display: block;
width: 24px; height: 2px;
background: var(--primary);
border-radius: 2px;
transition: all 0.3s;
}
.hero-side-card {
position: absolute;
right: 6%;
top: 50%;
transform: translateY(-50%);
z-index: 2;
display: flex;
flex-direction: column;
background: #ffffff;
border: 1px solid rgba(var(--primary-rgb),0.12);
border-radius: 22px;
overflow: hidden;
min-width: 210px;
box-shadow: 0 12px 40px rgba(2,2,2,0.16);
}
.hsc-section {
padding: 22px 26px;
border-bottom: 1px solid rgba(var(--primary-rgb),0.08);
display: flex;
align-items: center;
gap: 12px;
color: var(--primary);
transition: background 0.2s;
}
.hsc-section:last-child { border-bottom: none; }
.hsc-section:hover { background: rgba(183,224,246,0.25); }
.hsc-dot {
width: 9px; height: 9px;
background: #4ade80;
border-radius: 50%;
flex-shrink: 0;
animation: pulse-dot 2s infinite;
}
.hsc-label {
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--primary);
text-transform: uppercase;
}
.hsc-stars { display: flex; gap: 2px; }
.hsc-stars svg { width: 13px; height: 13px; }
.hsc-rating-label {
font-size: 0.68rem;
color: var(--gray-500);
font-weight: 500;
letter-spacing: 0.05em;
}
.hsc-link {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: var(--primary);
font-size: 0.85rem;
font-weight: 600;
width: 100%;
}
.hsc-link-icon {
width: 38px; height: 38px;
background: rgba(var(--primary-rgb),0.08);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.hsc-link-icon svg { width: 18px; height: 18px; color: var(--primary); }
.hsc-link-text { display: flex; flex-direction: column; gap: 2px; }
.hsc-link-text span { font-size: 0.78rem; color: var(--primary); font-weight: 700; }
.hsc-link-text small { font-size: 0.67rem; color: var(--gray-500); font-weight: 400; }
@media (max-width: 860px) {
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card::before { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card { background: linear-gradient(180deg, #ffffff 0%, var(--gray-100) 55%, var(--gray-200) 100%) !important; border: 1px solid var(--gray-200) !important; box-shadow: 0 6px 14px rgba(0, 40, 70, .18), 0 2px 3px rgba(0, 40, 70, .12), 0 -2px 6px rgba(0, 40, 70, .06), 4px 0 8px rgba(0, 40, 70, .06), -4px 0 8px rgba(0, 40, 70, .06), inset 0 2px 0 rgba(255,255,255,1), inset 0 -3px 0 rgba(0, 40, 70, .07) !important; transition: transform .15s ease, box-shadow .15s ease, background-color .25s ease !important; -webkit-tap-highlight-color: transparent; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card:active { transform: translateY(2px) !important; background: var(--gray-200) !important; box-shadow: 0 1px 2px rgba(0, 40, 70, .14), inset 0 3px 6px rgba(0, 40, 70, .14) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card > .faq-card-cab { position: relative !important; padding-bottom: 26px !important; cursor: pointer; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card > .faq-card-cab h3 { color: var(--black) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card .faq-card-mais { display: block !important; position: absolute !important; left: 50% !important; bottom: 8px !important; width: 14px !important; height: 14px !important; margin: 0 0 0 -7px !important; padding: 0 !important; background: none !important; border-radius: 0 !important; font-size: 0 !important; color: transparent !important; transition: transform .25s ease !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card .faq-card-mais::before { content: ""; position: absolute; left: 3px; top: 1px; width: 7px; height: 7px; border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary); transform: rotate(45deg); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card.faq-card-on { background: var(--primary) !important; border-color: var(--primary) !important; box-shadow: 0 1px 2px rgba(0, 40, 70, .16), inset 0 3px 7px rgba(0, 0, 0, .28), inset 0 -1px 0 rgba(255,255,255,.15) !important; transform: translateY(2px) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card.faq-card-on > .faq-card-cab h3 { color: var(--white) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card.faq-card-on .faq-card-mais { transform: rotate(180deg) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card.faq-card-on .faq-card-mais::before { border-color: var(--white); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card.faq-card-on .service-icon { background: var(--white) !important; border-radius: 12px !important; }
.hor-col-l, .faq-col-l { display: contents; }
.hor-tab, .faq-teste-row { display: none; } .hero-side-card { display: none; } }
.hero {
min-height: 78vh;
background: var(--gray-100);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: 0 5%;
}
.hero::before {
content: '';
position: absolute;
top: -20%; right: -10%;
width: 600px; height: 600px;
background: radial-gradient(circle, rgba(var(--primary-rgb),0.06) 0%, transparent 70%);
border-radius: 50%;
}
.hero::after {
content: '';
position: absolute;
bottom: -10%; left: -5%;
width: 400px; height: 400px;
background: radial-gradient(circle, rgba(183,224,246,0.35) 0%, transparent 70%);
border-radius: 50%;
}
.hero-content { position:relative; z-index:2;
position: relative;
z-index: 2;
max-width: 54%;
color: var(--primary);
}
@keyframes pulse-dot {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.5; transform: scale(0.8); }
}
.hero h1 {
font-size: clamp(2.4rem, 5vw, 4rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.03em;
margin-bottom: 24px;
}
.hero h1 em {
font-style: normal;
color: var(--primary);
}
.hero h1 strong { color: var(--primary); }
html body .hero h1 {
font-family: 'KoHo', 'Figtree', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
font-weight: 500; letter-spacing: -.01em; line-height: 1.28 !important; font-size: clamp(1.9rem, 1.5rem + 1.7vw, 2.65rem) !important;
}
html body .hero h1 strong, html body .hero h1 em { font-weight: 600; }
html body .hero h1 em.h1-leve { font-weight: 500; }
.hero p {
font-size: 1.15rem;
color: var(--gray-500);
max-width: 500px;
margin-bottom: 40px;
line-height: 1.7;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}
@keyframes icon-bubble {
0% { opacity: 0; transform: translateY(0) scale(0.7); }
20% { opacity: 0.9; }
80% { opacity: 0.5; }
100% { opacity: 0; transform: translateY(-12px) scale(1.4); }
}
@keyframes icon-heat {
0%, 100% { opacity: 0.3; transform: translateY(0); }
50% { opacity: 1; transform: translateY(-6px); }
}
section { padding: 100px 5%; }
.section-title {
font-size: clamp(1.8rem, 3.5vw, 2.8rem);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.2;
color: var(--black);
margin-bottom: 16px;
}
.section-subtitle {
font-size: 1.05rem;
color: var(--gray-500);
max-width: 540px;
line-height: 1.7;
}
.section-header {
margin-bottom: 60px;
}
.section-header.centered {
text-align: center;
}
.section-header.centered .section-subtitle {
margin: 0 auto;
}
.stats-strip {
background: var(--primary);
padding: 20px 5% 44px;
position: relative;
margin-top: 0;
}
.stats-wave-svg {
position: absolute;
top: -58px; left: 0; right: 0;
width: 100%; height: 60px;
display: block; pointer-events: none;
}
.stats-grid {
display: flex;
justify-content: center;
gap: 80px;
flex-wrap: nowrap;
}
.stat-item {
text-align: center;
color: var(--white);
}
.stat-item strong {
display: block;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: -0.04em;
line-height: 1;
margin-bottom: 6px;
color: var(--secondary);
}
.stat-item span {
font-size: 0.85rem;
font-weight: 500;
opacity: 0.85;
letter-spacing: 0.02em;
}
.services { background: var(--gray-100); }
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 24px;
}
.service-card {
background: var(--white);
border-radius: 20px;
padding: 36px 32px;
position: relative;
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
border: 1px solid var(--gray-200);
}
.service-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 48px rgba(var(--primary-rgb),0.12);
}
.service-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary), var(--secondary));
}
.service-icon {
width: 64px; height: 64px;
background: var(--secondary-light);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}
.service-icon svg {
width: 32px; height: 32px;
color: var(--primary);
}
.service-card h3 {
font-size: 1.3rem;
font-weight: 700;
color: var(--black);
margin-bottom: 12px;
letter-spacing: -0.02em;
}
.service-card p {
color: var(--gray-500);
font-size: 0.95rem;
line-height: 1.7;
margin-bottom: 24px;
}
.service-features {
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.service-features li {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.875rem;
color: var(--gray-700);
font-weight: 500;
}
.service-features li::before {
content: '';
width: 20px; height: 20px;
background: var(--secondary);
border-radius: 50%;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230066a6'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-size: 12px;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 680px) {
}
@media (max-width: 860px) { }
@media (max-width: 560px) { }
@media (max-width: 520px) { }
@media (max-width: 780px) { }
.nav-has-dropdown {
display: inline-flex !important;
align-items: center;
gap: 5px;
transition: background 0.2s, border-color 0.2s !important;
}
.nav-has-dropdown::after { display: none !important; }
.nav-has-dropdown:hover { background: rgba(var(--primary-rgb),0.13) !important; border-color: rgba(var(--primary-rgb),0.3) !important; color: var(--primary) !important; }
.nav-has-dropdown .chevron { color: var(--primary); }
.nav-drop-pro { border-top: 1px solid var(--gray-100); background: linear-gradient(to right, rgba(var(--primary-rgb),0.04), transparent); }
.nav-drop-pro strong { color: var(--primary) !important; }
.nav-drop-icon-pro { background: var(--primary) !important; color: var(--white) !important; }
.nav-drop-pro:hover .nav-drop-icon-pro { background: var(--primary-dark) !important; }
.nav-dropdown { position: relative; }
.nav-dropdown > a { display: flex; align-items: center; gap: 5px; }
.nav-dropdown > a .chevron {
width: 14px; height: 14px; transition: transform 0.2s;
}
.nav-dropdown:hover > a .chevron { transform: rotate(180deg); }
.nav-drop-menu {
display: none;
position: absolute;
top: calc(100% + 14px);
left: 50%;
transform: translateX(-50%);
background: var(--white);
border-radius: 18px;
box-shadow: 0 16px 48px rgba(var(--primary-rgb),0.16);
border: 1px solid var(--gray-200);
min-width: 240px;
overflow: hidden;
z-index: 300;
}
.nav-dropdown:hover .nav-drop-menu { display: block; }
.nav-drop-item {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 22px;
text-decoration: none;
color: var(--black);
font-size: 0.875rem;
font-weight: 600;
border-bottom: 1px solid var(--gray-100);
transition: background 0.15s, color 0.15s;
cursor: pointer;
}
.nav-drop-item:last-child { border-bottom: none; }
.nav-drop-item:hover { background: var(--gray-100); color: var(--primary); }
.nav-drop-icon {
width: 38px; height: 38px; flex-shrink: 0;
background: var(--secondary-light);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
color: var(--primary);
transition: background 0.15s;
}
.nav-drop-item:hover .nav-drop-icon { background: var(--secondary); }
.nav-drop-icon svg { width: 20px; height: 20px; }
.nav-loc-item .nav-drop-icon { font-size: 1.3rem; background: var(--gray-100); }
.nav-loc-item:hover .nav-drop-icon { background: var(--secondary-light); }
.nav-drop-text { display: flex; flex-direction: column; gap: 1px; }
.nav-drop-text strong { font-size: 0.875rem; font-weight: 700; color: var(--black); }
.nav-drop-text span { font-size: 0.72rem; color: var(--gray-500); font-weight: 400; }
.services-tabs {
display: flex;
gap: 24px;
justify-content: center;
margin: 44px 0 44px;
flex-wrap: nowrap;
}
.svc-tab {
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
padding: 36px 28px 32px;
border-radius: 22px;
border: 2px solid var(--gray-200);
background: var(--white);
color: var(--gray-500);
font-family: inherit;
font-size: 0.95rem;
font-weight: 700;
cursor: pointer;
transition: all 0.25s;
flex: 1;
max-width: 340px;
min-width: 220px;
letter-spacing: 0.01em;
box-shadow: 0 4px 16px rgba(var(--primary-rgb),0.07);
}
.svc-tab:hover {
border-color: var(--primary);
box-shadow: 0 6px 24px rgba(var(--primary-rgb),0.12);
transform: translateY(-3px);
}
.svc-tab.active {
background: var(--primary);
border-color: var(--primary);
box-shadow: 0 8px 28px rgba(var(--primary-rgb),0.28);
transform: translateY(-3px);
}
.svc-panel { display: none; }
.svc-panel.active { display: block; }
@keyframes tab-drum-spin { to { transform: rotate(360deg); } }
@keyframes tab-steam {
0% { opacity: 0; transform: translateY(0) scale(0.8); }
35% { opacity: 1; }
100% { opacity: 0; transform: translateY(-9px) scale(1.2); }
}
@keyframes tab-needle {
0%, 40%, 100% { transform: translateY(0); }
20% { transform: translateY(7px); }
}
@keyframes tab-wheel { to { transform: rotate(360deg); } }
.tab-drum { transform-box: fill-box; transform-origin: center; animation: tab-drum-spin 2.5s linear infinite; }
.tab-steam1 { animation: tab-steam 2.2s ease-out infinite; }
.tab-steam2 { animation: tab-steam 2.2s ease-out 0.55s infinite; }
.tab-steam3 { animation: tab-steam 2.2s ease-out 1.1s infinite; }
.tab-needle { transform-box: fill-box; transform-origin: top center; animation: tab-needle 0.75s ease-in-out infinite; }
.tab-wheel { transform-box: fill-box; transform-origin: center; animation: tab-wheel 1.8s linear infinite; }
@media (max-width: 1100px) { }
@media (max-width: 640px) { }
@media (max-width: 400px) { }
.schedule { background: var(--gray-100); }
.schedule-card {
background: var(--white);
border-radius: 18px;
overflow: hidden;
box-shadow: 0 6px 28px rgba(var(--primary-rgb),0.09);
}
.schedule-card-header {
background: var(--primary);
padding: 16px 22px;
color: var(--white);
}
.schedule-card-header h3 {
font-size: 1rem;
font-weight: 700;
margin-bottom: 2px;
}
.schedule-card-header span {
font-size: 0.75rem;
opacity: 0.75;
}
.schedule-body {
padding: 0;
}
.schedule-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 9px 20px;
border-bottom: 1px solid var(--gray-200);
transition: background 0.2s;
}
.schedule-row:last-child { border-bottom: none; }
.schedule-row:hover { background: var(--gray-100); }
.schedule-row.today {
background: var(--secondary-light);
}
.schedule-row.today .day { color: var(--primary); font-weight: 700; }
.schedule-row .day {
font-size: 0.82rem;
font-weight: 500;
color: var(--gray-700);
min-width: 100px;
}
.schedule-row .time {
font-size: 0.82rem;
font-weight: 700;
color: var(--primary);
}
.time-pair {
display: flex;
align-items: center;
gap: 18px;
}
.time-pair .time { font-size: 0.82rem; font-weight: 700; color: var(--primary); }
.time-pair .time-divider {
width: 1px; height: 14px;
background: rgba(var(--primary-rgb), .22);
flex-shrink: 0;
}
.schedule-row .today-tag {
background: var(--primary);
color: var(--white);
font-size: 0.65rem;
font-weight: 700;
padding: 3px 8px;
border-radius: 20px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.reviews { background: var(--gray-100); }
.reviews-hero {
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
border-radius: 24px;
padding: 60px 48px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 56px;
gap: 40px;
flex-wrap: nowrap;
color: var(--white);
}
.reviews-score {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: nowrap;
}
.big-score {
font-size: 5rem;
font-weight: 700;
line-height: 1;
letter-spacing: -0.04em;
color: var(--secondary);
}
.score-detail { display: flex; flex-direction: column; gap: 6px; }
.score-stars {
display: flex;
gap: 4px;
}
.score-stars svg { width: 24px; height: 24px; }
.score-detail span {
font-size: 0.85rem;
opacity: 0.8;
}
.reviews-cta { text-align: right; }
.reviews-cta p {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 16px;
opacity: 0.9;
}
.btn-google {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--white);
color: var(--primary);
font-weight: 700;
font-size: 0.9rem;
padding: 14px 28px;
border-radius: 50px;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 4px 16px rgba(2,2,2,0.15);
}
.btn-google:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(2,2,2,0.2);
}
.reviews-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.review-card {
background: var(--gray-100);
border-radius: 16px;
padding: 28px;
border: 1px solid var(--gray-200);
transition: transform 0.2s, box-shadow 0.2s;
}
.review-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(var(--primary-rgb),0.1);
}
.review-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.reviewer-avatar {
width: 44px; height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-weight: 700;
color: var(--white);
flex-shrink: 0;
}
.reviewer-info strong {
display: block;
font-size: 0.9rem;
font-weight: 700;
color: var(--black);
}
.reviewer-info span {
font-size: 0.75rem;
color: var(--gray-500);
}
.review-stars { display: flex; gap: 2px; margin-bottom: 12px; }
.review-stars svg { width: 16px; height: 16px; }
.review-text {
font-size: 0.9rem;
color: var(--gray-700);
line-height: 1.65;
font-style: italic;
}
.google-badge {
display: flex;
align-items: center;
gap: 6px;
margin-top: 16px;
font-size: 0.72rem;
color: var(--gray-500);
font-weight: 500;
}
.location { background: var(--gray-100); }
.schedule-dual {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
margin-top: 36px;
}
.schedule-card-badge {
display: inline-flex;
align-items: center;
gap: 5px;
background: rgba(255,255,255,0.18);
border: 1px solid rgba(255,255,255,0.3);
border-radius: 50px;
padding: 3px 10px;
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--secondary);
margin-bottom: 5px;
}
.schedule-card-badge .dot {
width: 6px; height: 6px;
background: #4ade80;
border-radius: 50%;
animation: pulse-dot 2s infinite;
}
@media (max-width: 700px) {
.schedule-dual { grid-template-columns: 1fr; }
}
footer { background: #0066a6; color: rgba(255,255,255,0.9); padding: 64px 5% 0; }
.footer-inner { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 64px; margin-bottom: 52px; align-items: flex-start; }
.footer-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.footer-brand img { width: 54px; height: 54px; flex: 0 0 auto; border-radius: 50%; background: #fff; }
.footer-brand-text span:first-child { display: block; font-size: 1.4rem; font-weight: 700; color: #fff; letter-spacing: -0.02em; margin-bottom: 5px; }
.footer-brand-text span:last-child { display: block; font-size: 0.65rem; letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.62; }
.footer-quote { font-size: 0.95rem; font-weight: 700; color: #fff; margin-bottom: 8px; line-height: 1.45; letter-spacing: -.01em; }
.footer-desc { font-size: 0.82rem; color: rgba(255,255,255,0.42); line-height: 1.65; margin-bottom: 28px; max-width: 320px; }
.footer-socials { display: flex; gap: 10px; }
.footer-social { width: 44px; height: 44px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14); border-radius: 11px; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: background 0.2s; }
.footer-social:hover { background: rgba(255,255,255,0.18); }
.footer-col h4 { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.38); margin: 0 0 22px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 16px; padding: 0; }
.footer-col ul a { font-size: 0.9rem; color: rgba(255,255,255,0.88); text-decoration: none; transition: color 0.2s; }
.footer-col ul a:hover { color: #fff; }
.footer-contact-items { display: flex; flex-direction: column; gap: 20px; }
.footer-contact-item { display: flex; align-items: flex-start; gap: 13px; font-size: 0.88rem; color: rgba(255,255,255,0.88); line-height: 1.55; }
.footer-contact-icon { flex-shrink: 0; margin-top: 2px; color: #fff; opacity: 1; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.07); padding: 22px 0; display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; color: rgba(255,255,255,0.3); }
@media (max-width: 860px) { .footer-inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer-inner { grid-template-columns: 1fr; } }
.lang-toggle {
display: flex; align-items: center; gap: 4px;
background: rgba(var(--primary-rgb),0.08);
border: 1.5px solid rgba(var(--primary-rgb),0.18);
border-radius: 50px;
padding: 5px 12px;
cursor: pointer;
position: relative; z-index: 1;
transition: background 0.2s;
}
.lang-toggle:hover { background: rgba(var(--primary-rgb),0.14); }
.lang-btn {
font-size: 0.78rem; font-weight: 700;
letter-spacing: 0.06em;
color: var(--gray-500);
transition: color 0.2s;
user-select: none;
}
.lang-btn.active { color: var(--primary); }
.whatsapp-float {
position: fixed;
bottom: 28px;
right: 28px;
width: 60px; height: 60px;
background: #25d366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 24px rgba(37,211,102,0.4);
z-index: 9000;
text-decoration: none;
transition: transform 0.3s, box-shadow 0.3s;
}
.whatsapp-float:hover {
transform: scale(1.1);
box-shadow: 0 12px 32px rgba(37,211,102,0.5);
}
.whatsapp-float svg { width: 32px; height: 32px; color: white; }
@media (max-width: 860px) {
.reviews-cta { text-align: left; }
.reviews-hero { padding: 40px 28px; }
.reviews-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
nav { padding: 0 4%; }
section { padding: 72px 4%; }
.reviews-hero { flex-direction: column; }
.reviews-cards { grid-template-columns: 1fr; }
}
.profissionais { background: var(--white); }
.prof-hero { text-align: center; max-width: 700px; margin: 0 auto 56px; }
.prof-hero h2 { font-size: clamp(1.9rem, 4vw, 2.9rem); font-weight: 700; margin: 16px 0 20px; line-height: 1.15; }
.prof-hero h2 em { font-style: normal; color: var(--primary); }
.prof-hero > p { color: var(--gray-500); font-size: 1rem; line-height: 1.75; margin-bottom: 36px; }
.prof-sectors { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.prof-mqs { display: none; }
.prof-sector {
display: inline-flex; align-items: center; gap: 8px;
background: var(--gray-100); border: 1.5px solid var(--gray-200);
border-radius: 50px; padding: 10px 20px;
font-size: 0.875rem; font-weight: 600; color: var(--gray-700);
transition: all 0.2s; cursor: default;
}
.prof-sector:hover { border-color: var(--primary); color: var(--primary); transform: translateY(-2px); box-shadow: 0 4px 14px rgba(var(--primary-rgb),0.1); }
.prof-feats-col { display: flex; flex-direction: column; gap: 8px; height: 100%; }
.prof-feat-rect {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
background: var(--white);
border: 1.5px solid rgba(var(--primary-rgb), .12);
border-radius: 14px;
padding: 11px 16px;
transition: box-shadow 0.2s, transform 0.2s;
}
.prof-feat-rect:hover { box-shadow: 0 6px 20px rgba(var(--primary-rgb),0.1); transform: translateY(-2px); }
.prof-feat-rect .prof-feat-icon {
width: 44px; height: 44px; min-width: 44px;
background: var(--secondary-light);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
color: var(--primary);
}
.prof-feat-rect .prof-feat-icon svg { width: 20px; height: 20px; }
.prof-feat-rect-body h3 { font-size: 0.95rem; font-weight: 700; color: var(--black); margin: 0 0 4px; }
.prof-feat-rect-body p { font-size: 0.81rem; color: var(--gray-500); line-height: 1.6; margin: 0; }
.prof-closing {
margin-top: 52px;
padding: 36px 40px;
background: var(--primary);
border-radius: 20px;
text-align: center;
}
.prof-closing-inline {
margin-top: 0;
padding: 16px 18px;
border-radius: 14px;
text-align: left;
}
.prof-closing-inline .prof-closing-quote { font-size: 1.05rem; }
.prof-closing-inline .prof-closing-sub { font-size: 0.8rem; }
.prof-closing-quote {
font-size: 1.45rem;
font-weight: 700;
color: var(--white);
line-height: 1.4;
letter-spacing: -0.01em;
}
.prof-closing-quote em { color: #ddf1fd; font-style: normal; }
.prof-closing-sub {
margin-top: 10px;
font-size: 0.85rem;
color: rgba(255,255,255,0.88);
}
.prof-feat-icon {
width: 48px; height: 48px; background: var(--secondary-light); border-radius: 12px;
display: flex; align-items: center; justify-content: center; color: var(--primary); margin-bottom: 20px;
}
.prof-feat-icon svg { width: 24px; height: 24px; }
.prof-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; }
.prof-form-wrap {
background: var(--white); border-radius: 28px; padding: 26px 28px;
border: 1px solid var(--gray-200); box-shadow: 0 8px 40px rgba(var(--primary-rgb),0.09);
}
.prof-form-wrap h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 6px; color: var(--black); }
.prof-form-wrap > p { color: var(--gray-500); font-size: 0.88rem; line-height: 1.6; margin-bottom: 14px; white-space: nowrap; }
@media (max-width: 860px) {
.prof-form-wrap { padding: 20px 14px !important; }
.prof-form-wrap > p { font-size: clamp(.85rem, 3.6vw, 1.02rem); }
}
.prof-form { display: flex; flex-direction: column; gap: 14px; }
.prof-field-row { display: flex; flex-wrap: wrap; gap: 12px; }
.prof-error:empty { display: none; }
.prof-field-row .prof-field { flex: 1 1 180px; min-width: 0; }
@media (max-width: 860px) {
.prof-field-row { flex-wrap: nowrap; }
.prof-field-row .prof-field:first-child { flex: 1.6 1 0; }
.prof-field-row .prof-field:last-child { flex: 1 1 0; }
.prof-field-row:has(#pf-nif) .prof-field:first-child { flex: 4 1 0; }
.prof-field-row:has(#pf-nif) .prof-field:last-child { flex: 6 1 0; }
.prof-status:empty { display: none; }
.prof-submit-note { margin-top: 0; }
.colab-banner { gap: 12px; padding: 14px 2px 0; }
.colab-row .colab-ico { width: 56px; height: 56px; }
.colab-ico { border-radius: 11px; }
.colab-row { gap: 12px; }
.colab-ico svg { width: 24px; height: 24px; }
.colab-frase { font-size: .86rem; line-height: 1.45; }
.colab-tags .ssd-item-tag { white-space: normal; }
.prof-field-row + .prof-field-row .prof-field:first-child { flex: 1 1 0; }
.prof-field-row + .prof-field-row .prof-field:last-child { flex: 1.6 1 0; }
}
.prof-field { display: flex; flex-direction: column; gap: 6px; }
.prof-field label {
font-size: 0.68rem; font-weight: 700; letter-spacing: 0.09em;
text-transform: uppercase; color: var(--gray-700);
}
.prof-field input,
.prof-field textarea {
width: 100%; padding: 9px 13px; border-radius: 10px;
border: 1.5px solid var(--gray-200); background: var(--gray-100);
font-family: inherit; font-size: 0.9rem; color: var(--black);
transition: border-color 0.2s, background 0.2s; box-sizing: border-box;
appearance: auto;
}
.prof-field input::placeholder, .prof-field textarea::placeholder { color: var(--gray-500); }
.prof-field input:focus,
.prof-field textarea:focus {
outline: none; border-color: var(--primary); background: var(--white);
}
.prof-field textarea { resize: none; height: 96px; min-height: 96px; line-height: 1.5; }
.prof-submit {
width: 100%; padding: 12px; border-radius: 50px; margin-top: 2px;
background: var(--primary-dark); color: var(--white); border: none;
font-family: inherit; font-size: 1rem; font-weight: 700; cursor: pointer;
display: flex; align-items: center; justify-content: center; gap: 10px;
transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
box-shadow: 0 6px 20px rgba(var(--primary-rgb),0.3);
}
.prof-submit:hover { filter: brightness(0.88); transform: translateY(-2px); box-shadow: 0 10px 28px rgba(var(--primary-rgb),0.4); }
.prof-submit-note { text-align: center; font-size: 0.74rem; color: var(--gray-500); margin-top: 10px; }
@media (max-width: 1000px) { }
@media (max-width: 780px) { .prof-bottom { grid-template-columns: 1fr; } }
@media (max-width: 560px) { }
.loc-tabs { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:40px; }
.loc-tab {
display:inline-flex; align-items:center; gap:8px; padding:11px 24px;
border-radius:50px; border:1.5px solid var(--gray-200); background:var(--white);
font-family:inherit; font-size:0.9rem; font-weight:600; cursor:pointer;
transition:all 0.22s; color:var(--gray-700);
}
.loc-tab:hover { border-color:var(--primary); color:var(--primary); }
.loc-tab.active { background:var(--primary); border-color:var(--primary); color:var(--white); box-shadow:0 4px 16px rgba(var(--primary-rgb),0.28); }
.loc-panel { display:none; }
.loc-panel.active { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:stretch; }
.loc-card-header { display:flex; align-items:center; gap:16px; margin-bottom:14px; }
.loc-card-emoji { font-size:2.4rem; flex-shrink:0; margin-bottom:0; display:block; line-height:1; }
.loc-card h3 { margin-bottom:0; font-size:1.2rem; }
.loc-card { background:#f4f8fc; border-radius:24px; padding:36px 32px; border:2px solid rgba(var(--primary-rgb),.14); display:flex; flex-direction:column; }
.loc-card-emoji { font-size:2.6rem; margin-bottom:20px; display:block; }
.loc-card h3 { font-size:1.25rem; font-weight: 700; margin-bottom:10px; color:var(--black); }
.loc-card > p { font-size:0.875rem; color:var(--gray-500); line-height:1.65; margin-bottom:24px; }
.loc-bullets { display:flex; flex-direction:column; gap:16px; margin-bottom:28px; }
.loc-bullet { display:flex; align-items:flex-start; gap:14px; }
.loc-bullet-icon { width:38px; height:38px; border-radius:10px; background:var(--primary-dark); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.loc-bullet-text strong { display:block; font-size:0.875rem; font-weight:700; color:var(--black); margin-bottom:2px; }
.loc-bullet-text span { font-size:0.775rem; color:var(--gray-500); line-height:1.5; display:block; }
.loc-btn { display:inline-flex; align-items:center; gap:8px; padding:13px 26px; border-radius:50px; background:var(--primary-dark); color:var(--white); font-family:inherit; font-size:0.9rem; font-weight:700; text-decoration:none; border:none; cursor:pointer; transition:background 0.2s, transform 0.2s; }
.loc-btn:hover { transform:translateY(-2px); }
.loc-right { display:flex; flex-direction:column; gap:14px; height:100%; }
.loc-tip { background:var(--primary); border-radius:16px; padding:20px 24px; color:var(--white); }
.loc-tip strong { display:flex; align-items:center; gap:8px; font-size:0.95rem; margin-bottom:8px; }
.loc-tip p { font-size:0.85rem; opacity:0.9; line-height:1.6; margin:0; }
.loc-infobox { background:var(--gray-100); border-radius:16px; padding:20px 22px; border:1px solid var(--gray-200); }
.loc-infobox-title { font-size:0.68rem; font-weight: 700; letter-spacing:0.1em; text-transform:uppercase; color:var(--gray-500); margin-bottom:14px; }
.loc-infobox-items { display:flex; flex-direction:column; gap:10px; }
.loc-infobox-item { font-size:0.85rem; color:var(--gray-700); line-height:1.4; }
.loc-top-row { display:flex; gap:12px; align-items:stretch; }
.loc-top-row .loc-tip { flex:1; font-size:0.82rem; padding:14px 16px; }
.loc-top-row .loc-tip strong { font-size:0.85rem; margin-bottom:6px; }
.loc-top-row .loc-tip p { font-size:0.78rem; line-height:1.5; }
.loc-top-row .loc-infobox { flex:1; padding:14px 16px; }
.loc-top-row .loc-infobox-title { font-size:0.63rem; margin-bottom:10px; }
.loc-top-row .loc-infobox-item { font-size:0.76rem; }
.loc-map-inline { margin-top:0; border-radius:14px; overflow:hidden; flex:1; min-height:200px; border:1px solid var(--gray-200); }
.loc-map-inline iframe { width:100%; height:100%; border:none; display:block; }
@media (max-width:780px) { .loc-panel.active { grid-template-columns:1fr; } }
.section-sep {
height: 1px;
background: linear-gradient(90deg, transparent 0%, var(--secondary) 25%, var(--primary) 50%, var(--secondary) 75%, transparent 100%);
margin: 0;
opacity: 0.45;
}
.fade-up {
transition: opacity 0.6s ease, transform 0.6s ease;
}
.js-reveal .fade-up:not(.visible) {
opacity: 0;
transform: translateY(30px);
}
.fade-up.visible {
opacity: 1;
transform: translateY(0);
}
html {
scroll-padding-top: calc(var(--nav-h) + 12px);
}
.hsc-rating-label { color: var(--gray-700); }
.hsc-link-text small { color: var(--gray-700); }
:focus-visible {
outline: 3px solid var(--focus);
outline-offset: 2px;
border-radius: 4px;
}
:focus:not(:focus-visible) { outline: none; }
.nav-links a:focus-visible,
.svc-tab:focus-visible,
.loc-tab:focus-visible,
.loc-btn:focus-visible,
.prof-submit:focus-visible,
.footer-social:focus-visible,
.whatsapp-float:focus-visible {
outline: 3px solid var(--focus);
outline-offset: 3px;
}
.whatsapp-float:focus-visible { outline-color: #0a5c2a; }
.skip-link {
position: absolute;
left: 12px;
top: -100px;
z-index: 999;
background: var(--primary);
color: var(--white);
padding: 12px 20px;
border-radius: 0 0 10px 10px;
font-weight: 700;
font-size: 0.9rem;
text-decoration: none;
transition: top 0.15s;
}
.skip-link:focus { top: 0; }
.lang-btn {
background: none;
border: none;
font-family: inherit;
cursor: pointer;
padding: 8px 10px;
min-height: 44px;
line-height: 1;
color: var(--gray-700);
}
.lang-btn[aria-pressed="true"] { color: var(--primary); font-weight: 700; }
.nav-dropdown.is-open > .nav-drop-menu,
.nav-dropdown:focus-within > .nav-drop-menu { display: block; }
.nav-drop-toggle {
background: none;
border: none;
font: inherit;
color: inherit;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px;
margin-left: 2px;
min-width: 32px;
min-height: 32px;
border-radius: 8px;
flex-shrink: 0;
}
.nav-drop-toggle .chevron { width: 14px; height: 14px; transition: transform 0.2s; }
.nav-dropdown.is-open > a .nav-drop-toggle .chevron,
.nav-dropdown.is-open .nav-drop-toggle .chevron { transform: rotate(180deg); }
.nav-links > li > a,
.nav-links a { min-height: 44px; display: inline-flex; align-items: center; }
.nav-drop-item { min-height: 48px; }
.hamburger { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
.loc-btn,
.prof-submit,
.btn-google { min-height: 44px; }
.loc-tab, .svc-tab { min-height: 44px; }
.prof-field input,
.prof-field textarea { min-height: 44px; }
.footer-social { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
[hidden] { display: none !important; }
.footer-col ul a,
.footer-contact-item a { display: inline-flex; align-items: center; min-height: 44px; }
.lang-btn { min-width: 44px; }
.prof-field input[aria-invalid="true"],
.prof-field textarea[aria-invalid="true"] {
border-color: var(--danger);
background: #fff6f5;
}
.prof-error {
display: block;
color: var(--danger);
font-size: 0.74rem;
font-weight: 600;
margin-top: 5px;
min-height: 1em;
}
.prof-required { color: var(--danger); margin-left: 2px; }
.prof-status {
font-size: 0.8rem;
font-weight: 600;
color: var(--primary);
margin-top: 8px;
min-height: 1.2em;
}
.map-consent {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
width: 100%;
min-height: 290px;
padding: 24px;
border: 1px dashed rgba(var(--primary-rgb),0.35);
border-radius: 16px;
background: var(--gray-100);
}
.map-consent p { font-size: 0.8rem; color: var(--gray-700); max-width: 42ch; margin: 0; }
.map-consent-btn {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
padding: 11px 22px;
border: none;
border-radius: 50px;
background: var(--primary);
color: var(--white);
font-family: inherit;
font-size: 0.85rem;
font-weight: 700;
cursor: pointer;
}
.map-consent-btn:hover { background: var(--primary-dark); }
.loc-map-inline iframe { border: 0; width: 100%; min-height: 290px; border-radius: 16px; }
.hero-wrap {
position: relative;
overflow: hidden;
}
#heroBubbles {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.stats-strip { position: relative; z-index: 3; }
.hero-content { z-index: 4; }
.nav-cta-pro:hover,
.loc-btn:hover,
.map-consent-btn:hover,
.prof-submit-email:hover,
.nav-drop-pro:hover .nav-drop-icon-pro {
filter: brightness(0.88);
}
footer .footer-desc { color: rgba(255,255,255,0.88); }
footer .footer-col h4 { color: rgba(255,255,255,0.86); }
footer .footer-bottom p { color: rgba(255,255,255,0.86); }
.prof-closing-quote em { color: var(--secondary); }
.prof-closing-sub { color: rgba(255,255,255,0.92); }
.nav-logo, .whatsapp-float { color: var(--primary); }
.hamburger { color: var(--black); }
#servicos { background: var(--primary); }
#servicos .section-title { color: var(--white); }
#servicos .section-subtitle { color: rgba(255,255,255,0.85); }
#servicos .svc-tab {
background: rgba(255,255,255,0.10);
border-color: rgba(255,255,255,0.28);
}
#servicos .svc-tab:hover { background: rgba(255,255,255,0.18); }
#servicos .svc-tab.active {
background: var(--white);
border-color: var(--white);
}
#profissionais, #horario, #avaliacoes, #localizacao, footer {
content-visibility: auto;
contain-intrinsic-size: auto 900px;
}
@media (min-width: 1201px) and (max-width: 1400px) {
.nav-links { gap: 18px; }
.nav-links a { font-size: 0.82rem; }
nav { padding: 0 3%; }
}
@media (min-width: 861px) and (max-width: 1200px) {
.nav-links { gap: 10px; }
.nav-links a { font-size: 0.78rem; }
nav { padding: 0 2.5%; gap: 10px; }
.nav-logo-text { display: none; }
.nav-cta-pro { padding: 10px 14px; font-size: .78rem; }
}
@media (max-width: 860px) {
nav {
padding: 0 4%;
gap: 12px;
flex-wrap: nowrap;
}
.nav-links { display: none; }
.hamburger { display: flex; }
.nav-logo { flex: 0 1 auto; min-width: 0; overflow: hidden; }
.nav-logo-text { min-width: 0; }
.nav-logo-text span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lang-toggle { flex: 0 0 auto; }
.hamburger { flex: 0 0 auto; }
.nav-links.open {
display: flex;
flex-direction: column;
position: absolute;
top: var(--nav-h); left: 0; right: 0;
background: var(--white);
padding: 16px 4% calc(16px + env(safe-area-inset-bottom));
border-top: 1px solid var(--gray-200);
box-shadow: 0 8px 24px rgba(2,2,2,0.1);
gap: 4px;
max-height: calc(100dvh - var(--nav-h));
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.nav-links.open .nav-drop-menu {
position: static;
transform: none;
min-width: 0;
width: 100%;
box-shadow: none;
border: 1px solid var(--gray-200);
margin: 6px 0 2px;
}
.nav-links.open .nav-dropdown { width: 100%; }
.nav-links.open .nav-dropdown > a { width: 100%; justify-content: space-between; }
.nav-links.open > li { width: 100%; }
.nav-links.open > li[style] { margin-left: 0 !important; }
.nav-links.open > li + li { border-top: 1px solid var(--gray-100); }
.nav-links.open .nav-cta-pro { width: 100%; justify-content: center; margin-top: 8px; }
.nav-dropdown:hover > .nav-drop-menu { display: none; }
.nav-dropdown.is-open > .nav-drop-menu { display: block; }
}
@media (max-width: 560px) {
.nav-logo img { width: 40px; height: 40px; }
.nav-logo { gap: 9px; }
.nav-logo-text span:first-child { font-size: 0.95rem; }
.nav-logo-text span:last-child { font-size: 0.55rem; letter-spacing: 0.06em; }
.lang-btn { min-width: 38px; padding: 8px 6px; font-size: 0.8rem; }
}
@media (max-width: 380px) {
.nav-logo-text span:last-child { display: none; }
.nav-logo-text { line-height: 1.2; }
}
@media (max-width: 860px) {
.loc-card,
.loc-right { min-width: 0; }
.prof-feat-rect-body, .loc-bullet-text, .footer-contact-item > div { min-width: 0; }
}
@media (max-width: 780px) {
.services-tabs {
flex-wrap: wrap;
gap: 12px;
margin: 28px 0 32px;
}
.svc-tab {
min-width: 0;
flex: 1 1 100%;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 14px;
padding: 14px 16px;
border-radius: 16px;
text-align: left;
}
.svc-tab { display: grid; grid-template-columns: auto 1fr; align-items: center; }
.svc-tab.active { transform: none; }
}
@media (max-width: 780px) {
.stats-strip { padding: 18px 4% 34px; }
.stats-grid { gap: 14px; flex-wrap: nowrap; justify-content: space-around; }
.stat-item { flex: 1 1 0; min-width: 0; }
.stat-item strong { font-size: 1.5rem; margin-bottom: 3px; }
.stat-item span { font-size: 0.68rem; line-height: 1.3; display: block; }
}
@media (max-width: 420px) {
.stats-grid { gap: 8px; }
.stat-item strong { font-size: 1.25rem; }
.stat-item span { font-size: 0.62rem; }
}
@media (max-width: 860px) {
.hero {
min-height: 0;
padding: 84px 5% 56px;
align-items: flex-start;
}
.hero-content { max-width: 100%; }
.hero h1 {
font-size: clamp(1.85rem, 7.2vw, 2.6rem);
line-height: 1.14;
margin-bottom: 16px;
text-wrap: balance;
}
.hero p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 26px;
max-width: 46ch;
}
}
@media (max-width: 420px) {
.hero { padding: 76px 5% 44px; }
.hero h1 { font-size: clamp(1.9rem, 8.6vw, 2.35rem) !important; }
.hero p { font-size: 0.95rem; margin-bottom: 22px; }
}
@media (max-width: 780px) {
section { padding: 56px 5%; }
.section-header { margin-bottom: 32px; }
.section-title { font-size: clamp(1.5rem, 5.6vw, 2rem); line-height: 1.2; }
.section-subtitle { font-size: 0.92rem; line-height: 1.55; }
.section-sep { margin: 0; }
.prof-hero { margin-bottom: 36px; }
.prof-closing { margin-top: 32px; padding: 26px 20px; }
.reviews-hero { padding: 28px 20px; gap: 22px; }
.loc-card, .loc-tip, .loc-infobox { padding: 18px 16px; }
.schedule-dual { gap: 24px; }
}
@media (max-width: 780px) {
.loc-bullet-icon { width: 32px; height: 32px; font-size: 0.95rem; }
.prof-feat-icon { width: 34px; height: 34px; }
.loc-card-emoji { font-size: 1.5rem; }
}
@media (max-width: 780px) {
.loc-tabs {
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
justify-content: flex-start;
padding-bottom: 4px;
scroll-snap-type: x proximity;
}
.loc-tabs::-webkit-scrollbar { display: none; }
.loc-tab { flex: 0 0 auto; scroll-snap-align: start; font-size: 0.82rem; padding: 10px 16px; }
}
@media (max-width: 780px) {
.fade-up { transition-duration: 0.4s; }
.service-card:hover { transform: none; }
}
@media (max-width: 1200px) {
.nav-drop-toggle { min-width: 44px; min-height: 44px; margin-right: -6px; }
.nav-logo { min-height: 44px; }
.lang-btn { min-width: 42px; }
}
.hsc-link { min-height: 44px; }
@media (max-width: 430px) {
.nav-logo-text span:first-child { font-size: 0.86rem; letter-spacing: -0.01em; }
.nav-logo img { width: 36px; height: 36px; }
.nav-logo { gap: 8px; }
.lang-btn { min-width: 36px; padding: 8px 4px; font-size: 0.76rem; }
.lang-toggle { padding: 0 2px; }
}
@media (max-width: 640px) {
.whatsapp-float {
bottom: calc(max(20px, env(safe-area-inset-bottom)) + 10px);
right: 18px;
width: 56px;
height: 56px;
}
.whatsapp-float svg { width: 28px; height: 28px; }
}
@media (hover: none) {
.nav-dropdown:hover > .nav-drop-menu { display: none; }
.whatsapp-float:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
.fade-up { opacity: 1 !important; transform: none !important; }
#heroBubbles { display: none; }
}
@media print {
nav, .hamburger, .lang-toggle, .whatsapp-float, #heroBubbles,
.map-consent, .loc-map-inline, .services-tabs, .loc-tabs { display: none !important; }
body { color: #020202; }
.svc-panel, .loc-panel { display: block !important; }
a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.7em; word-break: break-all; }
.section-sep, .stats-wave-svg { display: none; }
}
h1 { font-size: var(--step-4); letter-spacing: -.035em; line-height: 1.04; text-wrap: balance; }
.section-title { font-size: var(--step-3); letter-spacing: -.025em; line-height: 1.12; text-wrap: balance; }
.section-subtitle { font-size: var(--step-1); line-height: 1.55; text-wrap: pretty; max-width: 60ch; }
p { text-wrap: pretty; }
.ico { display: block; flex-shrink: 0; width: 1em; height: 1em; }
.ico-inline {
display: inline-block; vertical-align: -0.15em;
width: 1.05em; height: 1.05em; margin-right: .45em;
}
.loc-bullet-icon { color: #fff; }
.loc-bullet-icon .ico { width: 19px; height: 19px; }
.nav-drop-icon { color: var(--primary); }
.nav-drop-icon .ico { width: 20px; height: 20px; }
.loc-card-emoji { display: flex; color: var(--primary); }
.loc-card-emoji .ico { width: 36px; height: 36px; stroke-width: 1.5; }
.prof-sector,
.loc-infobox-item {
display: inline-flex; align-items: center; gap: .1em;
}
.loc-infobox-item { display: flex; }
.loc-tab .ico-inline, .loc-btn .ico-inline { width: 1.15em; height: 1.15em; }
.loc-tip strong { display: flex; align-items: center; gap: .1em; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 3px solid var(--focus);
outline-offset: 2px;
border-radius: 4px;
}
.loc-tab:focus-visible, .svc-tab:focus-visible, .lang-btn:focus-visible { outline-offset: 3px; }
@media (pointer: coarse) {
.lang-btn, .loc-tab, .svc-tab, .footer-social, .nav-links a { min-height: 44px; }
.lang-btn { min-width: 44px; }
.footer-social { min-width: 44px; }
}
.fade-up {
transition: opacity .55s var(--ease-out), transform .55s var(--ease-out);
transform: translate3d(0, 18px, 0);
}
.fade-up.visible { transform: none; }
.review-card,
.service-card,
.schedule-card,
.prof-feat-rect {
transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
@media (hover: hover) {
.review-card:hover,
.service-card:hover,
.prof-feat-rect:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-l);
}
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important;
}
.fade-up { transform: none !important; opacity: 1 !important; }
}
.services, .schedule, .reviews, .location, .profissionais {
padding-block: var(--space-l);
}
.section-header { margin-bottom: var(--space-m); }
.service-card,
.review-card { border-radius: var(--radius-m); }
img, svg { max-width: 100%; }
::selection { background: var(--secondary); color: var(--black); }
@media (prefers-reduced-motion: reduce) { }
:root {
--w-normal: 400;
--w-medium: 500;
--w-semi: 600;
--w-bold: 700;
}
h1 { letter-spacing: -.035em; }
h2, .section-title { letter-spacing: -.028em; }
h3,
h4 { letter-spacing: -.012em; }
.big-score,
.stat-item strong { letter-spacing: -.03em; }
.footer-col h4 { letter-spacing: .14em; }
.big-score { font-weight: var(--w-bold); }
.big-score,
.stat-item strong,
.schedule-row .time,
.loc-infobox-item {
font-variant-numeric: tabular-nums lining-nums;
font-feature-settings: "tnum" 1, "lnum" 1;
}
.lang-toggle {
background: rgba(var(--primary-rgb), .07) !important;
border: 1.5px solid rgba(var(--primary-rgb), .28) !important;
border-radius: 999px !important;
padding: 5px 15px !important;
gap: 5px !important;
opacity: 1;
transition: background .2s var(--ease-out), border-color .2s var(--ease-out);
}
.lang-toggle:hover,
.lang-toggle:focus-within {
background: rgba(var(--primary-rgb), .13) !important;
border-color: rgba(var(--primary-rgb), .45) !important;
}
@media (max-width: 860px) {
.lang-toggle { margin-left: auto !important; margin-right: 12px !important; }
}
@media (min-width: 861px) {
.hor-col-l, .faq-col-l { display: contents; }
.hor-tab, .faq-teste-row { display: none; }
.lang-toggle { margin-left: 18px !important; margin-right: 0 !important; }
}
.lang-btn {
font-size: .64rem !important;
font-weight: var(--w-semi) !important;
letter-spacing: .08em;
line-height: 1;
padding: 4px 3px;
background: none;
border: none;
color: var(--gray-500);
text-transform: uppercase;
}
.lang-btn.active {
color: var(--primary);
font-weight: var(--w-bold) !important;
}
@media (pointer: coarse) {
.lang-btn {
min-height: 0;
min-width: 0;
position: relative;
}
.lang-btn::after {
content: "";
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 44px; height: 44px;
}
}
@media (max-width: 860px) {
.lang-toggle {
padding: 3px 9px !important;
gap: 2px !important;
margin-right: -7px !important;
}
.lang-btn { font-size: .55rem !important; padding: 3px 2px !important; letter-spacing: .06em; }
}
nav#navbar { gap: 10px; min-width: 0; }
.nav-logo { min-width: 0; flex-shrink: 1; }
.nav-logo-text { min-width: 0; overflow: hidden; }
.nav-logo-text span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lang-toggle, .hamburger { flex-shrink: 0; }
@media (max-width: 860px) {
.hero { padding-left: 14px !important; padding-right: 14px !important; }
.plus-cascade { padding-left: 12px !important; padding-right: 12px !important; }
.hero-content { width: 100%; max-width: none; }
.hero-content h1, .hero-content p { max-width: none; }
.stats-strip { padding-left: 10px !important; padding-right: 10px !important; }
nav#navbar { padding-left: 14px !important; padding-right: 14px !important; }
}
.hero-content h1, .hero-content p, .section-title, .section-subtitle {
overflow-wrap: break-word;
}
nav#navbar { width: 100%; max-width: 100%; box-sizing: border-box; }
.loc-tabs { flex-wrap: wrap; }
.time-pair { flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 420px) {
.schedule-row { flex-wrap: wrap; gap: 2px 10px; }
.time-pair { width: 100%; flex-direction: column; align-items: flex-end; gap: 2px; }
.time-pair .time-divider { display: none; }
}
.prof-bottom > *,
.prof-feats-col,
.prof-feats-col > *,
.prof-form-wrap,
.loc-panel > *,
.loc-right > *,
.loc-card > *,
.reviews-hero > *,
.reviews-score,
.reviews-score > *,
.schedule-dual > *,
.loc-infobox {
min-width: 0;
}
.prof-closing, .prof-closing-quote, .prof-closing-sub { min-width: 0; }
.reviews-score { flex-wrap: wrap; }
@media (max-width: 420px) {
.reviews-hero { flex-direction: column; align-items: stretch; }
.reviews-score { justify-content: center; text-align: center; }
.big-score { font-size: clamp(2.2rem, 12vw, 3.4rem); }
.score-stars svg, .review-stars svg { width: 14px; height: 14px; }
}
:root {
--gutter: clamp(0.875rem, 0.6rem + 1.2vw, 2.5rem);
--space-section: clamp(3.75rem, 2.4rem + 6.2vw, 8rem);
--space-header: clamp(2rem, 1.4rem + 2.8vw, 3.75rem);
--space-block: clamp(1.5rem, 1.1rem + 1.8vw, 2.75rem);
--gap-cards: clamp(1rem, 0.75rem + 1.3vw, 2rem);
--max-w: 1440px;
--pad-x: max(var(--gutter), (100vw - var(--max-w)) / 2);
}
.hero,
#novidades, #outros-servicos,
#profissionais, #horario, #avaliacoes, #localizacao,
footer, .stats-strip {
padding-left: var(--pad-x) !important;
padding-right: var(--pad-x) !important;
}
#servicos, #outros-servicos, #profissionais,
#horario, #avaliacoes, #localizacao {
padding-top: var(--space-section) !important;
padding-bottom: var(--space-section) !important;
}
.section-header { margin-bottom: var(--space-header) !important; }
.hero { padding-top: calc(72px + var(--space-block)); padding-bottom: var(--space-section); }
footer { padding-top: var(--space-section) !important; }
.prof-bottom { gap: var(--space-block); }
.prof-hero { margin-bottom: var(--space-block); }
.reviews-hero { margin-bottom: var(--space-block) !important; }
.loc-tabs { margin-bottom: var(--space-block); }
.services-grid,
.reviews-cards,
.schedule-dual,
.prof-sectors { gap: var(--gap-cards) !important; }
.section-subtitle { line-height: 1.6; }
.review-text,
.service-card p,
.prof-feat-rect-body p,
.loc-bullet-text span { line-height: 1.65; }
.service-features li { line-height: 1.6; }
.hero-kicker {
display: block;
font-size: .72rem;
font-weight: var(--w-semi);
letter-spacing: .15em;
text-transform: uppercase;
color: var(--primary);
margin-bottom: 14px;
}
.hero-loc {
display: flex;
align-items: flex-start;
gap: 9px;
margin: 20px 0 24px;
color: var(--gray-700);
font-size: .93rem;
font-weight: var(--w-medium);
line-height: 1.5;
max-width: 42ch;
}
.hero-loc svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--primary); margin-top: 1px; }
.hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.hero-cta {
display: inline-flex; align-items: center; gap: 9px;
min-height: 48px; padding: 12px 26px;
border-radius: 50px;
font-size: .95rem; font-weight: var(--w-bold); letter-spacing: -.01em;
text-decoration: none; cursor: pointer;
transition: transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);
}
.hero-cta svg { width: 22px; height: 22px; flex-shrink: 0; }
.hero-cta-primary {
background: var(--primary); color: var(--white);
box-shadow: 0 6px 18px rgba(var(--primary-rgb), .30);
}
.hero-cta-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(var(--primary-rgb), .36); }
.hero-cta-secondary {
background: rgba(255,255,255,.75);
color: var(--primary);
border: 1.5px solid rgba(var(--primary-rgb), .35);
}
.hero-cta-secondary:hover { background: var(--white); border-color: var(--primary); transform: translateY(-2px); }
.hero-status-m { display: none; }
@media (max-width: 860px) {
.hero-status-m {
display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
margin-top: 20px;
font-size: .88rem; font-weight: var(--w-semi); color: var(--gray-700);
}
.hero-status-m .hsc-dot {
display: inline-block; width: 9px; height: 9px; border-radius: 50%;
background: #4ade80; flex-shrink: 0;
}
}
.stat-item strong { white-space: nowrap; font-size: clamp(1.1rem, 0.9rem + 1.1vw, 1.5rem); }
.stat-item span { text-wrap: balance; }
.hero-content h1 {
font-size: clamp(1.7rem, 1.35rem + 1.5vw, 2.35rem);
line-height: 1.14;
letter-spacing: -.025em;
}
.hero-content p { font-size: clamp(1rem, .95rem + .35vw, 1.14rem); }
.hero-loc { max-width: none; }
@media (min-width: 861px) {
.hero-content { max-width: min(56%, 560px); }
}
@media (min-width: 861px) { }
@media (min-width: 861px) {
.hero p { max-width: 580px; }
.hero-content { max-width: min(62%, 620px); }
}
nav#navbar {
padding-left: var(--pad-x) !important;
padding-right: var(--pad-x) !important;
}
.br-m { display: none; }
@media (max-width: 860px) { .br-m { display: inline; } }
@media (max-width: 860px) {
.hero p { font-size: clamp(0.85rem, 4.9vw, 1.15rem); }
}
@media (max-width: 860px) {
.hero-status-m {
display: grid;
grid-template-columns: auto auto;
justify-content: start;
align-items: center;
column-gap: 30px;
row-gap: 4px;
}
.hsm-cell { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.hsm-cell svg { width: 15px; height: 15px; flex-shrink: 0; }
.hsm-cell strong { color: var(--primary); font-weight: var(--w-bold); }
a.hsm-cell { color: var(--primary); font-weight: var(--w-bold); text-decoration: underline; text-underline-offset: 3px; }
}
.hero-loc { align-items: center; }
.hero-loc svg { width: 22px; height: 22px; margin-top: 0; }
.hero-loc .hero-loc-ico-m { display: none; }
.sep-loc { display: inline; }
@media (max-width: 860px) { .sep-loc { display: none; } }
@media (max-width: 860px) {
.hero-loc { font-size: clamp(0.7rem, 3.65vw, 0.93rem); }
}
.no-quebra { white-space: nowrap; }
.stats-grid { gap: 104px; }
@media (max-width: 860px) { .stats-grid { gap: 20px; } }
.stat-item span { line-height: 1.35; }
@media (max-width: 860px) {
.hero-status-m {
background: rgba(255,255,255,.68);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border: 1px solid rgba(var(--primary-rgb), .16);
border-radius: 18px;
box-shadow: 0 10px 30px rgba(var(--primary-rgb), .12);
padding: 13px 18px;
width: 100%;
justify-content: space-between;
column-gap: 18px;
row-gap: 0;
}
.hsm-cell:nth-child(n+3) {
border-top: 1px solid rgba(var(--primary-rgb), .12);
padding-top: 9px;
margin-top: 9px;
}
.hsm-cell:nth-child(2), .hsm-cell:nth-child(4) { justify-self: end; }
}
@media (max-width: 860px) {
.hero-status-m {
grid-template-columns: 1fr 1fr;
column-gap: 0;
row-gap: 0;
padding: 8px 16px;
justify-content: stretch;
}
.hsm-cell { padding: 7px 0; margin: 0; justify-self: stretch; }
.hsm-cell:nth-child(even) {
border-left: 1px solid rgba(var(--primary-rgb), .12);
padding-left: 16px;
}
.hsm-cell:nth-child(odd) { padding-right: 16px; }
.hsm-cell:nth-child(n+3) {
border-top: 1px solid rgba(var(--primary-rgb), .12);
margin-top: 0;
padding-top: 7px;
}
.hsm-g { width: 24px; height: 24px; flex-shrink: 0; }
.hsm-stars { display: inline-flex; gap: 1px; }
.hsm-stars svg { width: 10px; height: 10px; }
.hsm-rating-lbl { font-size: .6rem; color: var(--gray-500); font-weight: var(--w-medium); letter-spacing: .02em; }
a.hsm-cell { text-decoration: none; min-height: 44px; align-items: center; }
}
@media (max-width: 860px) {
.hsm-cell:nth-child(2), .hsm-cell:nth-child(4) { justify-self: stretch; }
.hero-status-m { padding: 5px 16px; }
.hsm-cell { padding-top: 5px; padding-bottom: 5px; }
.hsm-cell:nth-child(n+3) { padding-top: 6px; }
a.hsm-cell { min-height: 0; }
}
.hero-cta { min-height: 42px; padding: 9px 34px; }
@media (max-width: 860px) {
.hero-ctas { width: 100%; }
.hero-cta { flex: 1 1 0; justify-content: center; padding: 9px 12px; }
}
@media (max-width: 860px) {
.hero-status-m {
grid-template-columns: auto 1fr;
width: calc(100% + 12px);
margin-left: -6px;
margin-right: -6px;
padding: 9px 14px;
align-items: center;
}
.hsm-cell { padding: 0; border-top: none !important; margin: 0; }
.hsm-open { padding-right: 13px; font-size: .84rem; white-space: nowrap; }
.hsm-google {
border-left: 1px solid rgba(var(--primary-rgb), .14);
padding-left: 13px;
display: inline-flex; align-items: center; gap: 8px;
text-decoration: none; min-width: 0;
}
.hsm-g { width: 21px; height: 21px; }
.hsm-stars svg { width: 9px; height: 9px; }
.hsm-rating-lbl { display: inline-flex; gap: 0; white-space: nowrap; }
}
.hero-cta { box-sizing: border-box; }
.hero-cta-secondary { padding-top: 7.5px; padding-bottom: 7.5px; }
@media (max-width: 860px) { .hsm-rating-lbl { gap: 4px; } }
@media (max-width: 860px) {
.hero-status-m { background: rgba(255,255,255,.55); }
.hsm-score { font-size: 1.4rem; line-height: 1; color: var(--primary); font-weight: var(--w-bold); }
.hsm-star-col { display: inline-flex; flex-direction: column; gap: 3px; min-width: 0; }
.hsm-google { gap: 9px; }
.hero { padding-bottom: calc(var(--space-section) + 42px) !important; }
}
@media (max-width: 860px) {
.hero-status-m { background: rgba(255,255,255,.40); }
.hero { padding-bottom: var(--space-section) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio { background: radial-gradient(ellipse 90% 45% at 40% 28%, #ffffff 0%, rgba(255,255,255,.85) 40%, rgba(255,255,255,0) 75%), radial-gradient(ellipse 80% 40% at 60% 78%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 70%), linear-gradient(180deg, #ffffff 0%, var(--gray-100) 100%) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio::before { width: 520px !important; height: 520px !important; top: -12% !important; right: -40% !important; background: radial-gradient(circle, rgba(221,241,253,.75) 0%, rgba(221,241,253,.3) 40%, rgba(221,241,253,0) 70%) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio::after { width: 420px !important; height: 420px !important; background: radial-gradient(circle, rgba(221,241,253,.6) 0%, rgba(221,241,253,0) 70%) !important; }
}
@media (max-width: 860px) {
.stats-strip { padding-top: 6px !important; }
}
.hero-content p { margin-bottom: 20px; }
.hero-loc { margin: 20px 0; }
.stats-strip {
min-height: 100px;
display: flex;
align-items: center;
padding-top: 10px !important;
padding-bottom: 10px !important;
box-sizing: border-box;
}
.stats-grid { width: 100%; }
@media (max-width: 860px) {
.hero { padding-bottom: calc(var(--space-section) + 60px) !important; }
}
.stats-wave-svg {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='360'%20height='60'%20viewBox='0%200%20360%2060'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,50%20C60,44%20120,44%20180,50%20C240,56%20300,56%20360,50%20L360,60%20L0,60%20Z'%20fill='%230066a6'/%3E%3C/svg%3E");
background-repeat: repeat-x;
background-position: left bottom;
background-size: 360px 60px;
}
.stats-wave-svg path { display: none; }
.stat-item strong { font-size: clamp(0.55rem, 4.9vw, 1.5rem); }
@media (max-width: 860px) {
.stats-grid { gap: clamp(4px, 5.3vw, 20px); }
}
@media (max-width: 300px) {
.stat-item strong { font-size: 4.4vw; }
}
.hero-wrap {
min-height: 100svh;
display: flex;
flex-direction: column;
}
.hero {
flex: 1 1 auto;
align-items: center;
padding-bottom: 76px !important;
}
.stats-strip { flex: 0 0 auto; }
@supports not (height: 100svh) {
.hero-wrap { min-height: 100vh; }
}
.stats-grid { gap: 150px; }
@media (max-width: 860px) { .stats-grid { gap: clamp(6px, 6.2vw, 26px); } }
@media (max-width: 860px) {
.hero-wrap { min-height: calc(100svh - 74px - env(safe-area-inset-bottom, 0px)); }
}
@supports not (height: 100svh) {
@media (max-width: 860px) { .hero-wrap { min-height: calc(100vh - 74px); } }
}
@media (min-width: 861px) {
:root {
--space-section: clamp(6rem, 3.5rem + 8vw, 12rem);
--space-header: clamp(2.5rem, 1.6rem + 3.4vw, 5rem);
--space-block: clamp(2rem, 1.3rem + 2.4vw, 4rem);
--gap-cards: clamp(1.25rem, 0.9rem + 1.7vw, 2.75rem);
}
.hero-kicker { margin-bottom: clamp(14px, 2.2vh, 26px); }
.hero-content h1 { margin-bottom: clamp(16px, 2.6vh, 30px); }
.hero-content p { margin-bottom: clamp(20px, 3.2vh, 38px); }
.hero-loc { margin: clamp(20px, 3.2vh, 38px) 0; }
.hero-ctas { margin-bottom: 0; }
.service-card,
.review-card,
.prof-feat-rect {
padding-block: calc(var(--space-block) * 0.62);
}
.schedule-row { padding-block: 12px; }
}
svg.ico,
.prof-feat-icon svg,
.service-icon svg,
.nav-drop-icon svg,
.footer-contact-icon svg,
.loc-btn svg,
.prof-submit svg,
.map-consent-btn svg,
.hero-cta svg,
.hero-loc svg,
.schedule-card-badge svg {
stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
}
.chevron { stroke-width: 2.2 !important; }
@media (min-width: 861px) {
.nav-links { flex: 1 1 auto; justify-content: center; gap: clamp(14px, 2vw, 30px); }
.nav-links > li > a { font-size: .95rem !important; font-weight: 600; }
.nav-links .chevron, .nav-links .nav-drop-menu { display: none !important; }
.nav-links > li { margin: 0 !important; padding: 0 !important; }
.nav-links > li > a { margin: 0 !important; padding: 0 !important; gap: 0 !important; }
.nav-links > li[hidden] { display: none !important; }
nav#navbar > .nav-cta-pro { display: none !important; }
}
@media (min-width: 861px) and (max-width: 1200px) {
.nav-links > li > a { font-size: .86rem !important; }
}
.hsm-g path, .hsm-stars svg, .score-stars svg, .review-stars svg,
.hsc-stars svg, .google-badge svg, .btn-google svg,
.footer-social svg[fill="currentColor"], .whatsapp-float svg {
stroke: none;
}
.loc-card-emoji .ico,
.loc-bullet-icon .ico,
.nav-drop-icon .ico,
.hsc-link-icon svg {
stroke-width: 1.75;
}
svg.ico [stroke-width],
.service-icon svg [stroke-width],
.prof-feat-icon svg [stroke-width] { stroke-width: inherit; }
.footer-social svg[stroke] { stroke-width: 1.75; }
@media (min-width: 861px) {
.stats-grid { gap: 200px; }
}
.hero-side-card { right: var(--pad-x); }
.hero-wrap { min-height: calc(100svh - 10px); }
@media (max-width: 860px) {
.hero-wrap { min-height: calc(100svh - 74px - env(safe-area-inset-bottom, 0px) - 10px); }
}
@supports not (height: 100svh) {
.hero-wrap { min-height: calc(100vh - 10px); }
@media (max-width: 860px) { .hero-wrap { min-height: calc(100vh - 74px - 10px); } }
}
.stats-wave-mask {
position: absolute;
top: -58px; left: 0; right: 0;
height: 60px;
overflow: hidden;
pointer-events: none;
}
.stats-wave-svg {
position: absolute;
top: 0; left: -360px;
right: auto;
max-width: none;
width: calc(100% + 720px); height: 60px;
animation: waveDriftT 13s linear infinite;
will-change: transform;
}
@keyframes waveDriftT {
from { transform: translateX(0); }
to { transform: translateX(-360px); }
}
.novidades { background: var(--white); }
.novidades-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
gap: var(--gap-cards);
max-width: 1340px;
margin: 0 auto;
}
.novidade-card {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: var(--radius-m);
padding: calc(var(--space-block) * 0.62) var(--space-block);
display: flex;
flex-direction: column;
min-width: 0;
}
@media (min-width: 861px) {
.novidades-grid { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 400px)); justify-content: center; }
.novidade-card { max-width: 400px; width: 100%; }
}
@media (min-width: 861px) {
:root {
--space-section: clamp(3.5rem, 2.2rem + 4.4vw, 6.5rem);
--space-header: clamp(1.6rem, 1.1rem + 1.9vw, 2.75rem);
--space-block: clamp(1.5rem, 1.1rem + 1.5vw, 2.5rem);
--gap-cards: clamp(1rem, 0.8rem + 1.1vw, 1.75rem);
}
.service-card,
.review-card,
.prof-feat-rect {
padding-block: calc(var(--space-block) * 0.8);
}
}
.section-header.centered .section-subtitle { max-width: 62ch; margin-inline: auto; }
@media (min-width: 861px) {
.schedule-dual { max-width: 900px; margin-inline: auto; }
.loc-panel { max-width: 1100px; margin-inline: auto; }
.reviews-hero { max-width: 900px; margin-inline: auto; }
}
.section-sep { opacity: .6; }
.ssdm { display: block; }
@media (min-width: 861px) {
.ssd-section { background: var(--white) !important; }
.ssd-fim { display: grid; grid-template-columns: minmax(0, 1fr) 600px; grid-template-rows: auto auto; column-gap: 0; row-gap: clamp(22px, 2.6vw, 36px); margin-top: clamp(40px, 5vw, 64px); }
.ssd-fim-col { display: contents; }
.ssd-right .ssdm { margin-top: 0; }
.ssdm .rlm-machines { --rlm-radius: 18px; border-radius: 18px 18px 0 0; }
.rlm-precos {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.6rem, 2vw, 1.5rem);
padding: 16px clamp(1rem, 3vw, 2.25rem) 18px; border-radius: 0 0 18px 18px;
background: var(--gray-100); color: var(--black); text-align: center;
box-shadow: inset 0 0 0 1px var(--rlm-line, #d9e7f1);
}
.rlm-preco { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 4px; line-height: 1; }
.rlm-preco strong { font-size: clamp(1.35rem, 2.6vw, 1.9rem); font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.rlm-preco strong { color: #04182b; }
.rlm-preco small { font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--gray-700); }
.ssdm { display: block; }
.ssd-fim .ssd-destaque {
grid-column: 2; grid-row: 2; min-width: 0; margin-top: 0; margin-right: 0;
flex-direction: column; align-items: flex-start; justify-content: center; gap: 18px;
padding: 30px 30px; border-radius: 18px;
background: radial-gradient(120% 90% at 50% 0%, #fff 0%, #ecf6fd 55%, #d8edfa 100%);
box-shadow: inset 0 0 0 1px #d9e7f1; border: 0;
}
.ssd-fim .ssd-destaque .ssd-ico { width: 44px; height: 44px; }
.ssd-fim .ssd-destaque-txt { font-size: 1.05rem; }
}
@media (max-width: 860px) {
.ssd-section { display: flex !important; flex-direction: column; }
.ssd-grid { order: 1; }
.ssd-fim, .ssd-fim-col { display: contents; }
.ssdm { order: 0; margin: 0 auto 18px; max-width: 560px; width: 100%; }
.ssdm .rlm-machines { --rlm-radius: 18px; border-radius: 18px 18px 0 0; padding: 18px 12px 0; gap: 8px; }
.ssdm .rlm-cap em { font-size: .62rem; letter-spacing: .08em; }
.ssdm .rlm-cap strong { font-size: 1.15rem; }
.ssdm .rlm-cap span { font-size: .62rem; line-height: 1.2; text-wrap: balance; }
.ssdm .rlm-precos {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: start; gap: 8px;
padding: 12px 12px 14px; border-radius: 0 0 18px 18px;
background: var(--gray-100); color: var(--black); text-align: center;
box-shadow: inset 0 0 0 1px var(--rlm-line, #d9e7f1);
}
.ssdm .rlm-preco { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 3px; line-height: 1.1; }
.ssdm .rlm-preco strong { font-size: 1.5rem; font-weight: 400; letter-spacing: -.03em; line-height: 1; color: #04182b; }
.ssdm .rlm-preco:not(:has(small)) strong { font-size: 1.8rem; }
.ssdm .rlm-preco small { font-size: .42rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--gray-700); line-height: 1.15; margin-top: -2px; }
.ssdm .rlm-precos { border-radius: 0; }
.ssdm .rlm-mais {
display: flex; flex-direction: column; gap: 8px;
padding: 12px 16px 16px; margin: 0;
background: var(--gray-100); border-radius: 0 0 18px 18px;
box-shadow: inset 0 0 0 1px var(--rlm-line, #d9e7f1);
}
.ssdm .rlm-mais { border-radius: 0; }
.ssdm .rlm-semtempo {
display: flex; flex-direction: column; gap: 10px;
padding: 14px 16px 16px; margin: 0;
background: var(--gray-100); border-radius: 0 0 18px 18px;
box-shadow: inset 1px 0 0 var(--rlm-line, #d9e7f1), inset -1px 0 0 var(--rlm-line, #d9e7f1), inset 0 -1px 0 var(--rlm-line, #d9e7f1);
}
.ssdm .rlm-mais { box-shadow: inset 1px 0 0 var(--rlm-line, #d9e7f1), inset -1px 0 0 var(--rlm-line, #d9e7f1); }
.ssdm .rlm-mais > .rlm-mais-d { display: none; }
.ssdm .rlm-semtempo { position: relative; }
.ssdm .rlm-semtempo::before { content: ""; position: absolute; top: 0; left: 16px; right: 16px; height: 1px; background: rgba(var(--primary-rgb), .10); }
.ssdm .rlm-st-row { display: flex; align-items: stretch; gap: 12px; min-width: 0; }
.ssdm .rlm-st-row .ssd-destaque-txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ssdm .rlm-st-row .ssd-ico { width: 58px; height: 58px; align-self: center; }
.ssdm .rlm-semtempo .ssd-ico { color: var(--primary); flex: 0 0 auto; }
.ssdm .rlm-st-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ssdm .rlm-st-tags .ssd-item-tag { margin-left: 0; white-space: normal; }
.ssdm .rlm-semtempo .ico-maos { display: block; width: 26px; height: 26px; background: currentColor;
-webkit-mask: url("../icone-maos-coracao.png") center / contain no-repeat;
mask: url("../icone-maos-coracao.png") center / contain no-repeat; }
.ssdm .rlm-semtempo .ssd-destaque-txt { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--gray-700); }
.ssdm .rlm-semtempo .ssd-destaque-txt strong { color: var(--primary); font-weight: 700; }
}
@media (min-width: 861px) and (max-width: 1120px) {
.ssd-fim { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; }
.ssd-fim .ssd-destaque { grid-column: 1; grid-row: 2; }
.ssd-fim .ssd-destaque { flex-direction: row; align-items: center; padding: 22px 26px; }
}
.rlm-machines {
--rlm-ink: #04182b;
--rlm-ink-2: #0a2942;
--rlm-ink-rgb: 4, 24, 43;
--rlm-accent: #0066a6;
--rlm-muted: #4a6578;
--rlm-ring-light: #3f9ad4;
--rlm-ring: #1270a6;
--rlm-ring-dark: #0a4f80;
--rlm-aqua: #8ad9ff;
--rlm-cloth-blue: #5fb7ea;
--rlm-sky: #d8edfa;
--rlm-sky-2: #ecf6fd;
--rlm-grey: #d3dde7;
--rlm-line: #d9e7f1;
--rlm-radius: 28px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: end;
gap: clamp(.6rem, 2vw, 1.5rem);
padding: clamp(1.25rem, 3vw, 2.25rem) clamp(1rem, 3vw, 2.25rem) 0;
border-radius: var(--rlm-radius);
background: radial-gradient(120% 90% at 50% 0%, #fff 0%, var(--rlm-sky-2) 55%, var(--rlm-sky) 100%);
box-shadow: inset 0 0 0 1px var(--rlm-line);
overflow: hidden;
box-sizing: border-box;
}
.rlm-machines *, .rlm-machines *::before, .rlm-machines *::after { box-sizing: border-box; }
.rlm-mach { display: grid; gap: .9rem; justify-items: center; text-align: center; margin: 0; }
.rlm-cap { display: grid; gap: .1rem; order: -1; margin: 0; }
.rlm-cap em { font-style: normal; font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--rlm-accent); }
.rlm-cap strong { font-size: clamp(1.35rem, 2.6vw, 1.9rem); font-weight: 800; letter-spacing: -.03em; line-height: 1; color: var(--rlm-ink); }
.rlm-cap span { font-size: .86rem; line-height: 1.3; color: var(--rlm-muted); }
.rlm-body {
position: relative;
width: var(--w, 100%);
aspect-ratio: 5 / 6;
border-radius: 16px 16px 0 0;
background: linear-gradient(160deg, #fdfefe, #dfeaf2 70%, #cfdde8);
box-shadow: inset 0 0 0 1.5px rgba(var(--rlm-ink-rgb), .1), inset -10px 0 18px -12px rgba(var(--rlm-ink-rgb), .2), inset 0 -2px 0 #fff;
}
.rlm-top { position: absolute; inset: 7% 8% auto 8%; height: 9%; display: flex; align-items: center; gap: 6%; }
.rlm-top i { position: relative; flex: 1 1 auto; height: 60%; border-radius: 4px; overflow: hidden; background: var(--rlm-ink-2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
.rlm-top i::after { content: ""; position: absolute; inset: 30% 12%; border-radius: 2px; background: linear-gradient(90deg, var(--rlm-aqua) var(--p, 60%), rgba(138, 217, 255, .18) 0); }
.rlm-top b { width: 13%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #b8c9d6); box-shadow: 0 0 0 1.5px rgba(var(--rlm-ink-rgb), .16); }
.rlm-door {
position: absolute; left: 50%; top: 56%;
width: 66%; aspect-ratio: 1;
transform: translate(-50%, -50%);
display: grid; place-items: center;
border-radius: 50%;
background: linear-gradient(145deg, var(--rlm-ring-light), var(--rlm-ring) 45%, var(--rlm-ring-dark));
box-shadow: 0 0 0 1.5px rgba(var(--rlm-ink-rgb), .14), inset 0 2px 3px rgba(255, 255, 255, .45), 0 8px 16px -8px rgba(var(--rlm-ink-rgb), .45);
}
.rlm-glass {
position: relative;
width: 78%; aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
background: radial-gradient(circle at 50% 40%, #12395a, #04182b 72%);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .16), inset 0 10px 18px rgba(0, 0, 0, .45);
}
.rlm-glass::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: linear-gradient(135deg, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, 0) 38%); }
.rlm-drum { position: absolute; inset: 6%; border-radius: 50%; animation: rlm-spin var(--spin, 3.6s) linear infinite; }
.rlm-drum span { position: absolute; border-radius: 46% 54% 58% 42% / 52% 44% 56% 48%; }
.rlm-drum span:nth-child(1) { inset: 46% 8% 6% 30%; background: #fff; }
.rlm-drum span:nth-child(2) { inset: 40% 38% 12% 6%; background: var(--rlm-aqua); }
.rlm-drum span:nth-child(3) { inset: 58% 24% 2% 22%; background: var(--rlm-cloth-blue); }
.rlm-water {
position: absolute; left: -10%; right: -10%; bottom: -6%; height: 46%;
border-radius: 42% 58% 0 0 / 22% 18% 0 0;
background: linear-gradient(180deg, rgba(138, 217, 255, .55), rgba(0, 102, 166, .55));
animation: rlm-slosh 3.2s ease-in-out infinite alternate;
}
.rlm-dry .rlm-glass { background: radial-gradient(circle at 50% 40%, #5f778c, #24384b 74%); }
.rlm-dry .rlm-glass::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 50%; background: radial-gradient(circle at 50% 120%, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0) 62%); }
.rlm-dry .rlm-drum span:nth-child(1) { inset: 30% 12% 22% 34%; background: #fff; }
.rlm-dry .rlm-drum span:nth-child(2) { inset: 44% 40% 10% 8%; background: var(--rlm-grey); }
.rlm-dry .rlm-drum span:nth-child(3) { inset: 12% 34% 52% 22%; background: var(--rlm-sky); }
.rlm-dry .rlm-top i::after { background: linear-gradient(90deg, #fff var(--p, 45%), rgba(255, 255, 255, .18) 0); }
@keyframes rlm-spin { to { transform: rotate(360deg); } }
@keyframes rlm-slosh {
from { transform: translateX(-4%) rotate(-2.5deg); }
to { transform: translateX(4%) rotate(2.5deg); }
}
.rlm-mais { display: none; }
.rlm-semtempo { display: none; }
@media (max-width: 520px) { .rlm-cap span { font-size: .58rem; line-height: 1.2; text-wrap: balance; } }
@media (prefers-reduced-motion: reduce) { .rlm-drum, .rlm-water { animation: none; } }
@media (min-width: 861px) {
:root { --max-w: 1320px; }
section, .faq, #pilares, .ssd-section, .fid-section, .eng2-section, .stats-strip, footer {
padding-left: var(--pad-x) !important;
padding-right: var(--pad-x) !important;
}
.faq-cards,
.services-grid,
.schedule-dual,
.loc-panel,
.reviews-hero,
.cc-grid,
.plus-cascade { max-width: none !important; }
.services-grid[style] { max-width: none !important; }
}
#profissionais, #horario, #avaliacoes, #localizacao, footer {
contain-intrinsic-size: auto 600px;
}
.como-funciona { background: var(--white); }
.passo {
background: var(--gray-100);
border: 1px solid var(--gray-200);
border-radius: 20px;
padding: 30px 28px;
}
.passo h3 { font-size: 1.12rem; font-weight: 700; color: var(--black); margin: 18px 0 8px; }
.passo p { font-size: 0.9rem; color: var(--gray-500); line-height: 1.65; }
.lang-toggle {
padding: 3px 11px !important;
gap: 3px !important;
border-width: 1.25px !important;
}
.lang-btn {
font-size: .62rem !important;
padding: 3px 3px !important;
min-width: 0 !important;
min-height: 0 !important;
}
@media (max-width: 860px) {
.hero-content { display: flex; flex-direction: column; }
.hero-loc { margin-top: 0 !important; }
.hero-status-m {
order: -1;
margin-top: 0 !important;
margin-bottom: clamp(16px, 2.4vh, 26px) !important;
align-self: flex-start;
}
}
@media (max-width: 860px) {
.hero-status-m {
padding: 8px 16px; align-items: stretch;
grid-template-columns: calc(50% - 8px) 1fr;
}
.hero-status-m .hsm-open {
padding: 0; align-items: center;
font-size: 1.029rem; line-height: 1.15;
font-weight: var(--w-normal);
}
.hero-status-m .hsm-google {
justify-content: flex-start; align-items: center;
gap: 10px; padding: 0 0 0 24px;
}
.hero-status-m .hsm-g { width: 20px; height: 20px; }
.hero-status-m .hsm-score { font-size: 1.55rem; letter-spacing: -.02em; }
.hero-status-m .hsm-star-col { align-items: flex-start; gap: 3px; }
.hero-status-m .hsm-stars { gap: 2px; }
.hero-status-m .hsm-stars svg { width: 10px; height: 10px; }
.hero-status-m .hsm-rating-lbl { font-size: .62rem; line-height: 1; }
}
@media (max-width: 380px) {
.hero-status-m .hsm-google { padding-left: 8px; gap: 8px; }
.hero-status-m .hsm-score { font-size: 1.4rem; }
.hero-status-m .hsm-rating-lbl { font-size: .56rem; }
}
.stat-item span { font-size: calc(0.85rem + 1px); }
@media (max-width: 860px) { .stat-item span { font-size: calc(0.68rem + 1px); } }
@media (max-width: 420px) { .stat-item span { font-size: calc(0.62rem + 1px); } }
@media (max-width: 860px) {
.whatsapp-float {
transform: translate(var(--wa-desloca-x, 0px), var(--wa-desloca, 0px));
transition: transform 1.1s cubic-bezier(.25, .1, .25, 1), bottom 1.1s cubic-bezier(.25, .1, .25, 1), box-shadow .3s;
will-change: transform;
}
.whatsapp-float:hover { transform: translate(var(--wa-desloca-x, 0px), var(--wa-desloca, 0px)); }
.whatsapp-float.wa-flutua {
animation: waPulso10 10s ease-out infinite;
}
.whatsapp-float:not(.wa-flutua) { animation: waPulso10 10s ease-out infinite; }
}
@keyframes waPulso10 {
0% { box-shadow: 0 8px 24px rgba(37,211,102,.42), 0 0 0 0 rgba(37,211,102,.45); }
16% { box-shadow: 0 8px 24px rgba(37,211,102,.42), 0 0 0 14px rgba(37,211,102,0); }
100% { box-shadow: 0 8px 24px rgba(37,211,102,.42), 0 0 0 14px rgba(37,211,102,0); }
}
@keyframes waPulsa {
0%, 100% { box-shadow: 0 8px 24px rgba(37,211,102,.42), 0 0 0 0 rgba(37,211,102,.22); }
55% { box-shadow: 0 8px 24px rgba(37,211,102,.42), 0 0 0 8px rgba(37,211,102,0); }
}
@media (prefers-reduced-motion: reduce) {
.whatsapp-float { transition: none !important; animation: none !important; }
}
.lang-toggle { position: relative; }
.lang-current {
display: flex !important; align-items: center; gap: 4px;
background: none; border: none; cursor: pointer;
color: var(--primary) !important; font-weight: var(--w-bold) !important;
letter-spacing: .06em; text-transform: uppercase;
}
.lang-caret { width: 8px; height: 5px; opacity: .75; transition: transform .18s var(--ease-out); }
.lang-toggle[data-open="true"] .lang-caret { transform: rotate(180deg); }
.lang-menu {
position: absolute; top: calc(100% + 9px); right: 0; z-index: 300;
min-width: 156px; margin: 0; padding: 6px;
list-style: none; display: none;
background: #fff; border: 1px solid rgba(var(--primary-rgb), .16);
border-radius: 14px; box-shadow: 0 14px 34px rgba(2, 2, 2, .13);
}
.lang-toggle[data-open="true"] .lang-menu { display: block; }
.lang-opt {
display: flex; width: 100%; align-items: center; gap: 10px;
padding: 9px 10px; border: none; border-radius: 9px;
background: none; cursor: pointer; text-align: left;
font-family: inherit; font-size: .82rem; color: var(--gray-700);
}
.lang-opt:hover, .lang-opt:focus-visible { background: rgba(var(--primary-rgb), .09); }
.lang-opt[aria-selected="true"] { color: var(--primary); font-weight: var(--w-bold); }
.lang-opt-code { margin-left: auto; font-size: .6rem; letter-spacing: .08em; opacity: .5; }
.lang-globe { display: none; }
@media (min-width: 861px) {
.lang-toggle {
align-self: center;
box-sizing: border-box;
padding: 10px 12px !important;
gap: 0 !important;
border: 1.5px solid rgba(var(--primary-rgb), .35) !important;
background: var(--white) !important;
border-radius: 999px !important;
}
.lang-toggle .lang-current {
gap: 8px; padding: 0 !important; line-height: 1;
font-size: .84rem !important; letter-spacing: .02em; color: var(--primary);
}
.lang-globe { display: block; width: 16px; height: 16px; flex: none; margin: -2px 0; }
.lang-caret { width: 11px; height: 7px; opacity: 1; }
.lang-menu {
top: calc(100% + 12px); min-width: 300px; padding: 14px 10px;
border-radius: 22px; box-shadow: 0 18px 44px rgba(2, 2, 2, .14);
}
.lang-opt { padding: 14px 16px; border-radius: 14px; font-size: 1.18rem; gap: 16px; color: var(--black); font-weight: var(--w-bold); }
.lang-opt[aria-selected="true"] { color: var(--primary); }
.lang-opt-code {
display: inline-flex; align-items: center; justify-content: center;
min-width: 54px; height: 32px; padding: 0 12px; border-radius: 999px;
font-size: .8rem; letter-spacing: .06em; opacity: 1;
background: var(--gray-200); color: var(--gray-700);
}
.lang-opt[aria-selected="true"] .lang-opt-code { background: var(--primary); color: var(--white); }
}
@media (max-width: 860px) {
.lang-toggle {
align-self: center; box-sizing: border-box;
height: 24px;
padding: 0 7px !important;
gap: 0 !important;
border: 1.5px solid rgba(var(--primary-rgb), .35) !important;
background: var(--white) !important;
border-radius: 999px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.lang-toggle .lang-current {
gap: 4px; padding: 0 !important; line-height: 1;
font-size: .75rem !important; letter-spacing: .02em; color: var(--primary);
font-weight: var(--w-bold) !important;
}
.lang-globe { display: block; width: 13px; height: 13px; flex: none; margin: -2px 0; }
.lang-caret { width: 10px; height: 6px; opacity: 1; }
.lang-menu {
top: calc(100% + 10px); min-width: 260px; padding: 12px 8px;
border-radius: 20px; box-shadow: 0 16px 40px rgba(2, 2, 2, .14);
}
.lang-opt { padding: 12px 14px; border-radius: 12px; font-size: 1.05rem; gap: 14px; color: var(--black); font-weight: var(--w-bold); }
.lang-opt[aria-selected="true"] { color: var(--primary); }
.lang-opt-code {
display: inline-flex; align-items: center; justify-content: center;
min-width: 48px; height: 28px; padding: 0 10px; border-radius: 999px;
font-size: .72rem; letter-spacing: .06em; opacity: 1;
background: var(--gray-200); color: var(--gray-700);
}
.lang-opt[aria-selected="true"] .lang-opt-code { background: var(--primary); color: var(--white); }
}
@media (max-width: 860px) {
.nav-logo > img { width: 54px !important; height: 54px !important; }
}
@media (max-width: 400px) {
.nav-logo > img { width: 46px !important; height: 46px !important; }
}
.nav-logo-anim { display: none; }
@media (min-width: 861px) {
.nav-logo > img { display: none; }
.nav-logo { overflow: visible; }
.nav-logo-anim { display: block; position: relative; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; background: #fff; flex-shrink: 0; margin: 1px 0; }
.nav-logo-anim img { position: absolute; width: 76.4px; height: 43px; left: -15.2px; top: 1.5px; max-width: none; display: block; }
}
@media (max-width: 860px) {
:root { --nav-h: 68px; }
.nav-logo-text { gap: 5px; }
.nav-logo-text span:first-child { font-size: 1.0125rem !important; }
.nav-logo-text span:last-child { font-size: 0.6125rem !important; }
}
@media (max-width: 430px) {
.nav-logo-text span:first-child { font-size: 0.9225rem !important; }
}
@media (max-width: 420px) {
}
.mss-title {
margin: 0 0 12px; font-size: clamp(1.7rem, 1.4rem + 2vw, 2.4rem);
font-weight: var(--w-bold); letter-spacing: -.02em; color: var(--black);
}
.mss-chip {
display: flex; flex-direction: column; align-items: center; justify-content: center;
gap: 8px; min-height: 96px; padding: 14px 8px;
background: var(--white); color: var(--primary);
border: 1.5px solid transparent; border-radius: 16px;
box-shadow: 0 4px 16px rgba(2, 2, 2, .06);
font-family: inherit; cursor: pointer;
transition: border-color .18s var(--ease-out), transform .18s var(--ease-out);
}
.mss-chip:hover { transform: translateY(-2px); }
.mss-chip.is-active { border-color: var(--primary); }
@media (max-width: 380px) {
.mss-chip { min-height: 88px; padding: 12px 6px; }
}
.mss-title {
display: flex; align-items: center; gap: 12px;
font-size: clamp(1.42rem, 1.2rem + 1.3vw, 1.92rem) !important;
}
.mss-title-ico {
flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
width: 42px; height: 42px; border-radius: 12px;
background: var(--secondary-light); color: var(--primary);
}
.mss-title-ico .ico { width: 24px; height: 24px; }
.mss-title {
display: flex; align-items: center; justify-content: space-between;
gap: 16px;
}
.mss-title-ico {
flex: 0 0 auto; display: block;
width: clamp(58px, 15vw, 76px); height: auto;
background: none !important; border-radius: 0 !important;
filter: drop-shadow(0 12px 16px rgba(var(--primary-rgb), .22))
drop-shadow(0 3px 4px rgba(2, 2, 2, .1));
transform: rotate(-4deg);
}
.mss-title-ico svg { display: block; width: 100%; height: auto; }
.mss-title {
position: sticky; top: calc(var(--nav-h) + 8px); z-index: 6;
margin: 0 0 16px;
padding: clamp(16px, 3vw, 22px) 0 12px;
background: var(--white);
border-bottom: 1px solid rgba(var(--primary-rgb), .09);
}
.mss-title-ico { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) { .mss-title { position: static; } }
.mss-title {
margin: 0 calc(var(--mss-pad) * -1) 14px;
padding: clamp(10px, 2vw, 15px) var(--mss-pad) clamp(8px, 1.5vw, 11px);
border-bottom: none;
}
.mss-title::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
background: linear-gradient(90deg, rgba(var(--primary-rgb), 0),
rgba(var(--primary-rgb), .16) 10%, rgba(var(--primary-rgb), .16) 90%,
rgba(var(--primary-rgb), 0));
}
.mss-title::before {
content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 20px;
background: linear-gradient(to bottom, rgba(255, 255, 255, .96), rgba(255, 255, 255, 0));
pointer-events: none;
}
.mss-title-ico { margin-top: -2px; margin-bottom: -2px; }
.mss-title { top: calc(var(--nav-h) + 2px); }
.mss-title-ico { width: clamp(66px, 17vw, 86px); }
.mss-title { padding-top: 7px; padding-bottom: 6px; align-items: center; }
.mss-title-ico { margin-top: -14px; margin-bottom: -14px; }
.mss-title { top: calc(var(--nav-h) + 4px); }
.b2b-barra {
position: sticky; top: calc(var(--nav-h) + 4px); z-index: 6;
display: flex; align-items: center; justify-content: space-between; gap: 16px;
margin: 0 calc(-1 * var(--pad-x)) 14px; padding: 7px var(--pad-x) 6px;
background: var(--white);
font-size: clamp(1.42rem, 1.2rem + 1.3vw, 1.92rem);
font-weight: var(--w-bold); letter-spacing: -.02em; color: var(--black);
}
.b2b-barra-txt { min-width: 0; }
.b2b-barra::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
background: linear-gradient(90deg, rgba(var(--primary-rgb), 0),
rgba(var(--primary-rgb), .16) 10%, rgba(var(--primary-rgb), .16) 90%,
rgba(var(--primary-rgb), 0));
}
.b2b-barra::before {
content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 20px;
background: linear-gradient(to bottom, rgba(255, 255, 255, .96), rgba(255, 255, 255, 0));
pointer-events: none;
}
.b2b-barra-ico {
flex: 0 0 auto; position: relative; z-index: 1; display: block;
width: clamp(66px, 17vw, 86px); height: auto;
margin: -14px 0;
filter: drop-shadow(0 12px 16px rgba(var(--primary-rgb), .22))
drop-shadow(0 3px 4px rgba(2, 2, 2, .1));
transform: rotate(-4deg);
}
.b2b-barra-ico svg { display: block; width: 100%; height: auto; }
@media (prefers-reduced-motion: reduce) { .b2b-barra { position: static; } }
.aba {
position: sticky; top: calc(var(--nav-h) + 4px); z-index: 6;
display: flex; align-items: center; justify-content: space-between; gap: 16px;
margin: 0 calc(-1 * var(--pad-x)) 14px; padding: 7px var(--pad-x) 6px;
background: var(--white);
font-size: clamp(1.42rem, 1.2rem + 1.3vw, 1.92rem);
font-weight: var(--w-bold); letter-spacing: -.02em; color: var(--black);
text-align: left;
}
.aba-txt { min-width: 0; }
.aba::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
background: linear-gradient(90deg, rgba(var(--primary-rgb), 0),
rgba(var(--primary-rgb), .16) 10%, rgba(var(--primary-rgb), .16) 90%,
rgba(var(--primary-rgb), 0));
}
.aba::before {
content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 20px;
background: linear-gradient(to bottom, rgba(255, 255, 255, .96), rgba(255, 255, 255, 0));
pointer-events: none;
}
.aba-ico {
flex: 0 0 auto; position: relative; z-index: 1; display: block;
width: clamp(66px, 17vw, 86px); height: auto; margin: -14px 0;
filter: drop-shadow(0 12px 16px rgba(var(--primary-rgb), .22))
drop-shadow(0 3px 4px rgba(2, 2, 2, .1));
transform: rotate(-4deg);
}
.aba-ico svg { display: block; width: 100%; height: auto; }
.services .aba, .novidades .aba, .schedule .aba, .location .aba { background: var(--gray-100); }
.services .aba::before, .novidades .aba::before,
.schedule .aba::before, .location .aba::before {
background: linear-gradient(to bottom, rgba(244, 248, 252, .96), rgba(244, 248, 252, 0));
}
@media (prefers-reduced-motion: reduce) { .aba { position: static; } }
.como-funciona .aba-ico, .schedule .aba-ico, .location .aba-ico {
width: calc(clamp(66px, 17vw, 86px) - 1px);
margin-top: -13px;
}
.aba, .b2b-barra, .mss-title {
font-size: clamp(1.3rem, 1.1rem + 1.2vw, 1.77rem);
padding-top: 6px; padding-bottom: 5px;
}
.aba-ico, .b2b-barra-ico, .mss-title-ico { width: clamp(61px, 15.6vw, 79px); margin: -13px 0; }
.como-funciona .aba-ico, .schedule .aba-ico, .location .aba-ico {
width: calc(clamp(61px, 15.6vw, 79px) - 1px); margin-top: -12px;
}
.aba, .b2b-barra, .mss-title {
display: flex; align-items: center; justify-content: space-between;
gap: 16px;
font-family: inherit;
font-size: clamp(1.3rem, 1.1rem + 1.2vw, 1.77rem) !important;
font-weight: var(--w-bold) !important;
letter-spacing: -.02em; line-height: 1.2;
color: var(--black);
padding-top: 6px !important; padding-bottom: 5px !important;
margin-bottom: 14px;
}
.aba-txt,
.b2b-barra-txt { min-width: 0; }
.aba-ico, .b2b-barra-ico, .mss-title-ico {
width: clamp(61px, 15.6vw, 79px) !important;
margin: -13px 0 !important;
}
.aba, .b2b-barra { display: block !important; }
.aba-row {
display: flex; align-items: center; justify-content: space-between; gap: 16px;
width: 100%;
max-width: calc(min(560px, 100dvw - 2 * var(--gutter)) - 2 * clamp(22px, 4vw, 30px));
margin-inline: auto;
}
.mss-title { display: block !important; }
@media (max-width: 860px) {
.aba-ico, .b2b-barra-ico, .mss-title-ico { margin: -13px 0 !important; }
.b2b-barra-ico { width: 66px !important; margin: -10px 0 !important; }
}
.aba, .b2b-barra, .mss-title {
top: calc(var(--nav-h) + 2px) !important;
z-index: 200 !important;
}
.aba-ico, .b2b-barra-ico, .mss-title-ico {
filter: drop-shadow(0 6px 9px rgba(var(--primary-rgb), .13))
drop-shadow(0 1.5px 2px rgba(2, 2, 2, .06)) !important;
}
.aba, .b2b-barra, .mss-title {
background: rgba(255, 255, 255, .94) !important;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
.services .aba, .novidades .aba, .schedule .aba, .location .aba {
background: rgba(244, 248, 252, .94) !important;
}
.aba::after, .b2b-barra::after, .mss-title::after { display: none !important; }
.aba::before, .b2b-barra::before, .mss-title::before {
background: linear-gradient(to bottom, rgba(255, 255, 255, .94), rgba(255, 255, 255, 0)) !important;
}
.services .aba::before, .novidades .aba::before,
.schedule .aba::before, .location .aba::before {
background: linear-gradient(to bottom, rgba(244, 248, 252, .94), rgba(244, 248, 252, 0)) !important;
}
.aba, .b2b-barra, .mss-title,
section, section *, footer, footer * {
font-family: 'Figtree', 'KoHo', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
}
.aba, .b2b-barra, .mss-title {
background: rgba(255, 255, 255, .4) !important;
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
}
.services .aba, .novidades .aba, .schedule .aba, .location .aba {
background: rgba(244, 248, 252, .4) !important;
}
.aba::before, .b2b-barra::before, .mss-title::before {
height: 66px !important;
background: linear-gradient(to bottom, rgba(255, 255, 255, .62),
rgba(255, 255, 255, .26) 45%, rgba(255, 255, 255, 0)) !important;
}
.services .aba::before, .novidades .aba::before,
.schedule .aba::before, .location .aba::before {
background: linear-gradient(to bottom, rgba(244, 248, 252, .62),
rgba(244, 248, 252, .26) 45%, rgba(244, 248, 252, 0)) !important;
}
.aba, .b2b-barra, .mss-title {
padding-top: 6px !important; padding-bottom: 5px !important;
margin-bottom: 14px !important;
background: rgba(255, 255, 255, .78) !important;
-webkit-backdrop-filter: blur(6px) !important;
backdrop-filter: blur(6px) !important;
-webkit-mask-image: none !important; mask-image: none !important;
border-bottom: 1px solid rgba(255, 255, 255, .9) !important;
box-shadow: 0 4px 12px rgba(2, 2, 2, .07) !important;
}
.services .aba, .novidades .aba, .schedule .aba, .location .aba {
background: rgba(244, 248, 252, .78) !important;
}
.aba-txt,
.b2b-barra-txt { display: inline; padding: 0; background: none; box-shadow: none; }
.aba::before, .b2b-barra::before, .mss-title::before { display: none !important; }
.aba-row { position: relative; }
@media (min-width: 861px) {
.mss-title, #outros-servicos h2.aba { display: none !important; }
html body .aba, html body .b2b-barra {
position: static !important; top: auto !important; z-index: auto !important;
display: block !important; width: auto !important; max-width: 1120px !important;
margin: 0 auto 28px !important; padding: 0 !important;
background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
box-shadow: none !important; border: 0 !important; outline: 0 !important; text-align: left !important;
font-size: clamp(2.6rem, 1.6rem + 2.6vw, 4rem) !important; font-weight: var(--w-bold) !important;
letter-spacing: -.035em !important; line-height: 1.02 !important; color: var(--black) !important;
}
html body .aba::before, html body .aba::after, html body .b2b-barra::before, html body .b2b-barra::after { display: none !important; }
html body .aba-row {
display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important;
gap: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important;
}
html body .aba-row::before, html body .aba-row::after, html body .aba-txt::before, html body .aba-txt::after,
html body .b2b-barra-txt::before, html body .b2b-barra-txt::after { display: none !important; content: none !important; }
html body .aba-row, html body .aba-txt, html body .b2b-barra-txt { background: none !important; box-shadow: none !important; border: 0 !important; }
html body .aba-txt, html body .b2b-barra-txt { order: 2; display: block !important; }
html body .aba-ico, html body .b2b-barra-ico {
order: 1; display: block !important; width: 96px !important; height: auto !important; margin: 0 0 30px !important;
transform: rotate(-4deg) translateZ(0) !important;
filter: drop-shadow(0 14px 20px rgba(var(--primary-rgb), .2)) drop-shadow(0 3px 5px rgba(2, 2, 2, .08)) !important;
will-change: transform, filter; backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
html body .aba-ico svg, html body .b2b-barra-ico svg { display: block; width: 100%; height: auto; shape-rendering: geometricPrecision; }
html body .ssd-hero-ico, html body .eng2-hero-ico {
transform: rotate(-4deg) translateZ(0) !important;
filter: drop-shadow(0 14px 20px rgba(var(--primary-rgb), .2)) drop-shadow(0 3px 5px rgba(2, 2, 2, .08)) !important;
will-change: transform, filter; backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
}
@media (min-width: 861px) {
}
.fid-banner {
position: relative; overflow: hidden; isolation: isolate;
background: linear-gradient(112deg, var(--primary) 0%, var(--primary-light) 100%);
color: var(--white);
}
.fid-waves { position: absolute; inset: auto 0 0 0; width: 100%; height: 58%; z-index: -1; pointer-events: none; }
.fid-copy { position: relative; }
.colab-banner {
display: flex; flex-direction: column; gap: 10px;
margin: 8px 0 0; padding: 16px 2px 2px;
border-top: 1px solid rgba(var(--primary-rgb), .10);
}
.colab-ico {
flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px;
background: var(--white); color: var(--primary);
box-shadow: 0 4px 12px rgba(var(--primary-rgb), .14);
display: flex; align-items: center; justify-content: center;
}
.colab-ico svg { width: 26px; height: 26px; }
.eng2-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.eng2-cta .eng2-cta-wa { width: 18px; height: 18px; flex: 0 0 auto; fill: currentColor; }
.eng2-voucher { list-style: none; }
.eng2-card-tit { display: none; }
.eng2-row-tag { display: none; }
.eng2-legenda { display: none; }
.eng2-cta-info { display: none; }
@media (max-width: 860px) {
html body .eng2-card .eng2-ctas {
display: flex !important; flex-direction: column; align-items: stretch; gap: 4px;
margin: 28px 0 0 !important; padding: 0 !important;
}
html body .eng2-card { padding-bottom: 10px !important; }
html body .eng2-card .eng2-cta { width: 100%; justify-content: center; text-align: center; margin: 0 !important; }
html body .eng2-cta-info {
display: flex; align-items: center; justify-content: center; min-height: 44px;
font-size: .85rem; font-weight: 500; color: var(--primary); text-decoration: underline;
text-underline-offset: 3px; text-decoration-thickness: 1px;
}
html body .eng2-cta-info:hover { filter: brightness(.88); }
html body .eng2-card .eng2-cta { animation: engCtaHalo 4s cubic-bezier(.25,.6,.35,1) infinite; }
@keyframes engCtaHalo { 0% { box-shadow: 0 0 0 0 rgba(30,123,191,.5), 0 0 6px 0 rgba(30,123,191,.45); } 100% { box-shadow: 0 0 0 14px rgba(30,123,191,0), 0 0 36px 10px rgba(30,123,191,0); } }
@media (prefers-reduced-motion: reduce) { html body .eng2-card .eng2-cta { animation: none !important; } }
}
@media (max-width: 860px) {
html body .section-sep.sep-eng { display: block !important; }
html body #engomadoria-resumo { padding-bottom: calc(var(--space-section, 48px) - 28px) !important; }
}
@media (max-width: 860px) {
html body .eng2-row-nome { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
html body .eng2-row-tag {
display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
width: 24px; height: 24px; border-radius: 50%;
background: var(--secondary-light); color: var(--primary);
}
html body .eng2-row-tag svg { width: 15px; height: 15px; }
html body .eng2-legenda {
display: flex !important; flex-wrap: wrap; justify-content: center; gap: 6px 18px;
margin: 12px 0 0; padding-top: 12px; font-size: .78rem; color: var(--gray-500);
border-top: 1px solid rgba(var(--primary-rgb), .1);
}
html body .eng2-leg-i { display: inline-flex; align-items: center; gap: 6px; }
html body .eng2-legenda { column-gap: 22px !important; }
html body .eng2-leg-i + .eng2-leg-i { padding-left: 22px; border-left: 1px solid rgba(var(--primary-rgb), .2); }
}
@media (max-width: 860px) {
html body .eng2-card-tit { display: block; margin: 0 0 12px; font-size: 1.28rem; font-weight: 700; color: var(--black); line-height: 1.25; letter-spacing: -.02em; text-align: center; text-wrap: balance; }
html body .eng2-card-tit em { font-style: normal; color: var(--primary); }
html body .eng2-card-nota, html body .eng2-card-pe { display: none !important; }
}
.eng2-voucher .colab-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.eng2-voucher .colab-tags .ssd-item-tag { margin: 0; }
html body .eng2-voucher .colab-ico svg { width: 30px !important; height: 30px !important; }
.colab-row { display: flex; align-items: stretch; gap: 14px; min-width: 0; }
.colab-row .colab-ico { width: 60px; height: 60px; align-self: center; }
.colab-row .colab-frase { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.colab-frase { margin: 0; line-height: 1.55; color: var(--gray-700); text-wrap: pretty; }
.colab-frase strong { color: var(--primary); font-weight: 700; }
.colab-tags .ssd-item-tag { margin-left: 0; white-space: normal; }
.fid-tag {
display: inline-flex; align-items: center; gap: 12px;
font-size: .78rem; font-weight: var(--w-bold); letter-spacing: .16em; text-transform: uppercase;
color: rgba(255,255,255,.88);
}
.fid-tag::before { content: ""; width: 34px; height: 2px; background: currentColor; border-radius: 2px; }
.fid-title { margin: 18px 0 16px; font-weight: var(--w-bold); letter-spacing: -.035em; line-height: 1.02; color: var(--white); }
.fid-title-hl { color: var(--secondary-light); }
.fid-lead { margin: 0 0 30px; max-width: 44ch; line-height: 1.6; color: rgba(255,255,255,.88); text-wrap: pretty; }
.fid-cta {
display: inline-flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 30px;
border-radius: 999px; background: var(--white); color: var(--primary);
font-weight: var(--w-bold); text-decoration: none; transition: filter .2s ease;
}
.fid-cta:hover { filter: brightness(.88); }
.fid-cta svg { width: 18px; height: 18px; }
@media (max-width: 860px) {
.fid-cta {
min-height: 44px; padding: 0; gap: 6px; background: none; box-shadow: none;
color: rgba(255,255,255,.88); font-size: .85rem; font-weight: 500;
text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.fid-cta svg { width: 14px; height: 14px; }
}
.fid-card {
position: relative; background: var(--white); color: var(--primary); border-radius: 22px;
box-shadow: 0 24px 50px rgba(2,2,2,.22), 0 4px 12px rgba(2,2,2,.1);
}
.fid-card-head { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; align-items: center; }
.fid-card-tag { grid-column: 1 / 5; }
.fid-card-logo { grid-column: 5; justify-self: center; }
.fid-card-logo { display: block; width: 48px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--white); }
.fid-card-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fid-card-tag {
display: block; text-align: left; font-size: .72rem; font-weight: var(--w-bold);
letter-spacing: .16em; text-transform: uppercase; color: var(--gray-700);
}
.fid-dots { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.fid-dot {
aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center;
border: 2px dashed rgba(var(--primary-rgb), .35); font-weight: var(--w-bold); color: var(--primary);
}
.fid-dot.is-on { border: 0; background: var(--secondary-light); }
.fid-dot.is-on svg { width: 42%; height: 42%; }
.fid-dot.is-gift { border: 0; background: var(--primary); color: var(--white); font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
@media (min-width: 861px) {
.fid-section { padding: var(--space-section) var(--pad-x); background: var(--gray-100); }
.fid-banner {
display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center;
gap: clamp(36px, 5vw, 80px); padding: clamp(48px, 5.5vw, 84px) clamp(40px, 5vw, 80px); border-radius: 34px;
}
.fid-title { font-size: clamp(2.4rem, 1.4rem + 2.4vw, 3.8rem); }
.fid-lead { font-size: clamp(1.02rem, .96rem + .3vw, 1.2rem); }
.fid-card { padding: 28px 30px 30px; max-width: 460px; justify-self: end; width: 100%; transform: rotate(-3deg); }
.fid-card-head { margin-bottom: 22px; }
.fid-dot { font-size: 1.15rem; }
}
.ssd-section { display: none; }
@media (min-width: 861px) {
.ssd-section {
display: block;
padding: var(--space-section) var(--pad-x);
background: var(--gray-100);
}
.ssd-grid {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: clamp(36px, 4vw, 64px);
}
.ssd-left {
flex: 0 1 340px; display: flex; flex-direction: column; align-items: flex-start;
position: sticky; top: calc(var(--nav-h) + 24px);
}
.ssd-hero-ico {
display: block; width: 96px; margin-bottom: 30px;
filter: drop-shadow(0 14px 20px rgba(var(--primary-rgb), .2))
drop-shadow(0 3px 5px rgba(2, 2, 2, .08));
transform: rotate(-4deg);
}
.ssd-hero-ico svg { display: block; width: 100%; height: auto; }
.ssd-title {
margin: 0 0 18px;
font-size: clamp(2.6rem, 1.6rem + 2.6vw, 4rem);
font-weight: var(--w-bold); letter-spacing: -.035em; line-height: 1.02;
color: var(--black);
}
.ssd-list {
flex: 0 1 560px;
list-style: none; margin: 0; padding: 0;
display: flex; flex-direction: column; gap: clamp(34px, 3.4vw, 46px);
}
.ssd-ico {
flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
width: 54px; height: 54px; border-radius: 12px;
border: 1.5px solid rgba(var(--primary-rgb), .3);
color: var(--primary); background: var(--white);
}
.ssd-ico svg { width: 25px; height: 25px; }
}
@media (min-width: 861px) and (max-width: 1120px) {
.ssd-grid { gap: clamp(26px, 3.4vw, 40px); }
.ssd-left { flex-basis: 300px; }
.ssd-list { flex-basis: 520px; }
.ssd-hero-ico { width: 68px; margin-bottom: 20px; }
.ssd-title { font-size: clamp(1.95rem, 1.2rem + 2vw, 2.5rem); margin-bottom: 12px; }
.ssd-list { gap: 24px; }
.ssd-ico { width: 44px; height: 44px; border-radius: 10px; }
.ssd-ico svg { width: 21px; height: 21px; }
}
.eng2-section { display: none; }
@media (min-width: 861px) {
.eng2-section {
display: block;
padding: var(--space-section) var(--pad-x);
background: var(--white);
}
.eng2-grid {
display: flex;
justify-content: space-between;
align-items: center;
gap: clamp(36px, 4vw, 64px);
}
.eng2-left { flex: 0 1 380px; display: flex; flex-direction: column; align-items: flex-start; }
.eng2-hero-ico {
display: block; width: 86px; margin-bottom: 28px;
filter: drop-shadow(0 14px 20px rgba(var(--primary-rgb), .2))
drop-shadow(0 3px 5px rgba(2, 2, 2, .08));
transform: rotate(-4deg);
}
.eng2-hero-ico svg { display: block; width: 100%; height: auto; }
.eng2-title {
margin: 0 0 18px;
font-size: clamp(2.6rem, 1.6rem + 2.6vw, 4rem);
font-weight: var(--w-bold); letter-spacing: -.035em; line-height: 1.02;
color: var(--black);
}
.eng2-lead {
margin: 0 0 30px; max-width: 30ch;
font-size: clamp(1.05rem, .98rem + .35vw, 1.24rem);
line-height: 1.55; color: var(--gray-700); text-wrap: pretty;
}
.eng2-ctas { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.ssd-nota {
margin: 0 0 18px;
font-size: .875rem;
line-height: 1.6;
color: var(--gray-500);
max-width: 30ch;
}
.ssd-ctas { display: flex; flex-wrap: wrap; gap: 10px; }
.ssd-right { flex: 0 0 600px; display: flex; flex-direction: column; gap: clamp(34px, 3.4vw, 46px); min-width: 0; }
.ssd-right .ssd-list { flex: 0 0 auto; }
.ssd-preco-mais { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; }
.ssd-preco-mais li { display: flex; align-items: flex-start; gap: 8px; font-size: .88rem; line-height: 1.45; color: var(--gray-700); }
.ssd-preco-mais svg { width: 16px; height: 16px; flex: 0 0 auto; color: var(--primary); margin-top: 3px; }
@media (min-width: 861px) and (max-width: 1120px) {
.ssd-right { flex-basis: 520px; gap: 24px; }
.ssd-preco-mais { grid-template-columns: 1fr; }
}
.ssd-destaque {
display: flex;
align-items: center;
gap: 22px;
margin-top: clamp(34px, 3.4vw, 46px);
padding: 22px 26px;
border-radius: 18px;
background: var(--white);
border: 1px solid rgba(var(--primary-rgb), .28);
}
.ssd-destaque .ssd-ico { color: var(--primary); flex: 0 0 auto; }
.ssd-destaque-txt { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--gray-700); text-wrap: pretty; }
.ssd-destaque-txt strong { color: var(--primary); font-weight: 700; }
.ssd-destaque-txt-col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1 1 auto; }
.ssd-destaque .ssd-item-tag { margin-left: 0; flex: 0 0 auto; }
.ssd-item-tag {
display: inline-block; margin-left: 10px; padding: 4px 11px;
border-radius: 999px; background: var(--secondary-light, #ddf1fd);
color: var(--primary); font-size: .7rem; font-weight: 700;
letter-spacing: .06em; text-transform: uppercase;
vertical-align: middle; white-space: nowrap;
}
.eng2-cta, .eng2-cta-sec {
display: inline-flex; align-items: center; justify-content: center;
min-height: 48px; padding: 13px 26px; border-radius: 50px;
font-size: .95rem; font-weight: var(--w-bold); text-decoration: none;
transition: background .2s var(--ease-out), transform .2s var(--ease-out);
}
.eng2-cta { background: var(--primary); color: var(--white); border: 1.5px solid var(--primary); }
.eng2-cta:hover { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--white); transform: translateY(-2px); }
.eng2-cta-sec { background: var(--white); color: var(--primary); border: 1.5px solid rgba(var(--primary-rgb), .28); }
.eng2-cta-sec:hover { border-color: var(--primary); color: var(--primary-dark); transform: translateY(-2px); }
.section-sep.sep-eng { display: none; }
.eng2-card {
background: var(--white);
border: 1px solid rgba(var(--primary-rgb), .1);
border-radius: 22px;
box-shadow: 0 12px 40px rgba(2, 2, 2, .07);
padding: clamp(22px, 2.2vw, 28px);
flex: 0 1 484px;
}
.eng2-card-nota {
margin: 0 0 22px;
font-size: clamp(1rem, .95rem + .25vw, 1.12rem);
line-height: 1.5; color: var(--gray-700); text-wrap: pretty;
}
.eng2-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.eng2-row {
display: grid; grid-template-columns: 40px 1fr auto;
align-items: center; gap: 14px;
padding: 11px 0;
border-top: 1px solid rgba(var(--primary-rgb), .07);
}
.eng2-row:first-child { border-top: none; }
.eng2-row-num {
display: inline-flex; align-items: center; justify-content: center;
min-width: 40px; height: 30px; padding: 0 6px; border-radius: 8px;
background: var(--secondary-light); color: var(--primary);
font-size: .88rem; font-weight: var(--w-bold);
font-variant-numeric: tabular-nums lining-nums;
}
.eng2-row-nome { font-size: 1.02rem; color: var(--gray-700); }
.eng2-row-preco {
font-size: 1.06rem; font-weight: var(--w-bold); color: var(--black);
font-variant-numeric: tabular-nums lining-nums;
}
.eng2-card-pe {
margin: 22px 0 0; padding-top: 16px;
border-top: 1px solid rgba(var(--primary-rgb), .1);
font-size: .86rem; color: var(--gray-500);
}
}
.eng2-vant { display: none; }
@media (min-width: 861px) and (max-width: 1120px) {
.eng2-grid { gap: clamp(26px, 3.4vw, 40px); }
.eng2-left { flex-basis: 320px; }
.eng2-hero-ico { width: 62px; margin-bottom: 18px; }
.eng2-title { font-size: clamp(1.95rem, 1.2rem + 2vw, 2.5rem); margin-bottom: 12px; }
.eng2-lead { max-width: 26ch; font-size: 1rem; margin-bottom: 20px; }
.eng2-cta, .eng2-cta-sec { min-height: 44px; padding: 11px 22px; font-size: .9rem; }
.eng2-card { padding: 20px; border-radius: 18px; flex-basis: 421px; }
.eng2-card-nota { font-size: .98rem; margin-bottom: 16px; }
.eng2-row { grid-template-columns: 34px 1fr auto; gap: 10px; padding: 9px 0; }
.eng2-row-num { min-width: 34px; height: 26px; font-size: .8rem; }
.eng2-row-nome { font-size: .94rem; }
.eng2-row-preco { font-size: .98rem; }
.eng2-card-pe { font-size: .8rem; margin-top: 16px; padding-top: 13px; }
}
@media (min-width: 861px) {
.ces-lead {
position: sticky; top: calc(var(--nav-h) + 24px);
background: var(--gray-100);
border: 1px solid rgba(var(--primary-rgb), .12);
border-radius: 22px;
padding: clamp(24px, 2.4vw, 30px);
}
}
@media (min-width: 861px) and (max-width: 1180px) {
.ces-lead { position: static; max-width: 520px; }
}
@media (min-width: 861px) {
}
@media (min-width: 861px) and (max-width: 1180px) {
}
.cx-scroll { display: none; }
@media (min-width: 861px) {
.cx-scroll {
display: block; position: relative; height: 260vh;
margin-inline: calc(-1 * var(--pad-x));
}
.cx-sticky { position: sticky; top: 0; height: 100vh; }
.cx-caixa {
position: absolute; inset: 0;
background: var(--black); color: var(--white);
display: flex; flex-direction: column;
align-items: center; justify-content: center;
--cx-ix: calc(var(--pad-x) * (1 - var(--cx-p, 0)));
--cx-iy: calc(14vh * (1 - var(--cx-p, 0)));
--cx-r: calc(26px * (1 - var(--cx-p, 0)));
clip-path: inset(var(--cx-iy) var(--cx-ix) round var(--cx-r));
}
.cx-fase1 {
text-align: center; padding: 0 var(--pad-x);
opacity: calc(1 - var(--cx-p, 0) * 1.9);
transform: translateY(calc(var(--cx-p, 0) * -26px));
}
.cx-eyebrow {
margin: 0 0 16px; font-size: .8rem; font-weight: var(--w-bold);
letter-spacing: .16em; text-transform: uppercase; color: var(--secondary);
}
.cx-title {
margin: 0; font-size: clamp(2.6rem, 1.4rem + 3.6vw, 5rem);
font-weight: var(--w-bold); letter-spacing: -.04em; line-height: 1.02; color: var(--white);
}
.cx-hint {
margin: 26px 0 0; font-size: .85rem; letter-spacing: .05em;
color: rgba(255, 255, 255, .55);
}
.cx-modos {
position: absolute; left: 0; right: 0;
list-style: none; margin: 0; padding: 0 var(--pad-x);
display: grid; grid-template-columns: repeat(4, 1fr);
gap: clamp(22px, 2.6vw, 44px);
opacity: calc((var(--cx-p, 0) - .62) * 3.4);
transform: translateY(calc((1 - var(--cx-p, 0)) * 30px));
pointer-events: none;
}
.cx-modo { border-top: 1px solid rgba(255, 255, 255, .16); padding-top: 20px; }
.cx-modo-ico { display: block; color: var(--secondary); margin-bottom: 16px; }
.cx-modo-ico svg { width: 28px; height: 28px; }
.cx-modo-title {
margin: 0 0 10px; font-size: clamp(1.1rem, 1rem + .4vw, 1.34rem);
font-weight: var(--w-bold); letter-spacing: -.02em; color: var(--white);
}
.cx-modo-body {
margin: 0; font-size: .96rem; line-height: 1.55;
color: rgba(255, 255, 255, .78); text-wrap: pretty;
}
}
@media (min-width: 861px) and (prefers-reduced-motion: reduce) {
.cx-scroll { height: auto; }
.cx-sticky { position: static; height: auto; }
.cx-caixa {
position: static; clip-path: none; border-radius: 26px;
padding: clamp(48px, 6vw, 88px) 0; gap: 56px;
}
.cx-fase1 { opacity: 1; transform: none; }
.cx-modos { position: static; opacity: 1; transform: none; pointer-events: auto; }
}
@media (min-width: 861px) {
#localizacao { padding-bottom: 0 !important; }
footer { padding-top: 0 !important; }
}
@media (min-width: 861px) {
nav#navbar {
background: rgba(255, 255, 255, .4) !important;
-webkit-backdrop-filter: blur(16px) !important;
backdrop-filter: blur(16px) !important;
}
}
@media (min-width: 861px) {
nav#navbar {
--nav-h: 68px;
height: 68px;
background: rgba(255,255,255,.50) !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
border-bottom: 0.5px solid rgba(var(--primary-rgb),.12) !important;
box-shadow: none !important;
transition: background .3s var(--ease-out), color .3s var(--ease-out);
}
nav#navbar.scrolled {
background: rgba(255,255,255,.50) !important;
box-shadow: none !important;
}
nav#navbar.nav-negativo { background: var(--black) !important; }
nav#navbar.nav-negativo .nav-logo-text span,
nav#navbar.nav-negativo .nav-links > li > a,
nav#navbar.nav-negativo .nav-has-dropdown,
nav#navbar.nav-negativo .chevron,
nav#navbar.nav-negativo .lang-current,
nav#navbar.nav-negativo #langCode { color: var(--white) !important; }
nav#navbar.nav-negativo .nav-links > li > a { opacity: .92; }
nav#navbar.nav-negativo .nav-links > li > a:hover { opacity: 1; }
nav#navbar.nav-negativo .nav-logo img {
box-shadow: 0 0 0 3px rgba(255, 255, 255, .1); border-radius: 50%;
}
nav#navbar.nav-negativo .nav-cta-pro {
background: var(--white) !important; color: var(--black) !important;
border-color: var(--white) !important;
}
nav#navbar.nav-negativo .nav-cta-pro:hover {
background: var(--secondary) !important; color: var(--black) !important;
}
}
@media (max-width: 860px) {
.ssd-section { display: block; padding: clamp(34px, 6vw, 52px) var(--gutter); background: var(--gray-100); }
.fid-section { padding: clamp(34px, 6vw, 52px) var(--gutter); background: var(--gray-100); }
.fid-banner { display: flex; flex-direction: column; gap: 16px; padding: 28px 24px 18px; border-radius: 26px; max-width: 560px; margin: 0 auto; }
.fid-title { margin: 0 0 12px; }
.fid-lead { margin: 0 0 4px; }
.fid-waves { inset: auto auto 0 0; width: 560%; height: auto; aspect-ratio: 3.9 / 1; transform-origin: bottom; transform: scaleY(1.028); }
.fid-waves path + path { transform: translateY(9%); }
.fid-title { font-size: clamp(1.55rem, 1rem + 3.1vw, 2.6rem); white-space: nowrap; }
.fid-lead { font-size: 1rem; }
.fid-card { padding: 20px 18px 22px; transform: rotate(-1.5deg); order: -1; }
.fid-tag { display: none; }
.fid-card-head { margin-bottom: 16px; }
.fid-card-logo { width: 40px; }
.fid-dots { gap: 10px; }
.fid-card-head { gap: 10px; }
.fid-dot { font-size: 1rem; }
.fid-dot.is-gift { font-size: .58rem; }
.ssd-grid { display: flex; flex-direction: column; gap: 24px; max-width: 560px; margin: 0 auto; }
.ssd-hero-ico {
display: block; width: 62px;
filter: drop-shadow(0 6px 9px rgba(var(--primary-rgb), .13)) drop-shadow(0 1.5px 2px rgba(2, 2, 2, .06));
transform: rotate(-4deg); margin-bottom: 10px;
}
.ssd-hero-ico svg { display: block; width: 100%; height: auto; }
.ssd-title { margin: 0 0 6px; font-size: 1.42rem; font-weight: var(--w-bold); letter-spacing: -.02em; color: var(--black); }
.ssd-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.ssd-ico {
flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
width: 40px; height: 40px; border-radius: 11px;
background: var(--white); color: var(--primary);
box-shadow: 0 2px 8px rgba(var(--primary-rgb), .1);
}
.ssd-ico svg { width: 22px; height: 22px; }
.eng2-section { display: block; padding: clamp(34px, 6vw, 52px) var(--gutter); background: var(--white); }
.eng2-grid { display: flex; flex-direction: column; gap: 24px; max-width: 560px; margin: 0 auto; }
.eng2-hero-ico {
display: block; width: 66px;
filter: drop-shadow(0 6px 9px rgba(var(--primary-rgb), .13)) drop-shadow(0 1.5px 2px rgba(2, 2, 2, .06));
transform: rotate(-4deg); margin-bottom: 10px;
}
.eng2-hero-ico svg { display: block; width: 100%; height: auto; }
.eng2-title { margin: 0 0 6px; font-size: 1.42rem; font-weight: var(--w-bold); letter-spacing: -.02em; color: var(--black); }
.eng2-lead { margin: 0 0 14px; font-size: 1rem; line-height: 1.5; color: var(--gray-700); text-wrap: pretty; }
.eng2-ctas { display: flex; flex-wrap: wrap; gap: 10px; }
.eng2-cta, .eng2-cta-sec {
display: inline-flex; align-items: center; justify-content: center;
min-height: 46px; padding: 0 22px; border-radius: 999px;
font-weight: var(--w-semi); font-size: .92rem; text-decoration: none;
}
.eng2-cta { background: var(--primary); color: var(--white); box-shadow: 0 6px 16px rgba(var(--primary-rgb), .28); }
.eng2-cta-sec { border: 1.5px solid rgba(var(--primary-rgb), .45); color: var(--primary); }
.eng2-card {
background: var(--white); border: 1px solid rgba(var(--primary-rgb), .1);
border-radius: 18px; padding: 20px; box-shadow: 0 10px 30px rgba(var(--primary-rgb), .07);
}
.eng2-card-nota { margin: 0 0 12px; font-size: .82rem; line-height: 1.45; color: var(--gray-500); }
.eng2-list { list-style: none; margin: 0; padding: 0; }
.eng2-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(var(--primary-rgb), .08); }
.eng2-row:last-child { border-bottom: none; }
.eng2-row-num {
flex: 0 0 auto; min-width: 36px; text-align: center; padding: 4px 6px;
background: var(--secondary-light); border-radius: 8px;
font-size: .78rem; font-weight: var(--w-bold); color: var(--primary);
}
.eng2-row-nome { flex: 1; min-width: 0; font-size: .94rem; color: var(--gray-700); }
.eng2-row-preco { font-weight: var(--w-bold); color: var(--black); }
.eng2-card-pe { margin: 12px 0 0; font-size: .78rem; color: var(--gray-500); }
.eng2-vant {
display: flex; flex-direction: column; gap: 12px;
list-style: none; margin: 4px 0 0; padding: 18px;
background: rgba(var(--primary-rgb), .05);
border: 1px solid rgba(var(--primary-rgb), .12);
border-radius: 18px;
}
.eng2-vant-i { display: flex; align-items: flex-start; gap: 12px; }
.eng2-vant-ico {
flex: none; display: grid; place-items: center;
width: 24px; height: 24px; margin-top: 1px; border-radius: 50%;
background: var(--primary); color: var(--white);
}
.eng2-vant-ico svg { width: 13px; height: 13px; }
.eng2-vant-txt { font-size: .88rem; line-height: 1.55; color: var(--gray-700); }
.eng2-vant-txt strong { color: var(--black); font-weight: var(--w-bold); }
.cx-scroll { display: block; height: auto; margin-top: 26px; }
.cx-sticky { position: static; height: auto; }
.cx-caixa {
background: linear-gradient(165deg, var(--primary) 0%, var(--primary-dark, #0066a6) 100%);
border-radius: 20px; padding: 26px 22px; color: var(--white);
max-width: 560px; margin: 0 auto;
}
.cx-eyebrow { margin: 0 0 6px; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .72); }
.cx-title { margin: 0; font-size: 1.42rem; font-weight: var(--w-bold); letter-spacing: -.02em; color: var(--white); }
.cx-hint { display: none; }
.cx-modos { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.cx-modo { display: flex; align-items: flex-start; gap: 13px; }
.cx-modo-ico {
flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
width: 38px; height: 38px; border-radius: 10px;
background: rgba(255, 255, 255, .14); color: var(--white);
}
.cx-modo-ico svg { width: 20px; height: 20px; }
.cx-modo-title { margin: 0 0 3px; font-size: .96rem; font-weight: var(--w-bold); color: var(--white); }
.cx-modo-body { margin: 0; font-size: .87rem; line-height: 1.5; color: rgba(255, 255, 255, .85); text-wrap: pretty; }
}
@media (max-width: 860px) {
.cx-scroll { height: 220vh; height: 220svh; margin: 26px calc(50% - 50vw) 0; }
.cx-sticky { position: sticky; top: 0; height: 100vh; height: 100svh; }
.cx-caixa {
position: relative; height: 100%; max-width: none; margin: 0;
border-radius: 0; padding: 0;
display: flex; align-items: center; justify-content: center;
--cx-ix: calc(var(--gutter) * (1 - var(--cx-p, 0)));
--cx-iy: calc(35vh * (1 - var(--cx-p, 0)));
--cx-r: calc(22px * (1 - var(--cx-p, 0)));
clip-path: inset(var(--cx-iy) var(--cx-ix) round var(--cx-r));
}
.cx-fase1 {
position: absolute; left: 0; right: 0; top: 50%;
text-align: center; padding: 0 calc(var(--gutter) + 16px);
transform: translateY(calc(-50% + var(--cx-p, 0) * -26px));
opacity: calc(1 - var(--cx-p, 0) * 1.9);
pointer-events: none;
}
.cx-hint { display: block; margin: 12px 0 0; font-size: .78rem; letter-spacing: .04em; color: rgba(255, 255, 255, .62); }
.cx-modos {
margin: 0; padding: 0 clamp(20px, 6vw, 34px);
width: 100%; max-width: 560px; box-sizing: border-box;
opacity: calc((var(--cx-p, 0) - .62) * 3.4);
transform: translateY(calc((1 - var(--cx-p, 0)) * 30px));
pointer-events: none;
}
}
@media (max-width: 860px) and (prefers-reduced-motion: reduce) {
.cx-scroll { height: auto; margin: 26px 0 0; }
.cx-sticky { position: static; height: auto; }
.cx-caixa { clip-path: none; border-radius: 20px; padding: 26px 22px; display: block; height: auto; max-width: 560px; margin: 0 auto; }
.cx-fase1 { position: static; transform: none; opacity: 1; text-align: left; padding: 0; pointer-events: auto; }
.cx-hint { display: none; }
.cx-modos { margin: 20px 0 0; padding: 0; opacity: 1; transform: none; pointer-events: auto; }
}
.hlive { display: none; }
@media (max-width: 860px) {
.hlive { display: grid; gap: 10px; max-width: 560px; margin: 24px auto 0; }
.hlive-dot {
width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto;
background: #4ade80; box-shadow: 0 0 0 3px rgba(74, 222, 128, .22);
}
}
@media (max-width: 860px) {
.hero-status-m { grid-template-columns: 1fr; }
.hsm-open { display: none !important; }
.hsm-google { border-left: none !important; padding-left: 0 !important; }
.stats-grid { display: none !important; }
.radar2 {
display: grid; grid-template-columns: 1fr 1fr; align-items: center;
width: 100%; max-width: 560px; margin: 0 auto;
color: var(--white);
}
.radar-item {
display: grid; grid-template-columns: 1fr; justify-items: center;
gap: 6px; padding: 2px 0; text-align: center;
}
.radar-item:first-child { padding-right: 14px; }
.radar-item + .radar-item {
border-left: 1px solid rgba(var(--primary-rgb), .18);
padding-left: 14px; margin-left: 0;
}
.radar-dot {
position: relative; width: 9px; height: 9px; border-radius: 50%;
background: #4ade80; color: #4ade80; flex: 0 0 auto;
}
.radar-dot::after {
content: ''; position: absolute; inset: -5px; border-radius: 50%;
border: 1.5px solid currentColor;
animation: radar-ping 2.4s ease-out infinite;
}
.radar2 { column-gap: 0; }
.radar-txt { min-width: 0; }
.radar-rot {
display: block; font-size: .64rem; font-weight: var(--w-bold);
letter-spacing: .14em; text-transform: uppercase;
color: rgba(255, 255, 255, .72);
}
.radar-estado { display: block; font-size: .96rem; font-weight: var(--w-bold); line-height: 1.25; }
.radar-h {
display: block; font-size: .66rem; color: rgba(255, 255, 255, .78);
font-variant-numeric: tabular-nums lining-nums; line-height: 1.3;
}
}
@keyframes radar-ping-s {
0% { transform: scale(.7); opacity: .85; }
70% { transform: scale(1.22); opacity: 0; }
100% { transform: scale(1.22); opacity: 0; }
}
@keyframes radar-ping {
0% { transform: scale(.6); opacity: .9; }
70% { transform: scale(1.5); opacity: 0; }
100% { transform: scale(1.5); opacity: 0; }
}
@media (min-width: 861px) {
.hero-side-card { min-width: 262px; }
.hero-content { margin-left: 10px; }
.hero-side-card { right: calc(var(--pad-x) + 10px) !important; }
.hero-side-card .hsc-section:has(#hsc-open) { display: none; }
.radar2 {
display: grid; grid-template-columns: 1fr; align-items: stretch;
padding: 0 20px;
border-bottom: 1px solid rgba(var(--primary-rgb), .08);
color: var(--black);
}
.radar-item {
display: grid; grid-template-columns: auto 1fr; align-items: center;
column-gap: 12px; padding: 17px 0; text-align: left;
}
.radar-item + .radar-item {
border-top: 1px solid rgba(var(--primary-rgb), .12);
}
.radar-dot {
position: relative; width: 9px; height: 9px; border-radius: 50%;
background: #4ade80; color: #4ade80; flex: 0 0 auto;
}
.radar-dot::after {
content: ''; position: absolute; inset: -5px; border-radius: 50%;
border: 1.5px solid currentColor;
animation: radar-ping 2.4s ease-out infinite;
}
.radar-txt { min-width: 0; display: grid; row-gap: 4px; justify-items: start; align-content: center; }
.radar-txt .radar-h-m { display: none; }
.radar-txt .radar-h-d { display: block; }
.radar-rot {
display: block; font-size: 11px; font-weight: var(--w-bold);
letter-spacing: .12em; text-transform: uppercase;
color: var(--gray-500);
}
.radar-estado { display: block; font-size: .88rem; font-weight: var(--w-bold); line-height: 1.3; color: var(--primary); }
.radar-h {
display: block; font-size: .785rem; color: var(--gray-500);
font-variant-numeric: tabular-nums lining-nums; line-height: 1.35;
}
}
@media (min-width: 861px) and (prefers-reduced-motion: reduce) {
.radar-dot::after { animation: none; }
}
@media (max-width: 860px) {
.stats-strip {
background: #f4f8fc;
-webkit-backdrop-filter: none;
backdrop-filter: none;
border-bottom: 1px solid rgba(var(--primary-rgb), .1);
}
.stats-wave-svg { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='360'%20height='60'%20viewBox='0%200%20360%2060'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,50%20C60,44%20120,44%20180,50%20C240,56%20300,56%20360,50%20L360,60%20L0,60%20Z'%20fill='%23f4f8fc'/%3E%3C/svg%3E"); }
.radar2 { color: var(--primary); }
.radar-item + .radar-item { border-left-color: rgba(var(--primary-rgb), .18); }
.radar-rot { color: var(--gray-500); }
.radar-h { color: var(--gray-500); }
.stat-item, .stat-item strong, .stat-item span { color: var(--primary); }
}
.radar-rot .rot-m { display: none; }
@media (max-width: 860px) {
.radar2 { margin-top: -5px; margin-bottom: 5px; }
.radar-item { gap: 9px; }
.radar-rot .rot-d { display: none; }
.radar-rot .rot-m { display: inline; }
.radar-txt { display: grid; gap: 4px; justify-items: center; }
.radar-estado { line-height: 1.3; }
.radar-h { line-height: 1.4; }
}
@media (max-width: 860px) {
.hero-kicker {
white-space: nowrap;
font-size: clamp(.58rem, 3.4vw, .72rem);
letter-spacing: .12em;
}
.hero-status-m {
width: fit-content;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 860px) {
.hero-wrap { min-height: 100svh; }
}
@supports not (height: 100svh) {
@media (max-width: 860px) { .hero-wrap { min-height: 100vh; } }
}
@media (max-width: 860px) {
}
#como-funciona, #como-funciona + .section-sep { display: none !important; }
a[data-goto="como-funciona"] { display: none !important; }
.nav-links li:has(> a[href="#como-funciona"]),
.footer-col li:has(> a[href="#como-funciona"]) { display: none; }
@media (max-width: 860px) {
}
@media (max-width: 860px) {
.schedule-dual { display: grid; grid-template-columns: 1fr; gap: 18px !important; }
.schedule-dual .schedule-card {
background: var(--white); border-radius: 18px; overflow: hidden; border: 0;
box-shadow: 0 6px 28px rgba(var(--primary-rgb), .09);
}
}
@media (max-width: 860px) {
.ssd-left, .eng2-left {
display: grid; grid-template-columns: auto 1fr;
align-items: center; column-gap: 14px;
}
.ssd-hero-ico, .eng2-hero-ico { margin-bottom: 0; }
.ssd-title, .eng2-title { margin: 0; }
.eng2-lead,
.eng2-sub,
.eng2-ctas { grid-column: 1 / -1; }
.eng2-lead { margin: 12px 0 14px; }
}
@media (max-width: 860px) {
.hero-content > * { order: 2; }
.hero-content h1 { order: 0; }
.hero-content > p { order: 1; }
.hero-ctas { order: 3; margin: 58px 0 0 !important; }
.hero-loc { order: 4; margin: calc(clamp(16px, 2.6vh, 26px) - 10px) 0 0 !important; }
.hero-kicker { display: none; }
.hero-status-m { order: -1; margin-top: -23px !important; margin-bottom: calc(clamp(16px, 2.4vh, 24px) + 5px) !important; }
.hero-status-m { padding: 9px 16px; }
.hero-status-m .hsm-g { width: 22px; height: 22px; }
.hero-status-m .hsm-score { font-size: 1.65rem; }
.hero-status-m .hsm-stars svg { width: 11px; height: 11px; }
.hero-status-m .hsm-rating-lbl { font-size: .66rem; }
.hero-status-m .hsm-google { gap: 11px; }
}
.sched-m-only { display: none; }
.radar-h-d { display: none; }
.sched-next { display: none; }
@media (max-width: 860px) {
.sched-next {
display: flex; justify-content: center;
background: rgba(var(--primary-rgb), .045);
}
.sched-next[hidden] { display: none !important; }
.sched-next .sn-msg { font-size: .8rem; font-weight: 600; color: var(--gray-500); white-space: pre-line; }
.sched-next.sn-soon .sn-msg { color: #e2574c; }
}
@media (max-width: 860px) {
.sched-d-only { display: none !important; }
.sched-m-only { display: flex !important; flex-wrap: nowrap; }
.sched-m-only .day { font-weight: 600; }
.sched-m-only .time { white-space: nowrap; flex: 0 0 auto; }
.sched-m-only:not(.sched-live) .day { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#horario-atendimento .schedule-row:not(.sched-live) .day { font-size: .8513rem; }
#horario-atendimento .schedule-row:not(.sched-live) .time { font-size: .7888rem; }
}
@media (max-width: 860px) {
.sched-live { background: rgba(var(--primary-rgb), .045); }
.sched-live .day {
display: inline-flex; align-items: center; gap: 8px;
font-size: .7rem; font-weight: var(--w-bold); letter-spacing: .12em;
text-transform: uppercase; color: var(--gray-500);
}
.sched-live .time { color: var(--primary); font-weight: var(--w-bold); }
.sched-live .day { gap: 12px; }
.sched-live .hlive-dot {
position: relative; width: 8px; height: 8px; border-radius: 50%;
flex: 0 0 auto; background: #4ade80; color: #4ade80;
box-shadow: none !important;
margin: 3px 3px 3px 0;
}
.sched-live .hlive-dot::after {
content: ''; position: absolute; inset: -3px; border-radius: 50%;
border: 1.25px solid currentColor;
animation: radar-ping-s 2.4s ease-out infinite;
}
}
.sched-nota-m { display: none; }
@media (max-width: 860px) {
.schedule-row .day { font-size: .8825rem; }
.sched-live .day { font-size: .7rem; }
.sched-m-only { flex-wrap: nowrap; }
.schedule-card-header .sched-sub-d { display: none; }
.sched-nota-m {
display: block; margin: 0; padding: 11px 22px 14px;
font-size: .78rem; color: var(--gray-500);
}
}
.sched-tag-m { display: none; }
@media (max-width: 860px) {
.schedule-card-badge { display: none !important; }
.schedule-card .schedule-card-header { display: none; }
.sched-tag-m {
display: flex; align-items: center; justify-content: center; text-align: center; gap: 10px; margin: 0;
padding: 12px 18px;
background: var(--primary-dark); color: #fff;
font-size: .85rem; font-weight: var(--w-bold);
letter-spacing: -.01em; line-height: 1.35; text-wrap: pretty;
}
.sched-tag-m svg { flex: 0 0 auto; opacity: .85; margin-top: 0; }
.sched-nota-m { color: rgba(var(--primary-rgb), .78); }
}
@media (max-width: 860px) {
.schedule .sched-nota-m,
.sched-nota-m {
white-space: nowrap;
font-size: clamp(.68rem, 3.2vw, .88rem);
font-weight: 700;
text-align: center;
padding-left: 14px; padding-right: 14px;
overflow: hidden; text-overflow: ellipsis;
}
#horario-atendimento .schedule-row.sched-m-only:not(.sched-live) .day {
overflow: visible; text-overflow: clip; flex: 0 0 auto;
}
#horario-atendimento .schedule-row.sched-m-only:not(.sched-live) .time {
font-size: clamp(.72rem, 3vw, .95rem);
min-width: 0;
}
#horario-atendimento .schedule-row.sched-m-only:not(.sched-live) {
gap: 10px;
}
}
@media (max-width: 860px) {
html body .schedule .sched-m-only:not(.sched-live) .day {
font-size: .875rem !important; font-weight: 600; color: var(--black);
}
html body .schedule .sched-m-only:not(.sched-live) .time {
font-size: .875rem !important; font-weight: 700; color: var(--primary);
}
html body .schedule .sched-live .time { font-size: .875rem; }
html body #horario-atendimento .schedule-row.sched-m-only:not(.sched-live) .time {
font-size: clamp(.72rem, 3.4vw, .875rem) !important;
}
html body #horario-atendimento .schedule-row.sched-m-only:not(.sched-live) .day {
font-size: clamp(.76rem, 3.6vw, .875rem) !important;
}
html body .schedule .sched-nota-m {
color: var(--gray-500); font-weight: 600;
font-size: clamp(.68rem, 3.2vw, .8rem);
}
}
@media (max-width: 860px) {
.hero-cta { border-radius: 18px; font-weight: var(--w-semi); }
.hero-cta-primary { box-shadow: 0 10px 30px rgba(var(--primary-rgb), .22); }
.hero-cta-secondary {
border-width: 1px; border-color: rgba(var(--primary-rgb), .16);
background: rgba(255,255,255,.12);
-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
box-shadow: 0 10px 30px rgba(var(--primary-rgb), .08);
padding-top: 8px; padding-bottom: 8px;
}
}
.hero-p-m { display: none; }
@media (max-width: 860px) {
.hero-content .hero-p-d { display: none; }
.hero-content .hero-p-m { display: block; }
}
@media (max-width: 860px) {
.hero-content h1 { line-height: calc(1.14em + 2px); }
.hero-content p { line-height: calc(1.6em + 2px); }
.hero-loc { line-height: calc(1.5em + 4px); }
}
.hero-loc-link {
display: flex; align-items: center; gap: 9px;
color: inherit; text-decoration: none;
}
.hero-loc-link:hover, .hero-loc-link:focus-visible { color: var(--primary); }
@media (min-width: 861px) {
.hero-loc-link { pointer-events: none; cursor: default; }
}
@media (max-width: 860px) {
.hero-loc { margin-top: calc(clamp(16px, 2.6vh, 26px) + 4px) !important; }
.hero-content h1 { transform: translateY(20px); }
.hero-loc .hero-loc-ico-d { display: none; }
.hero-loc .hero-loc-ico-m { display: block; width: 28px; height: 28px; }
}
@media (max-width: 860px) {
.hero-content { padding-left: 5px; padding-right: 5px; }
.hero-content { margin-top: -16px; }
}
.plus-cascade {
max-width: 1200px; margin: 0 auto; text-align: center;
padding: clamp(56px, 9vh, 96px) 24px clamp(48px, 7vh, 80px);
background: linear-gradient(180deg, rgba(var(--primary-rgb), .05), rgba(var(--primary-rgb), 0) 72%);
overflow: hidden;
}
.pc-metal {
background: linear-gradient(150deg, #ddf1fd 0%, var(--primary) 38%, var(--primary-dark) 58%, #ddf1fd 100%);
-webkit-background-clip: text; background-clip: text; color: transparent;
filter: drop-shadow(0 4px 14px rgba(var(--primary-rgb), .32));
}
.pc-title {
display: flex; align-items: baseline; justify-content: center; gap: .28em;
margin: 0; font-size: clamp(1.9rem, 6.4vw, 3rem); font-weight: var(--w-bold);
letter-spacing: -.02em; color: var(--primary-dark);
}
.pc-title-txt { transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.3,1); }
.section-title em,
.prof-hero h2 em,
.eng2-lead em,
.prof-form-wrap h3 em { font-style: normal; color: var(--primary); }
.cx-title em { font-style: normal; color: var(--secondary-light); }
.pc-big {
display: inline-block; font-size: 1.4em; line-height: 1; font-weight: 800;
transition: opacity .55s ease .3s, transform .55s cubic-bezier(.34,1.56,.64,1) .3s;
}
.pc-big-3d { position: relative; color: transparent !important; -webkit-text-fill-color: transparent !important; background: none !important; text-shadow: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; }
.pc-big-3d .pc-big-img { position: absolute; left: 50%; top: 52%; width: calc(1.06em + 2px); height: auto; transform: translate(-50%, -50%); display: block; pointer-events: none; }
.pc-stage { position: relative; padding-top: clamp(40px, 6vh, 64px); }
.pc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (min-width: 0px) {
.pc-stage .pc-grid {
grid-template-columns: 1fr; gap: 0; max-width: none; margin: 0;
background: transparent; border: 0; border-radius: 0; box-shadow: none;
-webkit-backdrop-filter: none; backdrop-filter: none;
}
.pc-stage {
--pc-gap: clamp(18px, 2.6vh, 30px); padding-top: var(--pc-gap);
--pc-col: calc(max(0px, (100% - 560px) / 2) + 10px);
}
.plus-cascade {
padding-left: max(calc(var(--gutter) - 2px), env(safe-area-inset-left, 0px));
padding-right: max(calc(var(--gutter) - 2px), env(safe-area-inset-right, 0px));
}
.pc-stage .pc-grid, .plus-cascade .pc-title {
max-width: min(100%, 560px); margin-left: auto; margin-right: auto;
}
.pc-grid .pc-card {
display: flex; flex-direction: column; align-items: flex-start;
gap: 3px; text-align: left; padding: 15px 8px;
background: transparent; border: 0; border-radius: 0; box-shadow: none;
-webkit-backdrop-filter: none; backdrop-filter: none;
}
.pc-grid .pc-card::before { display: none; }
.pc-grid .pc-card, .pc-stage, .pc-grid { overflow: visible; }
.pc-grid .pc-card + .pc-card { border-top: 1px solid rgba(var(--primary-rgb), .10); }
.pc-grid .pc-card-plus {
position: absolute; left: 0; top: 15px; width: 20px; text-align: center;
font-size: 1.35rem; line-height: 1.28;
}
.pc-grid .pc-card-t { justify-content: flex-start; padding-left: 30px; line-height: 1.28; margin-top: 5px; }
.pc-grid .pc-card-t svg { display: none; }
.pc-armed .pc-grid .pc-card-plus { opacity: 0; transform: none; transition: none; }
.pc-armed.pc-on .pc-grid .pc-card-plus {
animation: pcFall calc(1.25s * var(--pcT, 1)) cubic-bezier(.5, 0, .75, .35) calc((var(--d, 0s) + .55s) * var(--pcT, 1)) both;
}
.pc-armed.pc-done .pc-grid .pc-card-plus { opacity: 1; }
.pc-fall, .pc-link {
position: absolute; pointer-events: none; opacity: 0;
background: rgba(var(--primary-rgb), .4);
}
.pc-fall {
left: var(--fx-title, 50%); top: 0; width: 1px; height: calc(var(--pc-gap) - 8px);
transform: scaleY(0); transform-origin: top center;
}
.pc-link {
left: var(--pc-col, 10px); top: calc(var(--pc-gap) - 8px); height: 1px;
width: calc(var(--fx-title, 62%) - var(--pc-col, 10px));
transform: scaleX(0); transform-origin: right center;
}
.pc-armed.pc-on .pc-fall { animation: pcFallLoop 4s linear calc(.1s * var(--pcT, 1)) infinite both; }
.pc-armed.pc-on .pc-link { animation: pcLinkLoop 4s linear calc(.1s * var(--pcT, 1)) infinite both; }
@keyframes pcFallLine {
0% { opacity: 1; transform: scaleY(0); animation-timing-function: cubic-bezier(.5,0,.75,.4); }
32% { opacity: 1; transform: scaleY(1); }
70% { opacity: 1; transform: scaleY(1); }
100% { opacity: 0; transform: scaleY(1); }
}
@keyframes pcLinkLine {
0% { opacity: 1; transform: scaleX(0); animation-timing-function: cubic-bezier(.3,0,.4,1); }
45% { opacity: 1; transform: scaleX(1); }
100% { opacity: 0; transform: scaleX(1); }
}
@keyframes pcFallLoop {
0% { opacity: 1; transform: scaleY(0); animation-timing-function: cubic-bezier(.5,0,.75,.4); }
12% { opacity: 1; transform: scaleY(1); }
26% { opacity: 1; transform: scaleY(1); }
37.5% { opacity: 0; transform: scaleY(1); }
100% { opacity: 0; transform: scaleY(0); }
}
@keyframes pcLinkLoop {
0% { opacity: 0; transform: scaleX(0); }
16% { opacity: 1; transform: scaleX(0); animation-timing-function: cubic-bezier(.3,0,.4,1); }
29% { opacity: 1; transform: scaleX(1); }
45% { opacity: 0; transform: scaleX(1); }
100% { opacity: 0; transform: scaleX(0); }
}
.pc-beam { display: none !important; }
.pc-stage .pc-grid { position: relative; }
.pc-stage .pc-grid::before {
content: ''; position: absolute; left: 10px; top: -8px; bottom: 12px; width: 1px;
background: linear-gradient(180deg, rgba(var(--primary-rgb), .38), rgba(var(--primary-rgb), .12));
transform: scaleY(0); transform-origin: top center; opacity: 0;
}
.pc-armed.pc-on .pc-stage .pc-grid::before,
.pc-on .pc-stage .pc-grid::before { animation: pcRail calc(1.9s * var(--pcT, 1)) cubic-bezier(.45,.05,.2,1) calc(1.35s * var(--pcT, 1)) both; }
@keyframes pcRail { 0% { opacity: 0; transform: scaleY(0); } 15% { opacity: 1; } 100% { opacity: 1; transform: scaleY(1); } }
.pc-grid .pc-card-plus { z-index: 1; }
.pc-stage .pc-grid::before, .pc-stage .pc-grid::after { z-index: 0; }
.pc-stage .pc-grid .pc-card { z-index: 1; }
.pc-grid .pc-card::after {
content: ''; position: absolute; left: 10px; top: 29px; width: 26px; height: 26px;
margin: -13px 0 0 -13px; border-radius: 50%; border: 0; z-index: 0;
background:
radial-gradient(circle, rgba(250,253,255,.97) 0 30%, rgba(250,253,255,0) 52%),
radial-gradient(circle, rgba(var(--primary-rgb), .18), rgba(var(--primary-rgb), .04) 62%, rgba(var(--primary-rgb), 0) 78%);
box-shadow: 0 0 0 7px rgba(var(--primary-rgb), .05), 0 6px 16px rgba(var(--primary-rgb), .12);
opacity: 0; transform: scale(.3);
}
.pc-armed.pc-on .pc-grid .pc-card::after {
animation: pcNode calc(.75s * var(--pcT, 1)) cubic-bezier(.34,1.56,.64,1) calc((var(--d, 0s) + 1.55s) * var(--pcT, 1)) both;
}
@keyframes pcNode {
0% { opacity: 0; transform: scale(.4); }
45% { opacity: 1; transform: scale(1.25); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes pcFall {
0% { opacity: 0; transform: translate(var(--fx, 0px), var(--fy, -120px)) scale(.55); }
12% { opacity: 1; }
72% { transform: translate(0, 0) scale(1); animation-timing-function: cubic-bezier(.3, 0, .5, 1); }
82% { transform: translate(0, -6px) scale(1.06, .94); }
100% { opacity: 1; transform: translate(0, 0) scale(1); }
}
.pc-grid .pc-card-p { padding-left: 30px; padding-right: 4px; }
.pc-grid .pc-card-conv .pc-card-p {
line-height: 1.65; margin-top: 4px;
padding-right: 0; margin-right: 4px; text-wrap: pretty;
}
.pc-grid .pc-card-conv .pc-card-t { margin-right: 4px; flex-wrap: wrap; gap: 8px; }
.pc-grid .pc-card-t .pc-card-tag { font-weight: 600; letter-spacing: 0; }
.pc-grid .pc-card-p .pc-card-tag {
display: inline-block; white-space: nowrap; vertical-align: baseline;
}
.pc-grid .pc-card-tag {
font-size: .72rem; font-weight: 600; line-height: 1.25;
padding: 4px 9px; border-radius: 999px;
color: var(--primary); background: rgba(var(--primary-rgb), .07);
border: 1px solid rgba(var(--primary-rgb), .16);
}
.pc-title { isolation: isolate; }
.pc-title .pc-title-txt { transform: translateY(-4px); }
.pc-big { position: relative; }
.pc-big::before {
content: ''; position: absolute; left: 50%; top: 52%;
width: 2em; height: 2em; margin: -1em 0 0 -1em; filter: blur(7px);
border-radius: 50%; z-index: -1;
background: radial-gradient(circle, rgba(var(--primary-rgb), .40) 0 12%, rgba(var(--primary-rgb), .20) 34%, rgba(var(--primary-rgb), .06) 56%, rgba(var(--primary-rgb), 0) 74%);
}
.pc-stage .pc-grid::after {
content: ''; position: absolute; left: 10px; top: -8px; bottom: 12px; width: 1px;
pointer-events: none; opacity: 0;
background: linear-gradient(180deg, rgba(var(--primary-rgb), 0) 0%, rgba(var(--primary-rgb), .75) 50%, rgba(var(--primary-rgb), 0) 100%);
-webkit-mask-image: linear-gradient(180deg, #000 0 22%, transparent 22%);
mask-image: linear-gradient(180deg, #000 0 22%, transparent 22%);
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.pc-on .pc-stage .pc-grid::after { animation: pcPulse 3.4s linear 3.1s infinite; }
@keyframes pcPulse {
0% { opacity: 0; -webkit-mask-position: 0 -100%; mask-position: 0 -100%; }
8% { opacity: 1; }
62% { opacity: 1; }
70% { opacity: 0; -webkit-mask-position: 0 100%; mask-position: 0 100%; }
100% { opacity: 0; -webkit-mask-position: 0 100%; mask-position: 0 100%; }
}
}
.pc-card {
position: relative; overflow: hidden;
display: flex; flex-direction: column; align-items: center; gap: 8px;
padding: 26px 20px 24px; border-radius: 20px;
border: 1px solid rgba(var(--primary-rgb), .14);
background: rgba(255,255,255,.55);
-webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
box-shadow: 0 18px 44px rgba(var(--primary-rgb), .10);
}
.pc-card-plus { font-size: 2.1rem; font-weight: 800; line-height: 1; }
.pc-plus-3d { position: relative; color: transparent !important; -webkit-text-fill-color: transparent !important; background: none !important; text-shadow: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; }
.pc-plus-3d .pc-plus-img { position: absolute; left: 50%; top: 50%; width: 26px; height: auto; transform: translate(-50%, -50%); display: block; pointer-events: none; z-index: 1; }
.pc-grid .pc-plus-3d { top: var(--pc-plus-y, 15px); height: 0; line-height: 0; display: block; }
.pc-grid .pc-plus-3d .pc-plus-img, .pc-grid .pc-plus-3d::before { top: 0; }
.pc-plus-3d::before { content: ''; position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; transform: translate(-50%, -50%); border-radius: 50%; z-index: 0; pointer-events: none; filter: blur(7px);
background: radial-gradient(circle, rgba(var(--primary-rgb), .62) 0 12%, rgba(var(--primary-rgb), .34) 34%, rgba(var(--primary-rgb), .10) 56%, rgba(var(--primary-rgb), 0) 74%); }
.pc-grid .pc-card::after { display: none !important; }
.pc-card-t {
display: flex; align-items: center; gap: 7px;
margin: 0; font-size: 1.02rem; font-weight: var(--w-bold); color: var(--primary-dark);
}
.pc-card-t svg { width: 17px; height: 17px; color: var(--primary); flex: 0 0 auto; }
.pc-card-p { margin: 0; font-size: .855rem; line-height: 1.55; color: var(--gray-500); }
.pc-armed:not(.pc-run) .pc-title-txt, #outros-servicos.os-armed:not(.os-run) .pc-title-txt { opacity: 0; transform: translateY(16px); }
.pc-armed:not(.pc-run) .pc-big, #outros-servicos.os-armed:not(.os-run) .pc-big { opacity: 0; transform: translateY(-10px) scale(.55) rotate(-90deg); }
.pc-armed .pc-card {
opacity: 0; transform: translateX(72px);
transition: opacity .5s ease, transform .55s cubic-bezier(.2,.7,.25,1);
}
.pc-armed .pc-card .pc-card-plus {
opacity: 0; transform: rotate(-90deg) scale(.4);
transition: opacity .3s ease, transform .55s cubic-bezier(.34,1.56,.64,1);
}
.pc-armed .pc-card .pc-card-t,
.pc-armed .pc-card .pc-card-p {
opacity: 0; transform: translateX(18px);
transition: opacity .45s ease, transform .45s ease;
}
.pc-armed.pc-on .pc-card { opacity: 1; transform: translateX(0); transition-delay: calc(var(--d, 0s) * var(--pcT, 1)); }
.pc-armed.pc-on .pc-card .pc-card-plus {
opacity: 1; transform: none;
transition-delay: calc((var(--d, 0s) + .12s) * var(--pcT, 1));
}
.pc-armed.pc-on .pc-card .pc-card-t { opacity: 1; transform: none; transition-delay: calc((var(--d, 0s) + .22s) * var(--pcT, 1)); }
.pc-armed.pc-on .pc-card .pc-card-p { opacity: 1; transform: none; transition-delay: calc((var(--d, 0s) + .32s) * var(--pcT, 1)); }
.pc-armed.pc-done .pc-card,
.pc-armed.pc-done .pc-card .pc-card-plus,
.pc-armed.pc-done .pc-card .pc-card-t,
.pc-armed.pc-done .pc-card .pc-card-p { opacity: 1; transform: none; }
.pc-beam {
position: absolute; top: 0; bottom: 0; left: 100%; width: 90px;
pointer-events: none; opacity: 0; filter: blur(2px);
background: linear-gradient(90deg, rgba(var(--primary-rgb), 0), rgba(158, 214, 244, .55) 45%, rgba(var(--primary-rgb), .16) 60%, rgba(var(--primary-rgb), 0));
}
.pc-armed.pc-on .pc-beam { animation: pcBeam calc(1.5s * var(--pcT, 1)) cubic-bezier(.45,.05,.2,1) calc(.1s * var(--pcT, 1)) both; }
@keyframes pcBeam {
0% { opacity: 0; transform: translateX(0) skewX(-8deg); }
12% { opacity: 1; }
85% { opacity: 1; }
100% { opacity: 0; transform: translateX(calc(-1 * var(--sw, 1200px) - 180px)) skewX(-8deg); }
}
.pc-card::before {
content: ''; position: absolute; top: 0; bottom: 0; left: 115%; width: 60%;
pointer-events: none; opacity: 0; transform: skewX(-14deg);
background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.7) 50%, rgba(255,255,255,0));
}
.pc-armed.pc-on .pc-card::before { animation: pcShine calc(.9s * var(--pcT, 1)) ease-out calc((var(--d, 0s) + .3s) * var(--pcT, 1)) both; }
@keyframes pcShine {
0% { opacity: 0; transform: translateX(0) skewX(-14deg); }
15% { opacity: 1; }
100% { opacity: 0; transform: translateX(-340%) skewX(-14deg); }
}
@media (prefers-reduced-motion: reduce) {
.pc-armed:not(.pc-run) .pc-title-txt, .pc-armed:not(.pc-run) .pc-big { opacity: 1; transform: none; }
.pc-armed .pc-card,
.pc-armed .pc-card .pc-card-plus,
.pc-armed .pc-card .pc-card-t,
.pc-armed .pc-card .pc-card-p { opacity: 1; transform: none; transition: none; }
.pc-armed.pc-on .pc-beam, .pc-armed.pc-on .pc-card::before { animation: none; }
}
@media (max-width: 860px) {
nav#navbar, nav#navbar.scrolled {
background: rgba(255,255,255,.50) !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
border-bottom: 0.5px solid rgba(var(--primary-rgb),.12) !important;
box-shadow: none !important;
}
nav#navbar .nav-logo img {
background: #fff;
border-radius: 50%;
}
}
@media (max-width: 860px) {
.b2bm-mqs { display: grid; gap: 9px; }
.b2bm-mq {
position: relative;
overflow: hidden; padding: 14px 0;
border-top: 1px solid rgba(var(--primary-rgb), .18);
border-bottom: 1px solid rgba(var(--primary-rgb), .18);
background: linear-gradient(90deg, rgba(var(--primary-rgb), .08), rgba(255,255,255,.7) 50%, rgba(var(--primary-rgb), .08));
-webkit-mask-image: linear-gradient(90deg, transparent, #000 13%, #000 87%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 13%, #000 87%, transparent);
}
.b2bm-mq-track {
display: flex; width: max-content; transform: translateZ(0);
animation: b2bmMq 64s linear infinite;
}
.b2bm-mq-rev .b2bm-mq-track { animation: b2bmMqRev 39s linear infinite; }
.b2bm-mq-g { display: flex; align-items: center; gap: 16px; padding-right: 16px; }
.b2bm-mq-i {
font-size: .8rem; font-weight: var(--w-normal, 400); letter-spacing: .13em;
text-transform: uppercase; color: var(--primary-light); white-space: nowrap;
text-shadow: 0 0 10px rgba(var(--primary-rgb), .35);
}
.b2bm-mq svg { width: 22px; height: 22px; flex: none; color: var(--primary-light); }
@keyframes b2bmMq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes b2bmMqRev { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .b2bm-mq-track, .b2bm-mq::after { animation: none; } }
.prof-sectors {
position: absolute; width: 1px; height: 1px; overflow: hidden;
clip-path: inset(50%); white-space: nowrap;
}
.prof-mqs { display: grid; margin: 2px -12px 0; }
.services > .section-header.centered { display: none; }
.services-tabs { display: none; }
#outros-servicos .service-card { padding: 22px 18px; }
.novidades:not(.novs-todas) .novidades-grid {
display: flex; gap: 14px; overflow-x: auto;
margin: 0 calc(var(--gutter) * -1); padding: 4px var(--gutter) 8px;
scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.novidades:not(.novs-todas) .novidades-grid::-webkit-scrollbar { display: none; }
.novidades:not(.novs-todas) .novidade-card {
flex: 0 0 82%; max-width: 340px; scroll-snap-align: center;
}
.novs-dots { display: flex; gap: 7px; }
.novs-dot {
width: 7px; height: 7px; border-radius: 4px; border: 0; padding: 0;
background: rgba(var(--primary-rgb), .22); transition: width .25s, background .25s;
}
.novs-dot.on { width: 18px; background: var(--primary); }
.novidades.novs-todas .novs-dots { display: none; }
}
.faq { background: var(--gray-100); }
.faq-mais-wrap { margin-top: 4px; }
.faq-mais-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 14px 18px; background: var(--gray-100); border: 1px solid var(--gray-200); border-radius: 14px; color: var(--primary); font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: background .18s ease; }
.faq-mais-btn:hover { background: var(--gray-200); }
.faq-mais-seta { width: 15px; height: 15px; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; transition: transform .22s ease; }
.faq-mais-btn[aria-expanded="true"] .faq-mais-seta { transform: rotate(180deg); }
.faq-mais[hidden] { display: none; }
.faq-mais { margin-top: 6px; }
.faq-cards {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
gap: 24px;
align-items: start;
}
.faq-card {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 20px;
position: relative;
overflow: hidden;
transition: box-shadow .3s;
}
.faq-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary), var(--secondary));
}
.faq-card:hover { box-shadow: 0 20px 48px rgba(var(--primary-rgb), .12); transform: translateY(-6px); }
.faq-card { transition: transform .3s, box-shadow .3s; }
.faq-card-cab {
width: 100%;
cursor: pointer;
display: flex;
align-items: center;
gap: 18px;
padding: 32px;
background: none;
border: 0;
text-align: left;
font: inherit;
color: inherit;
}
.faq-card-cab .service-icon { margin-bottom: 0; flex: 0 0 auto; }
.faq-card-cab h3 {
flex: 1 1 auto;
margin: 0;
font-size: 1.3rem;
font-weight: 700;
color: var(--black);
letter-spacing: -0.02em;
}
.faq-card-mais {
flex: 0 0 auto;
width: 36px; height: 36px;
display: grid; place-items: center;
border-radius: 50%;
background: var(--secondary-light);
color: var(--primary);
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
transition: background .25s var(--ease-out);
}
.faq-card-cab:hover .faq-card-mais { background: var(--gray-200); }
.faq-card-corpo { display: none; }
.faq-modal-corpo .faq-card-corpo { display: flex; flex-direction: column; gap: 12px; }
.faq-modal { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 24px; }
.faq-modal[hidden] { display: none; }
.faq-modal-fundo { position: absolute; inset: 0; background: rgba(0, 0, 0, .45); }
.faq-modal-caixa {
position: relative;
width: min(760px, 100%);
max-height: min(80vh, 760px);
display: flex;
flex-direction: column;
background: var(--white);
border-radius: 20px;
box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
overflow: hidden;
}
.faq-modal-topo {
display: flex; align-items: center; gap: 20px;
padding: 26px 26px 24px;
border-bottom: 1px solid var(--gray-200);
}
.faq-modal-centro {
flex: 1 1 auto;
display: flex; align-items: center; justify-content: center; gap: 20px;
min-width: 0;
}
.faq-modal-caixa { touch-action: pan-y; }
.faq-modal-titulo { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--black); letter-spacing: -0.02em; }
.faq-modal-ico { flex: 0 0 auto; width: 48px; height: 48px; margin-bottom: 0; border-radius: 14px; }
.faq-modal-ico svg { width: 26px; height: 26px; }
.faq-modal-nav {
flex: 0 0 auto;
width: 40px; height: 40px;
display: grid; place-items: center;
border: 1px solid var(--gray-200); border-radius: 50%;
background: var(--white); color: var(--primary);
cursor: pointer;
transition: background .2s, border-color .2s;
}
.faq-modal-nav svg { width: 20px; height: 20px; }
.faq-modal-nav:hover { background: var(--gray-100); border-color: var(--primary); }
.faq-modal-x {
flex: 0 0 auto;
width: 40px; height: 40px;
display: grid; place-items: center;
border: 0; border-radius: 50%;
background: var(--gray-100);
color: var(--primary);
font-size: 1.5rem; line-height: 1;
cursor: pointer;
}
.faq-modal-x:hover { filter: brightness(.88); }
.faq-modal-corpo { padding: 24px 26px 28px; overflow-y: auto; }
.faq-item {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: var(--radius-m);
box-shadow: var(--shadow-s);
overflow: hidden;
transition: border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
.faq-item[data-open="true"] {
border-color: rgba(var(--primary-rgb), .35);
box-shadow: var(--shadow-m);
}
.faq-q {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
margin: 0;
padding: 20px 22px;
min-height: 60px;
background: none;
border: none;
text-align: left;
font-family: inherit;
font-size: var(--step-0);
font-weight: var(--w-semi);
line-height: 1.35;
letter-spacing: -.012em;
color: var(--black);
cursor: pointer;
transition: color .2s var(--ease-out), background .2s var(--ease-out);
}
.faq-q:hover { color: var(--primary); background: rgba(var(--primary-rgb), .04); }
.faq-item[data-open="true"] .faq-q { color: var(--primary); }
.faq-q:focus-visible { outline: 2px solid var(--primary); outline-offset: -3px; border-radius: var(--radius-m); }
.faq-q-txt { flex: 1; text-wrap: pretty; }
.faq-sinal {
position: relative;
display: block;
flex: 0 0 auto;
width: 26px;
height: 26px;
border-radius: 50%;
background: rgba(var(--primary-rgb), .09);
transition: transform .32s var(--ease-out), background .25s var(--ease-out);
}
.faq-sinal::before {
content: "";
position: absolute;
top: 45%;
left: 50%;
width: 9px;
height: 9px;
border-right: 2px solid var(--primary);
border-bottom: 2px solid var(--primary);
transform: translate(-50%, -50%) rotate(45deg);
transition: transform .32s var(--ease-out);
}
.faq-item[data-open="true"] .faq-sinal { background: rgba(var(--primary-rgb), .16); }
.faq-item[data-open="true"] .faq-sinal::before {
top: 55%;
transform: translate(-50%, -50%) rotate(-135deg);
}
.faq-r {
display: grid;
grid-template-rows: 1fr;
transition: grid-template-rows .38s var(--ease-out);
}
.faq-armed .faq-r { grid-template-rows: 0fr; }
.faq-armed .faq-item[data-open="true"] .faq-r { grid-template-rows: 1fr; }
.faq-r-in {
min-height: 0;
overflow: hidden;
opacity: 1;
transition: opacity .3s var(--ease-out);
}
.faq-armed .faq-item[data-open="false"] .faq-r-in { opacity: 0; }
.faq-r-in p {
margin: 0;
padding: 0 22px 22px;
color: var(--gray-700);
line-height: 1.7;
font-size: var(--step--1);
}
.faq-r-in p + p { padding-top: 12px; }
.faq-nota {
max-width: 820px;
margin: var(--space-s) auto 0;
text-align: center;
font-size: var(--step--1);
color: var(--gray-500);
}
.faq-nota a { color: var(--primary); font-weight: var(--w-semi); }
@media (prefers-reduced-motion: reduce) {
.faq-r, .faq-r-in, .faq-sinal, .faq-sinal::before { transition: none; }
}
@media (max-width: 860px) {
.faq-cards { gap: 14px; }
.faq-card-cab { padding: 22px 20px; gap: 14px; }
.faq-card-cab h3 { font-size: 1.1rem; }
.faq-card-corpo { padding: 0 16px 18px; gap: 10px; }
.faq-q { padding: 16px 16px; gap: 12px; min-height: 56px; }
.faq-r-in p { padding: 0 16px 18px; }
.faq-r-in p + p { padding-top: 10px; }
}
@media (min-width: 861px) {
.prof-mqs {
isolation: isolate;
display: grid; margin: 14px 0 0;
width: min(1120px, calc(100vw - 2 * var(--pad-x)));
margin-left: calc((100% - min(1120px, calc(100vw - 2 * var(--pad-x)))) / 2);
position: relative;
}
.prof-mqs::before {
content: ''; position: absolute; inset: -70px -140px;
background: radial-gradient(closest-side ellipse at 50% 50%, rgba(255,255,255,.95), rgba(255,255,255,.55) 45%, rgba(255,255,255,0) 100%);
pointer-events: none;
z-index: -1;
}
.b2bm-mqs { gap: 10px; }
.profissionais { background: var(--gray-100); }
.b2bm-mq {
position: relative;
overflow: hidden; padding: 16px 0;
border-top: 1px solid rgba(var(--primary-rgb), .18);
border-bottom: 1px solid rgba(var(--primary-rgb), .18);
background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.9) 22%, #fff 50%, rgba(255,255,255,.9) 78%, rgba(255,255,255,0));
-webkit-mask-image: linear-gradient(90deg, transparent, #000 13%, #000 87%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 13%, #000 87%, transparent);
}
.prof-mqs.b2b-belt .b2bm-mq-track { animation: none !important; will-change: transform; }
.prof-mqs.b2b-belt .b2bm-mq-it {
display: inline-flex; align-items: center; justify-content: center;
align-self: center; gap: 34px; margin-right: 34px; flex: none;
}
.prof-mqs.b2b-belt .b2bm-mq-track { align-items: center; }
.b2bm-mq-track {
display: flex; width: max-content; transform: translateZ(0);
animation: b2bmMqD 52s linear infinite;
}
.b2bm-mq-rev .b2bm-mq-track { animation: b2bmMqDRev 32s linear infinite; }
.b2bm-mq-g { display: flex; align-items: center; gap: 22px; padding-right: 22px; }
.b2bm-mq-i {
font-size: .92rem; font-weight: var(--w-normal, 400); letter-spacing: .15em;
text-transform: uppercase; color: var(--primary-light); white-space: nowrap;
text-shadow: 0 0 14px rgba(var(--primary-rgb), .35);
}
.b2bm-mq svg { width: 24px; height: 24px; flex: none; color: var(--primary-light); }
@keyframes b2bmMqD { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes b2bmMqDRev { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .b2bm-mq-track, .prof-mqs .b2bm-mq, .b2bm-mq::after { animation: none; } }
.prof-sectors {
position: absolute; width: 1px; height: 1px; overflow: hidden;
clip-path: inset(50%); white-space: nowrap;
gap: 0 !important;
}
}
@media (min-width: 861px) {
.hero-content { display: flex; flex-direction: column; align-items: flex-start; }
.hero-kicker { display: none; }
.hero-ctas { order: 3; margin: 4px 0 0; }
.hero-loc { order: 4; margin: 26px 0 0; }
.hero-content h1 { line-height: calc(1.15em + 2px); }
.hero-content p { line-height: calc(1.6em + 2px); margin-bottom: 26px; }
.hero-cta { border-radius: 18px; font-weight: var(--w-semi); }
.hero-cta-primary { box-shadow: 0 10px 30px rgba(var(--primary-rgb), .22); }
.hero-cta-primary:hover { box-shadow: 0 14px 36px rgba(var(--primary-rgb), .3); }
.hero-cta-secondary {
border-width: 1px; border-color: rgba(var(--primary-rgb), .16);
background: rgba(255,255,255,.12);
-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
box-shadow: 0 10px 30px rgba(var(--primary-rgb), .08);
padding-top: 8px; padding-bottom: 8px;
}
.hero-cta-secondary:hover { border-color: rgba(var(--primary-rgb), .4); }
.hero-loc-link { pointer-events: auto !important; cursor: pointer; }
.hero-loc .hero-loc-ico-d { display: none; }
.hero-loc .hero-loc-ico-m { display: block; width: 26px; height: 26px; }
.hero-loc { font-size: .98rem; color: var(--gray-500); }
.hero-loc-link:hover span, .hero-loc-link:focus-visible span { color: var(--primary); }
}
@media (min-width: 861px) {
.plus-cascade {
max-width: none;
padding-top: var(--space-section);
padding-bottom: var(--space-section);
padding-left: var(--pad-x);
padding-right: var(--pad-x);
}
.pc-stage { --pc-col: calc(max(0px, (100% - 800px) / 2) + 10px); }
.pc-stage .pc-grid, .plus-cascade .pc-title { max-width: min(100%, 800px); }
.pc-grid .pc-card-p { max-width: none; padding-right: 0; text-wrap: pretty; }
.pc-grid .pc-card-t { margin-top: 5px; }
}
@media (min-width: 861px) {
#servicos, #servicos + .section-sep { display: none !important; }
}
@media (min-width: 861px) {
.hero-wrap { min-height: 100svh; }
.stats-strip { min-height: 112px; padding-top: 14px !important; padding-bottom: 14px !important; }
}
#self-service { display: none !important; }
@media (min-width: 861px) {
.plus-cascade,
.ssd-section,
.eng2-section,
.faq,
.novidades,
.services,
.schedule,
.reviews,
.location,
.profissionais,
#outros-servicos,
#horario,
#avaliacoes,
#localizacao,
#novidades,
#faq,
#pilares {
padding-top: var(--space-section) !important;
padding-bottom: var(--space-section) !important;
}
.section-header { margin-bottom: var(--space-header) !important; }
.faq { background: var(--white); }
.location, .faq ~ section { background: var(--gray-100); }
.reviews .review-card {
background: var(--white);
border: 1.5px solid rgba(var(--primary-rgb), .12);
box-shadow: none;
transition: box-shadow .2s, transform .2s;
}
.reviews .review-card:hover {
box-shadow: 0 6px 20px rgba(var(--primary-rgb), .1);
transform: translateY(-2px);
}
.reviews-hero {
padding: 24px 38px;
gap: 32px;
border-radius: 19px;
margin-bottom: 45px;
}
.reviews-hero {
--rev-col: calc((100% - 48px) / 3);
width: calc(2 * var(--rev-col) + 48px);
max-width: none;
margin-left: calc(var(--rev-col) / 2);
margin-right: calc(var(--rev-col) / 2);
justify-content: space-between;
gap: 40px;
}
.reviews-hero .big-score { font-size: 4rem; }
.reviews-hero .score-stars svg { width: 19px; height: 19px; }
.reviews-hero .reviews-cta p { font-size: .88rem; }
.reviews-hero .btn-google { padding: 11px 22px; font-size: .88rem; min-height: 40px; }
.reviews-hero .btn-google svg { width: 19px; height: 19px; }
nav#navbar .nav-logo img { background: #fff; border-radius: 50%; }
}
#lpanel-resumo, .cx-scroll { display: none !important; }
.cc-mapa { display: flex; flex-direction: column; gap: 14px; }
.cc-mapa .loc-map-inline { min-height: 300px; border-radius: var(--radius-m); overflow: hidden; }
.cc-morada {
background: var(--white); border: 1px solid var(--gray-200);
border-radius: var(--radius-m); padding: 18px 20px;
display: flex; flex-direction: column; gap: 12px;
}
.cc-morada-l { display: flex; align-items: center; gap: 12px; margin: 0; font-size: .9rem; line-height: 1.5; color: var(--gray-700); }
.cc-morada-l strong { color: var(--black); }
.cc-morada-ico { flex: none; display: inline-flex; color: var(--primary); }
.cc-morada-ico svg { width: 20px; height: 20px; }
.cc-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.cc-tab {
display: inline-flex; align-items: center; gap: 9px;
min-height: 44px; padding: 10px 20px; border-radius: 50px;
border: 1.5px solid var(--gray-200); background: var(--white);
font-family: inherit; font-size: .88rem; font-weight: var(--w-semi);
color: var(--gray-700); cursor: pointer;
transition: color .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .2s var(--ease-out);
}
.cc-tab svg { width: 19px; height: 19px; flex: none; }
.cc-tab:hover { border-color: var(--primary); color: var(--primary); transform: translateY(-1px); }
.cc-tab[aria-selected="true"] {
background: var(--primary); border-color: var(--primary); color: var(--white);
box-shadow: 0 6px 18px rgba(var(--primary-rgb), .26);
}
.cc-tab:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.cc-armed .cc-painel { display: none; }
.cc-armed .cc-painel.cc-on { display: block; animation: ccEntra .34s var(--ease-out) both; }
@keyframes ccEntra {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.cc-armed .cc-painel.cc-on { animation: none; }
}
.cc-painel:focus-visible { outline: 2px solid var(--primary); outline-offset: 6px; border-radius: var(--radius-m); }
.cc-painel-titulo { margin: 0 0 8px; font-size: 1.28rem; font-weight: var(--w-bold); letter-spacing: -.02em; color: var(--black); }
.cc-painel-lead { margin: 0 0 20px; font-size: .95rem; line-height: 1.6; color: var(--gray-500); text-wrap: pretty; }
.cc-itens { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.cc-item { display: flex; align-items: flex-start; gap: 14px; }
.cc-item-ico {
flex: none; display: inline-flex; align-items: center; justify-content: center;
width: 38px; height: 38px; border-radius: 11px;
background: var(--secondary-light); color: var(--primary);
}
.cc-item-ico svg { width: 19px; height: 19px; }
.cc-item-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cc-item-txt strong { font-size: .95rem; font-weight: var(--w-semi); color: var(--black); }
.cc-item-txt span { font-size: .88rem; line-height: 1.55; color: var(--gray-500); text-wrap: pretty; }
.cc-paragens { display: flex; flex-direction: column; gap: 14px; margin: 0 0 22px; }
.cc-paragem {
background: var(--white); border: 1px solid var(--gray-200);
border-radius: var(--radius-m); padding: 14px 16px;
}
.cc-paragem-cab { display: flex; align-items: center; gap: 12px; }
.cc-paragem-cab strong { font-size: .95rem; font-weight: var(--w-semi); color: var(--black); }
.cc-paragem-dist {
margin-left: auto; flex: none;
font-size: .78rem; font-weight: var(--w-semi); color: var(--primary);
background: var(--secondary-light); border-radius: 50px; padding: 4px 12px;
font-variant-numeric: tabular-nums lining-nums; white-space: nowrap;
}
.cc-linhas { list-style: none; margin: 10px 0 0 50px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.cc-linhas li { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.cc-linha-n {
flex: none; min-width: 46px; text-align: center;
font-size: .8rem; font-weight: var(--w-bold); color: var(--primary);
border: 1.5px solid rgba(var(--primary-rgb), .3); border-radius: 8px; padding: 2px 8px;
font-variant-numeric: tabular-nums lining-nums;
}
.cc-linha-txt { font-size: .86rem; line-height: 1.5; color: var(--gray-500); }
.cc-cta {
display: inline-flex; align-items: center; gap: 9px;
min-height: 44px; padding: 11px 22px; border-radius: 50px;
border: 1.5px solid rgba(var(--primary-rgb), .3);
background: var(--white); color: var(--primary);
font-size: .88rem; font-weight: var(--w-semi); text-decoration: none;
transition: border-color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);
}
.cc-cta svg { width: 18px; height: 18px; }
.cc-cta:hover { border-color: var(--primary); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(var(--primary-rgb), .14); }
.cc-cta-cheio { background: var(--primary); border-color: var(--primary); color: var(--white); justify-content: center; }
.cc-cta-cheio:hover { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--white); }
@media (min-width: 861px) {
.cc-grid {
display: grid;
grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr);
gap: clamp(24px, 3vw, 44px);
align-items: start;
max-width: 1100px;
margin-inline: auto;
}
.cc-mapa { position: sticky; top: calc(var(--nav-h) + 20px); }
}
@media (max-width: 860px) {
.cx-scroll, #lpanel-resumo { display: none !important; }
.cc-grid {
display: block;
max-width: none;
margin: 0 auto;
padding: 0;
}
.cc-grid { display: flex; flex-direction: column; }
.cc-mapa { order: 1; margin-top: 0; }
.cc-rotas { order: 2; margin-top: 22px; }
.cc-tabs {
display: flex; flex-wrap: nowrap; overflow-x: auto;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
gap: 8px; padding-bottom: 4px;
}
.cc-tabs { padding: 6px 12px 10px; margin-inline: -12px; scroll-padding-inline: 12px; }
.cc-tabs::-webkit-scrollbar { display: none; }
.cc-tab { flex: 0 0 auto; }
.cc-linhas { margin-left: 0; }
}
@media (max-width: 860px) {
.reviews-hero {
flex-direction: column !important;
align-items: stretch !important;
text-align: left;
padding: 26px 22px !important;
gap: 0 !important;
border-radius: 20px;
}
.reviews-score {
display: grid !important;
grid-template-columns: auto 1fr;
align-items: center;
gap: 16px;
flex-wrap: nowrap !important;
}
.reviews-hero .big-score {
font-size: 3.4rem;
line-height: 1;
margin: 0;
}
.reviews-hero .score-detail {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3px;
text-align: left;
}
.reviews-hero .score-stars { display: flex; gap: 3px; }
.reviews-hero .score-stars svg { width: 17px; height: 17px; }
.reviews-hero .score-detail > span { font-size: .82rem; line-height: 1.35; }
.reviews-hero .score-detail > span:last-child { font-size: .95rem !important; }
.reviews-hero .reviews-cta {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,.22);
text-align: left !important;
}
.reviews-hero .reviews-cta p {
font-size: .95rem;
line-height: 1.45;
margin: 0 0 16px;
}
.reviews-hero .reviews-cta p br { display: inline; }
.reviews-hero .btn-google {
display: flex;
width: 100%;
justify-content: center;
gap: 10px;
padding: 13px 18px;
min-height: 48px;
font-size: .95rem;
}
}
.review-card .reviewer-info .review-stars { margin-bottom: 0; margin-top: 3px; }
@media (min-width: 861px) {
.reviews-cards { grid-template-columns: repeat(3, 1fr); }
}
.google-badge svg { width: 14px; height: 14px; flex: none; }
@media (max-width: 860px) {
#outros-servicos > h2.aba { display: none !important; }
.ssd-right { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.ssd-preco-mais { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ssd-preco-mais li { display: flex; align-items: flex-start; gap: 8px; font-size: .86rem; line-height: 1.45; color: var(--gray-700); }
.ssd-preco-mais svg { width: 16px; height: 16px; flex: 0 0 auto; color: var(--primary); margin-top: 2px; }
.ssd-destaque { display: none; }
.ssd-destaque .ssd-ico { color: var(--primary); flex: 0 0 auto; }
.ssd-destaque-txt-col { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1 1 auto; min-width: 0; }
.ssd-destaque-txt strong { color: var(--primary); font-weight: 700; }
.ssd-destaque .ssd-item-tag { margin-left: 0; flex: 0 0 auto; }
.ssd-destaque-txt { font-size: .9rem; line-height: 1.5; color: var(--gray-700); }
.ssd-item-tag {
display: inline-block; margin-left: 8px; padding: 3px 10px;
border-radius: 999px; background: var(--secondary-light, #ddf1fd);
color: var(--primary); font-size: .66rem; font-weight: 700;
letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
}
.ssd-nota { margin: 0 0 14px; font-size: .9rem; color: var(--gray-500); }
.ssd-ctas { display: flex; flex-wrap: wrap; gap: 10px; }
#outros-servicos .section-subtitle { margin-top: 10px !important; }
.section-subtitle {
font-size: 1rem !important;
line-height: 1.75 !important;
}
#profissionais + .section-sep { margin-top: 0 !important; }
#profissionais { padding-bottom: var(--space-section) !important; }
#self-service-detalhe { padding-bottom: 3px !important; }
#outros-servicos .service-card {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 14px;
align-items: center;
text-align: left;
}
#outros-servicos .service-card .service-icon {
grid-column: 1; grid-row: 1;
margin: 0 !important;
}
#outros-servicos .service-card h3 {
grid-column: 2; grid-row: 1;
margin: 0 !important;
text-align: left;
}
#outros-servicos .service-card > p,
#outros-servicos .service-card .service-features {
grid-column: 1 / -1;
text-align: left;
}
#outros-servicos .service-card > p { margin-top: 14px; }
}
@media (max-width: 860px) {
#profissionais { background: var(--gray-100) !important; }
}
@media (max-width: 860px) {
.prof-mqs { isolation: isolate; position: relative; }
.prof-mqs::before {
content: ''; position: absolute; inset: -40px -70px;
background: radial-gradient(closest-side ellipse at 50% 50%, rgba(255,255,255,.95), rgba(255,255,255,.55) 45%, rgba(255,255,255,0) 100%);
pointer-events: none;
z-index: -1;
}
}
@media (min-width: 861px) {
.schedule .schedule-card .schedule-card-header { display: none; }
.schedule .sched-tag-m {
display: flex; align-items: flex-start; gap: 9px; margin: 0;
padding: 16px 22px 15px;
background: var(--primary-dark); color: #fff;
font-size: .95rem; font-weight: var(--w-bold);
letter-spacing: -.01em; line-height: 1.35; text-wrap: pretty;
}
.schedule .sched-tag-m svg { flex: 0 0 auto; opacity: .85; margin-top: 2px; }
.schedule .sched-d-only { display: none !important; }
.schedule .sched-m-only { display: flex !important; }
.schedule .sched-m-only .day { font-weight: 600; }
.schedule .sched-live { background: rgba(var(--primary-rgb), .045); }
.schedule .sched-live .day {
display: inline-flex; align-items: center; gap: 12px;
font-size: .72rem; font-weight: var(--w-bold); letter-spacing: .12em;
text-transform: uppercase; color: var(--gray-500);
}
.schedule .sched-live .time { color: var(--primary); font-weight: var(--w-bold); }
.schedule .sched-live .hlive-dot {
position: relative; width: 8px; height: 8px; border-radius: 50%;
flex: 0 0 auto; background: #4ade80; color: #4ade80;
box-shadow: none !important; margin: 3px 3px 3px 0;
}
.schedule .sched-live .hlive-dot::after {
content: ''; position: absolute; inset: -3px; border-radius: 50%;
border: 1.25px solid currentColor;
animation: radar-ping-s 2.4s ease-out infinite;
}
.schedule .sched-nota-m {
display: block; margin: 0; padding: 13px 24px 16px;
font-size: .82rem; color: rgba(var(--primary-rgb), .78);
}
.schedule .sched-next {
display: flex; justify-content: center;
background: rgba(var(--primary-rgb), .045);
}
.schedule .sched-next[hidden] { display: none !important; }
.schedule .sched-next .sn-msg { font-size: .82rem; font-weight: 600; color: var(--gray-500); white-space: pre-line; }
.schedule .sched-next.sn-soon .sn-msg { color: #e2574c; }
}
.nav-cta-pro {
margin-left: auto;
flex-shrink: 0;
display: inline-flex; align-items: center; white-space: nowrap;
text-decoration: none; line-height: 1;
font-size: .84rem;
}
.lang-toggle { margin-left: 12px !important; }
@media (max-width: 700px) {
.nav-cta-pro { padding: 9px 14px; font-size: .76rem; }
.lang-toggle { margin-left: 8px !important; }
}
@media (max-width: 430px) {
.nav-cta-pro { padding: 8px 11px; font-size: .7rem; }
}
@media (max-width: 860px) {
nav#navbar > .nav-cta-pro { display: none !important; }
.lang-toggle { margin-left: auto !important; margin-right: auto !important; transform: translateX(4px); }
}
@media (min-width: 861px) {
footer { padding-top: 40px !important; }
.footer-brand { margin-bottom: 21px; }
.footer-quote { line-height: 24px; margin-bottom: 0; }
.footer-desc { line-height: 24px; margin-bottom: 18px; }
.footer-col h4 { margin: 0 0 16px; }
.footer-col ul { gap: 5px; }
.faq-cards { grid-template-columns: repeat(3, 1fr); }
.quebra-horario { display: none; }
.footer-col ul a { min-height: 0; line-height: 17px; }
.footer-contact-items { gap: 11px; }
.footer-contact-item { line-height: 20.5px; }
.footer-inner { gap: 48px; margin-bottom: 30px; }
.footer-bottom { padding: 15px 0; }
.footer-contact-item a { min-height: 0; line-height: 20.5px; }
}
@media (min-width: 861px) and (pointer: coarse) {
.footer-col ul a, .footer-contact-item a { min-height: 44px; }
}
@media (max-width: 860px) {
footer { padding-top: 36px !important; }
.footer-inner { grid-template-columns: 1fr; gap: 64px; }
.footer-brand { margin-bottom: 21px; }
.footer-quote { line-height: 24px; margin-bottom: 0; }
.footer-desc { line-height: 24px; margin-bottom: 18px; }
.footer-col h4 { margin: 0 0 28px; }
.footer-col ul { gap: 19px; }
.footer-col ul a {
min-height: 0; line-height: 17px;
padding-block: 9.5px; margin-block: -9.5px;
}
.footer-contact-items { gap: 16px; }
.footer-contact-item { line-height: 20.5px; }
.footer-contact-item a {
min-height: 0; line-height: 20.5px;
padding-block: 8px; margin-block: -8px;
}
}
@media (min-width: 601px) and (max-width: 860px) {
.footer-inner { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 861px) {
.schedule .schedule-card {
position: relative;
background: var(--white);
border: 1px solid rgba(var(--primary-rgb), .10);
border-radius: 24px;
box-shadow: 0 10px 34px rgba(var(--primary-rgb), .07);
padding-bottom: 8px;
}
.schedule .schedule-card::before {
content: ''; position: absolute; left: 0; right: 0; top: 0; height: 5px;
background: var(--primary);
}
.schedule .sched-tag-m { display: none !important; }
.schedule .schedule-card .schedule-card-header {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
column-gap: 16px;
padding: 30px 26px 22px;
background: var(--white) !important;
color: var(--black);
}
.schedule .sched-ico {
grid-column: 1; grid-row: 1 / span 2;
width: 52px; height: 52px; border-radius: 15px;
background: var(--secondary-light); color: var(--primary);
display: grid; place-items: center;
opacity: 1;
}
.schedule .sched-ico svg { width: 24px; height: 24px; }
.schedule .schedule-card-header h3 {
grid-column: 2; grid-row: 1;
margin: 0 0 2px; font-size: 1.18rem; font-weight: var(--w-bold);
color: var(--black); letter-spacing: -.015em;
}
.schedule .schedule-card-header .sched-sub-d {
display: block; grid-column: 2; grid-row: 2;
font-size: .85rem; color: var(--gray-500); opacity: 1;
}
.schedule .schedule-card-badge { display: none !important; }
}
@media (max-width: 860px) {
:root {
--primary: #0066a6;
--primary-dark: #0066a6;
--primary-rgb: 0, 102, 166;
}
footer { background: var(--primary); }
.aba, .b2b-barra, .mss-title, .ssd-title, .eng2-title { color: var(--black); }
.pc-title { color: var(--black); }
.pc-metal {
background: none;
-webkit-background-clip: border-box; background-clip: border-box;
color: var(--primary-light);
filter: drop-shadow(0 4px 14px rgba(30, 123, 191, .30));
}
}
@media (max-width: 860px) {
:root { --tbar-h: 53px; --tbar-hb: 106px; --tbar-fx: 60px; }
.titulo-barra {
position: absolute; top: 0; left: 0; right: 0; z-index: 90;
height: calc(var(--tbar-hb) + 44px);
display: flex; align-items: center; justify-content: center;
padding: 0 var(--pad-x);
background-image: linear-gradient(var(--gray-100), var(--gray-100));
background-repeat: no-repeat;
background-position: top left;
background-size: 100% calc(100% - 14px);
filter: drop-shadow(0 0 5px rgba(var(--primary-rgb), .38));
transform: translateY(calc(100vh - var(--tbar-hb)));
transform: translateY(calc(100svh - var(--tbar-hb)));
visibility: hidden;
}
.titulo-barra.pronta { visibility: visible; }
.titulo-barra.fixa {
position: fixed; top: -30px;
transform: none;
background-position: 0 calc(var(--nav-h) + 30px);
background-size: 100% calc(100% - 14px - var(--nav-h) - 30px);
}
.hero-wrap { overflow: visible; }
.titulo-barra-radares {
position: absolute; inset: 10px 0 54px 0; display: flex; align-items: center; justify-content: center;
padding: 0 var(--pad-x);
z-index: 2;
}
.titulo-barra .radar2 { margin: 0 auto; width: 100%; }
.barra-encolhida-topo .titulo-barra-radares { opacity: 1; }
.titulo-barra-txt {
position: absolute; inset: 0 0 24px 0; z-index: 2;
padding: 0 var(--pad-x);
line-height: calc(var(--tbar-fx) - 24px);
font-size: .92rem; font-weight: 700; letter-spacing: -.01em;
color: var(--primary); text-align: center;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
opacity: 0;
pointer-events: none;
}
.titulo-barra-onda {
position: absolute; left: 0; right: 0; bottom: 0; height: 34px;
overflow: hidden; pointer-events: none;
}
.titulo-barra-onda:not(.cima)::before { top: 10px; }
.titulo-barra-onda.cima {
bottom: auto; top: -24px; transform: scaleY(-1);
opacity: 1;
}
.titulo-barra-onda::before {
content: ""; position: absolute; top: 0; left: -360px;
width: calc(100% + 720px); height: 24px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='360'%20height='60'%20viewBox='0%200%20360%2060'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,50%20C60,44%20120,44%20180,50%20C240,56%20300,56%20360,50%20L360,0%20L0,0%20Z'%20fill='%23f4f8fc'/%3E%3C/svg%3E");
background-repeat: repeat-x;
background-position: left top;
background-size: 360px 24px;
animation: tbar-deriva 8s linear infinite;
will-change: transform;
}
@keyframes tbar-deriva {
from { transform: translateX(0); }
to { transform: translateX(-360px); }
}
.titulo-barra-onda svg { display: none; }
.aba, .b2b-barra, .mss-title { top: calc(var(--nav-h) + 2px) !important; }
.stats-strip {
min-height: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
.barra-no-fundo .whatsapp-float:not(.wa-a-caminho) {
bottom: calc(max(20px, env(safe-area-inset-bottom, 0px)) + var(--tbar-hb) + 10px);
}
}
@media (min-width: 861px) { .titulo-barra { display: none; } }
@media (prefers-reduced-motion: reduce) {
.titulo-barra { transition: none; }
.titulo-barra-onda::before { animation: none !important; }
.titulo-barra-txt { transition: none; }
}
@media (max-width: 860px) {
#pilares { margin-top: 34px; }
}
@media (max-width: 860px) {
#pilares { overflow-x: clip; overflow-y: visible; }
#pilares .pc-title {
position: sticky;
position: -webkit-sticky;
top: calc(var(--nav-h) + 4px);
z-index: 91;
}
#pilares { padding-bottom: 8px !important; }
#pilares::after { content: ''; display: block; height: calc(clamp(48px, 7vh, 80px) - 8px); }
#outros-servicos { overflow-x: clip; overflow-y: visible; }
#outros-servicos .section-header { display: contents; }
#outros-servicos .section-subtitle { margin-bottom: var(--space-header); }
#outros-servicos .pc-title {
position: sticky; position: -webkit-sticky;
top: calc(var(--nav-h) + 4px);
z-index: 91;
}
}
@media (max-width: 860px) {
.ssd-left { display: contents; }
.ssd-head {
display: flex; justify-content: center; align-items: center; gap: 14px;
position: sticky; position: -webkit-sticky;
top: calc(var(--nav-h) - 8px);
z-index: 101;
}
.ssd-title { order: 1; text-align: center; }
.ssd-hero-ico { order: 2; }
.ssd-section { padding-bottom: 8px !important; }
.ssd-grid::after { content: ''; display: block; height: calc(var(--space-section) - 4px); }
}
@media (min-width: 861px) { .ssd-head { display: contents; } }
@media (max-width: 860px) {
.eng2-left { display: contents; }
.eng2-head {
display: flex; justify-content: center; align-items: center; gap: 14px;
position: sticky; position: -webkit-sticky;
top: calc(var(--nav-h) - 12px);
z-index: 101;
}
.eng2-title { order: 1; text-align: center; }
.eng2-hero-ico { order: 2; }
.eng2-lead { margin: -12px 0 -14px !important; }
.eng2-sub { margin: 0 0 14px !important; }
.eng2-section { padding-bottom: 8px !important; }
.eng2-grid::after { content: ''; display: block; height: calc(clamp(48px, 7vh, 80px) + 24px - 8px - 24px); }
}
@media (min-width: 861px) { .eng2-head { display: contents; } }
@media (max-width: 860px) {
.pc-title,
.section-title,
.mss-title,
.aba,
.b2b-barra,
.ssd-title,
.eng2-title {
font-size: 1.60rem !important;
}
}
@media (max-width: 860px) {
.faq-cards {
display: flex;
gap: 14px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding: 4px 0 8px;
margin: 0 calc(-1 * var(--pad-x));
padding-left: var(--pad-x);
padding-right: var(--pad-x);
scroll-padding-left: var(--pad-x);
align-items: flex-start;
}
.faq-cards::-webkit-scrollbar { display: none; }
.faq-card {
flex: 0 0 min(86%, 420px);
scroll-snap-align: start;
}
.faq-card:hover { transform: none; box-shadow: none; }
.faq-dots {
display: flex; justify-content: center; gap: 8px; margin-top: 14px;
}
.faq-dots button {
width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%;
background: rgba(var(--primary-rgb), .22); cursor: pointer;
position: relative;
}
.faq-dots button::after { content: ''; position: absolute; inset: -18px; }
.faq-dots button[aria-current="true"] { background: var(--primary); width: 22px; border-radius: 999px; }
.footer-bottom { padding: 15px 0; }
}
@media (min-width: 861px) { .faq-dots { display: none; } }
@media (max-width: 860px) {
.aba, .b2b-barra {
position: sticky; position: -webkit-sticky;
top: calc(var(--nav-h) - 8px);
z-index: 101;
}
@media (prefers-reduced-motion: reduce) {
.aba, .b2b-barra { position: static; }
}
}
@media (max-width: 860px) {
:root { --sec-top: clamp(34px, 6vw, 52px); }
.aba, .b2b-barra, .mss-title {
background: transparent !important;
-webkit-backdrop-filter: none !important; backdrop-filter: none !important;
box-shadow: none !important; border-bottom: 0 !important;
}
.aba::before, .aba::after, .b2b-barra::before, .b2b-barra::after,
.mss-title::before, .mss-title::after { display: none !important; }
section, .ssd-section, .eng2-section, .fid-section, .plus-cascade, #pilares,
#profissionais, #outros-servicos, #avaliacoes, #horario, #localizacao,
#novidades, .faq, #faq { padding-top: calc(var(--sec-top) + 10px) !important; }
#pilares { margin-top: 0 !important; padding-top: calc(var(--sec-top) + 60px) !important; }
.aba, .b2b-barra, .mss-title, .ssd-head, .eng2-head, .pc-title { margin-top: 0 !important; }
.section-sep { margin: 0 !important; }
.aba-row, .mss-title, .b2b-barra .aba-row { justify-content: center !important; gap: 14px !important; max-width: none !important; }
html body .aba,
html body .b2b-barra,
html body .mss-title,
html body .aba-txt,
html body .b2b-barra-txt,
html body .ssd-title,
html body .eng2-title,
html body .pc-title,
html body .pc-title-txt,
html body .section-title {
font-size: 1.60rem !important; font-weight: 700 !important; color: var(--black) !important;
letter-spacing: -.02em !important; line-height: 1.2 !important; transform: none !important;
}
html body .aba, html body .b2b-barra, html body .mss-title, html body .aba-row,
html body .ssd-head, html body .eng2-head, html body .pc-title {
display: flex !important; align-items: center !important; justify-content: center !important;
gap: 14px !important; padding-top: 0 !important; padding-bottom: 0 !important;
margin-top: 0 !important; margin-bottom: 4px !important;
}
html body .aba-row { margin-bottom: 0 !important; }
html body .faq-cards {
display: flex !important; flex-direction: column !important;
overflow: visible !important; gap: 10px !important; margin: 0 !important; padding: 0 !important;
}
html body .faq-card { flex: 0 0 auto !important; width: 100% !important; }
html body .faq-card-cab { padding: 14px 16px !important; gap: 12px !important; }
html body .faq-card-cab h3 { font-size: 1rem !important; }
html body .faq-card-cab .service-icon { width: 38px !important; height: 38px !important; }
html body .faq-card-cab .service-icon svg { width: 21px !important; height: 21px !important; }
html body .faq-card-mais { width: 30px !important; height: 30px !important; }
html body .faq-dots { display: none !important; }
html body .faq-cards { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
html body .faq-card { aspect-ratio: auto; width: auto !important; }
html body .faq-card-cab { height: 100%; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center; padding: 12px 6px 11px !important; gap: 2px !important; }
html body .faq-card-cab .service-icon { width: 40px !important; height: 40px !important; background: transparent !important; }
html body .faq-card-cab .service-icon svg { width: 40px !important; height: 40px !important; }
html body .faq-card-cab h3 { flex: 0 0 auto !important; font-size: .85rem !important; line-height: 1.2; font-weight: 400 !important; }
html body .faq-card-mais { display: none !important; }
html body #faqLista .faq-ico-mais, html body #faqLista .faq-ico-mais * { stroke-width: .9 !important; }
html body .faq-inline {
margin-top: 10px; background: var(--white); border: 1px solid var(--gray-200);
border-radius: 20px; padding: 0; overflow: hidden;
}
html body .faq-inline[hidden] { display: none !important; }
html body .faq-inline .faq-card-corpo { display: flex; flex-direction: column; gap: 0; padding: 0 !important; }
html body .faq-card.faq-card-on { border-color: var(--primary) !important; }
html body .faq-inline .faq-item, html body .faq-inline .faq-q, html body .faq-inline .faq-r, html body .faq-inline .faq-r-in { border-radius: 0 !important; }
html body .faq-inline .faq-item { border: 0 !important; margin: 0 !important; box-shadow: none !important; }
html body .faq-inline .faq-item { border-top: 1px solid var(--gray-200) !important; }
html body .faq-inline .faq-item.faq-first { border-top: 0 !important; }
html body .faq-inline .faq-item[hidden] { display: none !important; }
html body .faq-search { display: block; margin-top: 10px; }
html body .faq-search-campo {
display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 16px;
background: var(--white); border: 1px solid var(--gray-200); border-radius: 50px; color: var(--gray-500);
}
html body .faq-search-campo:focus-within { border-color: var(--primary); }
html body .faq-search-campo svg { width: 18px; height: 18px; flex: 0 0 auto; }
html body .faq-search-campo input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: .9rem; color: var(--black); padding: 12px 0; }
html body .faq-search-vazio { margin: 10px 0 0; text-align: center; font-size: .85rem; color: var(--gray-500); }
html body .faq-inline .faq-q, html body .faq-inline .faq-q * { font-weight: 400 !important; }
html body .faq-inline .faq-item::before, html body .faq-inline .faq-item::after { display: none !important; }
}
#faqLista .faq-ico-mais, #faqLista .faq-ico-mais *, #faqModalIco .faq-ico-mais, #faqModalIco .faq-ico-mais * { stroke-width: .9 !important; }
.faq-search { display: none; }
@media (min-width: 861px) {
html body .faq-modal { display: none !important; }
html body .faq-card-mais { display: none !important; }
html body .faq-card:hover { transform: none; box-shadow: none; }
html body .faq-card.faq-card-on { border-color: var(--primary) !important; }
html body .faq-search, html body .faq-inline { display: block; max-width: 1320px; margin-left: auto; margin-right: auto; }
html body .faq-search { margin-top: 16px; }
html body .faq-search-campo { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 20px; background: var(--white); border: 1px solid var(--gray-200); border-radius: 50px; color: var(--gray-500); }
html body .faq-search-campo:focus-within { border-color: var(--primary); }
html body .faq-search-campo svg { width: 20px; height: 20px; flex: 0 0 auto; }
html body .faq-search-campo input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 1rem; color: var(--black); padding: 14px 0; }
html body .faq-search-vazio { margin: 12px 0 0; text-align: center; font-size: .95rem; color: var(--gray-500); }
html body .faq-inline { margin-top: 16px; background: var(--white); border: 1px solid var(--gray-200); border-radius: 24px; padding: 0; overflow: hidden; }
html body .faq-inline[hidden] { display: none !important; }
html body .faq-inline .faq-card-corpo { display: flex; flex-direction: column; gap: 0; padding: 0 !important; }
html body .faq-inline .faq-item, html body .faq-inline .faq-q, html body .faq-inline .faq-r, html body .faq-inline .faq-r-in { border-radius: 0 !important; }
html body .faq-inline .faq-item { border: 0 !important; border-top: 1px solid var(--gray-200) !important; margin: 0 !important; box-shadow: none !important; }
html body .faq-inline .faq-item.faq-first { border-top: 0 !important; }
html body .faq-inline .faq-item[hidden] { display: none !important; }
html body .faq-inline .faq-q, html body .faq-inline .faq-q * { font-weight: 400 !important; }
html body .faq-inline .faq-item::before, html body .faq-inline .faq-item::after { display: none !important; }
}
@media (max-width: 860px) {
html body .quebra-horario { display: none !important; }
html body .reviews .review-card { position: relative; padding: 14px 16px 14px !important; }
html body .reviews .review-card .google-badge {
position: absolute; top: 12px; right: 14px; margin: 0 !important;
font-size: .7rem !important; gap: 5px;
}
html body .reviews .review-card .google-badge svg { width: 14px !important; height: 14px !important; }
html body .reviews .review-header { margin-bottom: 8px !important; padding-right: 96px; }
html body .reviews .review-text { margin: 0 !important; font-size: .84rem !important; line-height: 1.5 !important; }
html body .prof-form-wrap h3 em,
html body .ssd-tit em,
html body .section-title em,
html body .prof-hero h2 em,
html body .eng2-lead em,
html body .cx-title em {
font-style: normal !important; color: var(--primary) !important;
}
html body .cx-title, html body .cx-title em { color: var(--white) !important; }
html body .cx-title em { color: var(--secondary-light) !important; }
html body .aba, html body .b2b-barra, html body .mss-title,
html body .ssd-head, html body .eng2-head, html body .pc-title { margin-bottom: 14px !important; }
html body .ssd-tit,
html body .section-title,
html body .prof-hero h2,
html body .eng2-lead,
html body .eng2-sub { margin-top: 0 !important; }
html body .ssd-grid, html body .eng2-grid { gap: 0 !important; }
html body .ssd-grid > *, html body .eng2-grid > * { margin-bottom: 22px !important; }
html body .ssd-grid > *:last-child, html body .eng2-grid > *:last-child { margin-bottom: 0 !important; }
html body .ssd-head, html body .eng2-head { margin-bottom: 14px !important; }
html body .ssd-tit, html body .eng2-lead { margin-bottom: 8px !important; }
html body .reviews .review-card,
html body .cc-morada,
html body .loc-card,
html body .cc-paragem {
position: relative; overflow: hidden;
background: var(--white) !important;
border: 1px solid var(--gray-200) !important;
border-radius: 20px !important;
box-shadow: none !important;
}
html body .reviews .review-card::before,
html body .cc-morada::before,
html body .loc-card::before,
html body .cc-paragem::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
background: linear-gradient(90deg, var(--primary), var(--secondary-light));
z-index: 1; animation: none !important; opacity: 1 !important; transform: none !important;
}
html body .section-subtitle,
html body .eng2-sub,
html body .prof-hero > p { margin-top: 0 !important; margin-bottom: 22px !important; }
html body .section-header, html body .section-header.centered { margin-bottom: 0 !important; }
html body .ssd-tit,
html body .section-title,
html body .prof-hero h2,
html body .eng2-lead,
html body .section-subtitle,
html body .eng2-sub,
html body .prof-hero > p {
text-align: center !important; margin-left: auto !important; margin-right: auto !important;
}
html body .aba, html body .b2b-barra, html body .mss-title,
html body .ssd-head, html body .eng2-head, html body .pc-title,
html body .section-title, html body .prof-hero h2 { margin-top: 8px !important; }
html body .faq-card-cab h3,
html body .reviewer-info strong,
html body #outros-servicos .service-card h3,
html body .cc-item-txt strong,
html body .loc-bullet-text strong,
html body .cx-modo-title {
font-size: .95rem !important; line-height: 1.3 !important;
}
html body .faq-q,
html body .faq-r-in p,
html body .review-text,
html body #outros-servicos .service-card > p,
html body .cc-item-txt span,
html body .loc-bullet-text span,
html body .prof-feat-rect-body p,
html body .cx-modo-body {
font-size: .85rem !important; line-height: 1.5 !important;
}
html body .ssd-grid > .fid-section { padding: 0 !important; background: transparent !important; margin-top: -18px !important; }
html body #pilares { background: var(--gray-100) !important; }
html body .ssd-section { background: var(--white) !important; }
html body #profissionais { background: var(--gray-100) !important; }
html body .eng2-section, html body #engomadoria-resumo { background: var(--white) !important; }
html body #outros-servicos { background: var(--gray-100) !important; }
html body #avaliacoes { background: var(--white) !important; }
html body #horario { background: var(--gray-100) !important; }
html body #faq, html body .faq { background: var(--white) !important; }
html body #localizacao { background: var(--gray-100) !important; }
html body #novidades[hidden] + .section-sep { display: none !important; }
html body .pc-grid .pc-card-plus { left: 4px !important; }
html body .pc-grid .pc-card::after { left: 14px !important; }
html body .pc-stage .pc-grid::before, html body .pc-stage .pc-grid::after { left: 14px !important; }
html body .pc-link { left: calc(var(--pc-col, 10px) + 4px) !important; width: calc(var(--fx-title, 62%) - var(--pc-col, 10px) - 4px) !important; }
html body #avaliacoes .fade-up, html body .faq .fade-up, html body #localizacao .fade-up,
html body #horario .fade-up,
html body #avaliacoes .fade-up:not(.visible), html body .faq .fade-up:not(.visible),
html body #localizacao .fade-up:not(.visible), html body #horario .fade-up:not(.visible) {
opacity: 1 !important; transform: none !important; transition: none !important;
}
html body .cc-armed .cc-painel.cc-on { animation: none !important; }
html body .cc-painel-titulo { font-size: .95rem !important; font-weight: 700 !important; line-height: 1.3 !important; }
html body .cc-tab { font-size: .76rem !important; padding: 10px 11px !important; gap: 6px !important; }
html body:not(.eng-detalhe-on) #profissionais {
border-top: 1px solid transparent;
border-image: linear-gradient(90deg, transparent 0%, var(--secondary) 25%, var(--primary) 50%, var(--secondary) 75%, transparent 100%) 1;
}
html body .ssd-tit,
html body .prof-hero h2,
html body .cx-title,
html body .section-title,
html body .eng2-lead {
font-size: 1.28rem !important; font-weight: 700 !important; color: var(--black) !important;
line-height: 1.25 !important; letter-spacing: -.02em !important;
margin: 0 0 10px !important; text-wrap: balance;
}
html body .section-subtitle,
html body .prof-hero > p,
html body .cc-painel-lead,
html body .eng2-sub {
font-size: .82rem !important; line-height: 1.45 !important;
color: var(--gray-500) !important; max-width: 46ch; text-wrap: pretty;
}
html body .aba, html body .b2b-barra, html body .mss-title,
html body .ssd-head, html body .eng2-head, html body #pilares .pc-title, html body #outros-servicos .pc-title {
position: sticky !important; position: -webkit-sticky !important;
top: calc(var(--nav-h) + 2px) !important; z-index: 210 !important;
}
html body #profissionais, html body #avaliacoes, html body #horario, html body #localizacao,
html body #faq, html body #novidades, html body #outros-servicos, html body #pilares,
html body .ssd-section, html body .eng2-section, html body .prof-hero {
z-index: auto !important; isolation: auto !important; transform: none !important; filter: none !important;
content-visibility: visible !important; contain: none !important; overflow: visible !important;
}
html body .ssd-title, html body .eng2-title { margin: 0 !important; }
html body .ssd-hero-ico, html body .eng2-hero-ico, html body .aba-ico, html body .b2b-barra-ico, html body .mss-title-ico {
width: 66px !important; margin: -10px 0 !important;
}
html body .pc-title .pc-big { font-size: 1.4em !important; font-weight: 800 !important; }
.aba-ico, .b2b-barra-ico, .mss-title-ico { width: 66px !important; margin: -10px 0 !important; position: static !important; right: auto !important; }
}
@media (min-width: 861px) {
.ssd-right > .fid-section {
padding: 0 !important; background: transparent !important;
width: 100%; min-width: 0;
}
.ssd-right > .fid-section .fid-banner {
display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: center; gap: 24px;
padding: 30px 28px 30px; border-radius: 26px; max-width: none; margin: 0;
}
.ssd-right > .fid-section .fid-copy { order: 2; min-width: 0; }
.ssd-right > .fid-section .fid-cta {
min-height: 44px; padding: 0; gap: 6px; background: none; box-shadow: none;
color: rgba(255,255,255,.88); font-size: .85rem; font-weight: 500;
text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.ssd-right > .fid-section .fid-cta svg { width: 14px; height: 14px; }
.ssd-right > .fid-section .fid-card {
max-width: none; justify-self: stretch; width: 100%; min-width: 0;
transform: rotate(-1.5deg); order: 1; padding: 18px 18px 20px;
}
.ssd-right > .fid-section .fid-tag { display: none; }
.ssd-right > .fid-section .fid-title { font-size: clamp(1.5rem, 1.1rem + .9vw, 2rem); margin: 0 0 10px; }
.ssd-right > .fid-section .fid-lead { font-size: .9rem; margin-bottom: 16px; }
.ssd-right > .fid-section .fid-lead br { display: none; }
html body .ssd-right > .fid-section .fid-banner { grid-template-rows: auto 1fr auto auto 1fr; row-gap: 0 !important; }
html body .ssd-right > .fid-section .fid-copy { display: contents !important; }
html body .ssd-right > .fid-section .fid-title { grid-column: 1 / -1; grid-row: 1; margin: 0 0 18px !important; text-align: center; white-space: nowrap; font-size: clamp(1.5rem, 1rem + 1vw, 2rem) !important; }
html body .ssd-right > .fid-section .fid-card { grid-column: 1; grid-row: 2 / 6; align-self: center; margin-top: 0 !important; }
html body .ssd-right > .fid-section .fid-lead { grid-column: 2; grid-row: 3; align-self: end; margin: 0 0 10px !important; font-size: .92rem !important; line-height: 1.5 !important; }
html body .ssd-right > .fid-section .fid-cta { grid-column: 2; grid-row: 4; align-self: start; justify-self: start; display: inline-flex !important; align-items: center; gap: 0 !important; font-size: .92rem !important; }
html body .ssd-right > .fid-section .fid-cta svg { transform: translateY(3px) rotate(-45deg); margin: 0 0 0 -2px !important; }
html body .ssd-right > .fid-section .fid-card { overflow: hidden; }
html body .ssd-right > .fid-section .fid-dots { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 8px !important; }
html body .ssd-right > .fid-section .fid-dot { width: 100% !important; height: auto !important; aspect-ratio: 1; min-width: 0 !important; font-size: .95rem !important; }
html body .ssd-right > .fid-section .fid-dot.is-gift { font-size: .5rem !important; letter-spacing: .02em; }
html body .ssd-right > .fid-section .fid-dot svg { width: 45% !important; height: 45% !important; }
.ssd-right > .fid-section .fid-card-head { margin-bottom: 18px; gap: 12px; }
.ssd-right > .fid-section .fid-card-logo { width: 44px; }
.ssd-right > .fid-section .fid-dots { gap: 12px; }
}
@media (min-width: 861px) {
html body { --pg-margem: max(24px, (100vw - 1400px) / 2 + 40px); }
html body nav#navbar > .nav-container { max-width: none !important; width: auto !important; margin: 0 !important; padding-left: var(--pg-margem) !important; padding-right: var(--pg-margem) !important; }
html body nav#navbar > .nav-container > .nav-logo { margin-left: 0 !important; }
html body nav#navbar > .nav-container > .lang-switch { margin-right: 0 !important; }
html body:not(#_z):not(#_y):not(#_x) #profissionais, html body:not(#_z):not(#_y):not(#_x) #contactos, html body:not(#_z):not(#_y):not(#_x) #faq { display: grid !important; grid-template-columns: 0 41% 4% 55% 0 !important; column-gap: 0 !important; padding-left: var(--pg-margem) !important; padding-right: var(--pg-margem) !important; width: auto !important; max-width: none !important; }
html body #self-service-detalhe { padding-left: var(--pg-margem) !important; padding-right: var(--pg-margem) !important; }
html body #self-service-detalhe .ssd-grid { display: grid !important; grid-template-columns: 41% 55% !important; column-gap: 4% !important; max-width: none !important; width: 100% !important; margin: 0 !important; }
html body #self-service-detalhe .ssd-left, html body #self-service-detalhe .ssd-right { width: auto !important; max-width: none !important; min-width: 0 !important; flex: none !important; }
html body #self-service-detalhe .ssdm, html body #self-service-detalhe .ssd-right > * { max-width: none !important; }
html body #engomadoria-resumo { padding-left: var(--pg-margem) !important; padding-right: var(--pg-margem) !important; }
html body #engomadoria-resumo .eng2-grid { display: grid !important; grid-template-columns: 41% 55% !important; column-gap: 4% !important; max-width: none !important; width: 100% !important; margin: 0 !important; }
html body #engomadoria-resumo .eng2-left, html body #engomadoria-resumo .eng2-right { width: auto !important; max-width: none !important; min-width: 0 !important; }
html body #avaliacoes .reviews-wrap, html body #avaliacoes .reviews-inner, html body #horario .schedule-dual, html body #horario .schedule-wrap, html body #outros-servicos .services-grid, html body #localizacao .cc-wrap, html body #localizacao .cc-grid, html body footer .footer-grid, html body footer .footer-inner { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #horario .schedule-cards, html body #horario .schedule-grid, html body #localizacao .cc-tabs, html body #localizacao .cc-body, html body #localizacao .cc-map, html body #localizacao .cc-painel, html body #localizacao .cc-cols { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #engomadoria-resumo .eng2-right > * { max-width: none !important; width: auto !important; }
html body #engomadoria-resumo .eng2-precos, html body #engomadoria-resumo .eng2-card { max-width: none !important; width: auto !important; }
html body #localizacao .cc-painel-d, html body #localizacao .cc-tabs-d, html body #localizacao .cc-wrap-d { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #engomadoria-resumo .eng2-card-prices, html body #engomadoria-resumo .eng2-detalhe { max-width: none !important; width: auto !important; }
html body #localizacao .cc-card, html body #localizacao .cc-tabs-row, html body #localizacao .cc-inner { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #engomadoria-resumo .eng2-card-body, html body #engomadoria-resumo .eng2-card-inner, html body #engomadoria-resumo .eng2-rows { max-width: none !important; width: auto !important; }
html body #localizacao .cc-tabs-wrap, html body #localizacao .cc-painel-wrap, html body #localizacao .cc-cols-d { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #engomadoria-resumo .eng2-card-head, html body #engomadoria-resumo .eng2-precos-wrap { max-width: none !important; width: auto !important; }
html body #localizacao .cc-tabs-inner, html body #localizacao .cc-painel-inner { max-width: none !important; width: auto !important; }
html body #engomadoria-resumo .eng2-card-precos, html body #engomadoria-resumo .eng2-card-precos-inner, html body #engomadoria-resumo .eng2-lista { max-width: none !important; width: auto !important; }
html body #localizacao .cc-tabs-list, html body #localizacao .cc-tabs-scroll { max-width: none !important; width: auto !important; }
html body #localizacao .cc-wrap, html body #localizacao .cc-card { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #engomadoria-resumo .eng2-card, html body #engomadoria-resumo .eng2-card-body { max-width: none !important; width: auto !important; }
html body #engomadoria-resumo .eng2-card > *, html body #localizacao .cc-card > * { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #engomadoria-resumo .eng2-card-tabela, html body #engomadoria-resumo .eng2-tabela, html body #engomadoria-resumo .eng2-precos-lista { max-width: none !important; width: auto !important; }
html body #localizacao .cc-tabs-bar, html body #localizacao .cc-tablist { max-width: none !important; width: auto !important; }
html body #engomadoria-resumo .eng2-row { max-width: none !important; width: auto !important; grid-template-columns: minmax(0, 1fr) auto !important; }
html body #localizacao .cc-tabs { justify-content: stretch !important; }
html body #localizacao .cc-tabs > .cc-tab { flex: 1 1 0 !important; max-width: none !important; }
html body #horario .schedule-dual { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-content: stretch !important; }
html body #horario .schedule-dual > .schedule-card { max-width: none !important; width: auto !important; }
html body #localizacao .cc-card, html body #localizacao .cc-shell, html body #localizacao .cc-wrap { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #self-service-detalhe .ssdm, html body #self-service-detalhe .rlm-precos, html body #self-service-detalhe .rlm-mais, html body #self-service-detalhe .rlm-semtempo, html body #self-service-detalhe .fid-section { width: 100% !important; }
html body #self-service-detalhe .ssd-right .rlm-col, html body #self-service-detalhe .ssd-right .ssd-fim, html body #self-service-detalhe .ssd-right .ssd-fim-col, html body #self-service-detalhe .ssd-right .ssd-cards { width: 100% !important; max-width: none !important; }
html body #self-service-detalhe .ssd-right .ssd-semtempo-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; width: 100% !important; }
html body #profissionais .prof-feats-col, html body #profissionais .prof-form-wrap, html body #contactos .ct-cards, html body #contactos .ct-form-wrap, html body #faq #faqLista, html body #faq .faq-search-wrap { width: auto !important; max-width: none !important; }
@media (max-width: 1120px) { html body:not(#_z):not(#_y):not(#_x) #profissionais, html body:not(#_z):not(#_y):not(#_x) #contactos, html body:not(#_z):not(#_y):not(#_x) #faq { grid-template-columns: 0 41% 4% 55% 0 !important; } }
html body:not(#_z):not(#_y) #outros-servicos .svc-cols, html body:not(#_z):not(#_y) #outros-servicos .services-grid, html body:not(#_z):not(#_y) #outros-servicos .pc-title, html body:not(#_z):not(#_y) #outros-servicos .section-header,
html body:not(#_z):not(#_y) #avaliacoes .rev-cols, html body:not(#_z):not(#_y) #horario .schedule-dual, html body:not(#_z):not(#_y) #horario .section-header, html body:not(#_z):not(#_y) #horario > .aba,
html body:not(#_z):not(#_y) #localizacao > .aba, html body:not(#_z):not(#_y) #localizacao .cc-grid, html body:not(#_z):not(#_y) #avaliacoes > .aba, html body:not(#_z):not(#_y) #outros-servicos > .aba,
html body:not(#_z):not(#_y) .aba, html body:not(#_z):not(#_y) .b2b-barra { max-width: none !important; }
html body:not(#_z):not(#_y) #outros-servicos, html body:not(#_z):not(#_y) #avaliacoes, html body:not(#_z):not(#_y) #horario, html body:not(#_z):not(#_y) #localizacao, html body:not(#_z):not(#_y) #self-service-detalhe, html body:not(#_z):not(#_y) #engomadoria-resumo { padding-left: var(--pg-margem) !important; padding-right: var(--pg-margem) !important; }
html body .m-only-txt { display: none !important; }
html body:not(#_z):not(#_y):not(#_x) #self-service-detalhe .ssdm { display: flex !important; flex-direction: column !important; }
html body:not(#_z):not(#_y):not(#_x) #self-service-detalhe .ssdm > .rlm-semtempo { order: -1 !important; margin-top: 0 !important; margin-bottom: 16px !important; }
html body:not(#_z):not(#_y):not(#_x) #self-service-detalhe .ssd-right { row-gap: 0 !important; gap: 0 !important; }
html body:not(#_z):not(#_y):not(#_x) #self-service-detalhe .ssd-right > #fidelizacao { margin-top: 16px !important; }
html body:not(#_z):not(#_y):not(#_x) #fidelizacao .fid-banner { background: var(--primary) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-list { display: block !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-row { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 0 !important; border-bottom: 1px solid rgba(var(--primary-rgb), .08) !important; grid-template-columns: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-row-num { display: block !important; flex: 0 0 auto !important; width: auto !important; min-width: 40px !important; padding: 4px 8px !important; border-radius: 8px !important; background: var(--secondary-light) !important; color: var(--primary) !important; font-size: 13px !important; font-weight: 700 !important; text-align: center !important; line-height: 1.6 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-row-nome { display: flex !important; align-items: center !important; gap: 8px !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; font-size: 15px !important; color: var(--gray-700) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-row-tag { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 24px !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background: var(--secondary-light) !important; color: var(--primary) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-row-tag svg { width: 15px !important; height: 15px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-row-preco { display: block !important; flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; font-size: 17px !important; font-weight: 700 !important; color: var(--black) !important; text-align: right !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-list .eng2-row-tag { width: auto !important; flex: 0 0 auto !important; height: 24px !important; gap: 5px !important; padding: 0 10px 0 7px !important; border-radius: 12px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-list .eng2-tag-txt { font-size: 12px !important; font-weight: 400 !important; color: var(--primary) !important; line-height: 1 !important; white-space: nowrap !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-legenda { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-list .eng2-row-tag { margin-left: auto !important; margin-right: auto !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-list .eng2-row-nome { gap: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-list .eng2-row-preco { padding-left: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-list .eng2-row:has(.eng2-row-tag) { column-gap: 0 !important; gap: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-list .eng2-row:has(.eng2-row-tag) .eng2-row-num { margin-right: 12px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-legenda { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px 22px !important; margin: 12px 0 0 !important; padding-top: 12px !important; border-top: 1px solid var(--gray-200) !important; font-size: 13px !important; color: var(--gray-700) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-leg-i { display: inline-flex !important; align-items: center !important; gap: 8px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo .eng2-legenda .eng2-row-tag { display: inline-flex !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-card .eng2-card-tit { display: block !important; font-size: 20.48px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.02em !important; color: var(--black) !important; text-align: center !important; margin: 0 0 12px !important; padding: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-card .eng2-card-tit em { font-style: normal !important; color: var(--primary) !important; font-size: inherit !important; font-weight: inherit !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-grid { row-gap: 16px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #avaliacoes .review-card { padding-top: 16px !important; padding-bottom: 16px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-card .eng2-card-nota, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-card .eng2-card-pe { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #profissionais > .prof-hero { grid-template-columns: 100% !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #self-service-detalhe p.ssd-nota,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #engomadoria-resumo p.eng2-sub,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #profissionais > .prof-hero > p,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #outros-servicos p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #avaliacoes p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #horario p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #faq p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #contactos p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #localizacao p.sub-caixa { text-align: left !important; text-wrap: pretty !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #self-service-detalhe p.ssd-nota br, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #engomadoria-resumo p.eng2-sub br, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #profissionais > .prof-hero > p br, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #outros-servicos p.sub-caixa br, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #avaliacoes p.sub-caixa br, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #horario p.sub-caixa br, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #faq p.sub-caixa br, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #contactos p.sub-caixa br, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u) #localizacao p.sub-caixa br { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #outros-servicos p.sub-caixa, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #horario p.sub-caixa, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #localizacao p.sub-caixa { text-align: center !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #profissionais .prof-form .prof-status:empty { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #profissionais .prof-form .prof-submit-note { margin-top: 4px !important; margin-bottom: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #profissionais .prof-form-wrap { padding-bottom: 18px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #profissionais .prof-closing-inline { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #self-service-detalhe { padding-bottom: 100px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #self-service-detalhe .ssd-fim { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #pilares { padding-bottom: 80px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #profissionais { padding-top: 60px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo { padding-bottom: 100px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos .ct-lead { margin-top: -12px !important; padding-bottom: 18px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos .ct-form .ct-status:empty { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos .ct-form .prof-submit-note { margin-top: 0 !important; margin-bottom: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #engomadoria-resumo .eng2-card .eng2-card-exp { display: block !important; margin: 12px 0 0 !important; padding-top: 0 !important; border-top: 0 !important; text-align: center !important; font-size: 14px !important; font-weight: 400 !important; color: var(--black) !important; line-height: 1.5 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos > .ct-col-l { display: block !important; grid-column: 2 !important; grid-row: 1 / -1 !important; align-self: start !important; position: sticky !important; top: calc(var(--nav-h) + 24px) !important; min-width: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos > .ct-col-l > * { grid-column: auto !important; grid-row: auto !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #self-service-detalhe .ssd-left > p.ssd-nota, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #profissionais > .prof-hero > p, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #avaliacoes .rev-col-l > .section-header, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #avaliacoes .rev-col-l > .section-header > p.sub-caixa, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #contactos > .ct-col-l > .section-header, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t) #contactos > .ct-col-l > .section-header > p.sub-caixa { margin-bottom: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario { display: grid !important; grid-template-columns: 0 41% 4% 55% 0 !important; column-gap: 0 !important; align-items: start !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-col-l { display: block !important; grid-column: 2 !important; grid-row: 1 !important; position: sticky !important; top: calc(var(--nav-h) + 24px) !important; align-self: start !important; min-width: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .schedule-dual { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-col-l > .aba { max-width: none !important; margin: 0 0 28px !important; text-align: left !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-col-l .aba-row { justify-content: flex-start !important; flex-direction: column !important; align-items: flex-start !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-col-l .aba-ico { align-self: flex-start !important; top: 0 !important; margin: 0 0 2px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-col-l .section-header { max-width: none !important; margin: 0 !important; text-align: left !important; align-items: flex-start !important; display: block !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-col-l .section-title { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-col-l .section-title br { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-col-l p.sub-caixa { text-align: left !important; margin: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario > .hor-tab { display: grid !important; grid-column: 4 !important; grid-row: 1 !important; grid-template-columns: 1fr 1fr !important; column-gap: 0 !important; background: var(--white) !important; border: 1px solid var(--gray-200) !important; border-radius: 14px !important; overflow: hidden !important; min-width: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-h { display: flex !important; align-items: center !important; gap: 10px !important; padding: 14px 18px !important; background: var(--primary) !important; color: var(--white) !important; font-size: 16px !important; font-weight: 700 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-h + .hor-h { border-left: 1px solid rgba(255,255,255,.2) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-ico { display: inline-flex !important; width: 20px !important; height: 20px !important; color: var(--white) !important; flex: 0 0 20px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-ico svg { width: 20px !important; height: 20px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-c { padding: 14px 18px !important; border-bottom: 1px solid var(--gray-200) !important; font-size: 14px !important; line-height: 1.5 !important; color: var(--black) !important; min-width: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-c:nth-child(even) { border-left: 1px solid var(--gray-200) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-dia { font-size: 14px !important; color: var(--gray-700) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-hora { font-size: 16px !important; font-weight: 700 !important; color: var(--black) !important; white-space: nowrap !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-live { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; padding-top: 12px !important; padding-bottom: 12px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-live > span:nth-child(2) { font-size: 14px !important; font-weight: 600 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-live { position: relative !important; padding-left: 35px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-dot { position: absolute !important; left: 18px !important; top: 19px !important; width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #4ade80; box-shadow: 0 0 0 3px rgba(74,222,128,.22) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-msg { font-size: 13px !important; color: var(--gray-700) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-msg:empty { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #horario .hor-nota { background: var(--gray-100) !important; font-size: 13px !important; color: var(--gray-700) !important; border-bottom: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo a#waEng.eng2-cta { width: 273px !important; box-sizing: border-box !important; justify-content: flex-start !important; gap: 12px !important; padding: 7px 14px 7px 8px !important; min-height: 0 !important; border-radius: 14px !important; background: var(--primary) !important; border: 0 !important; color: var(--white) !important; white-space: nowrap !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo a#waEng.eng2-cta > svg.eng2-cta-wa { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo a#waEng.eng2-cta > svg.eng2-cta-saco { display: block !important; box-sizing: content-box !important; flex: 0 0 auto !important; width: 20px !important; height: 20px !important; padding: 9px !important; border-radius: 8px !important; background: var(--white) !important; color: var(--primary) !important; fill: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq { grid-template-rows: auto auto auto auto !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-col-l { display: block !important; grid-column: 2 !important; grid-row: 1 / 5 !important; position: sticky !important; top: calc(var(--nav-h) + 24px) !important; align-self: start !important; min-width: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-col-l > .aba { text-align: left !important; margin: 0 0 28px !important; max-width: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-col-l > .aba .aba-row { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; margin: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-col-l > .aba .aba-ico { align-self: flex-start !important; margin: 0 0 2px !important; top: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-col-l > .aba .aba-txt { text-align: left !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-col-l > .section-header { margin: 0 !important; max-width: none !important; text-align: left !important; align-items: flex-start !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-col-l .section-title, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-col-l .section-subtitle { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > #faqLista { grid-column: 4 !important; grid-row: 1 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > #faqSearch { grid-column: 4 !important; grid-row: 2 !important; margin: 16px 0 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > #faqInline { grid-column: 4 !important; grid-row: 3 !important; margin: 12px 0 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > .faq-nota { grid-column: 4 !important; grid-row: 4 !important; margin: 24px 0 0 !important; text-align: left !important; max-width: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > #faqLista > .faq-card { aspect-ratio: auto !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > #faqLista > .faq-card > .faq-card-cab { padding: 18px 10px 16px !important; gap: 6px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > #faqLista .service-icon { width: 52px !important; height: 52px !important; background: transparent !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq > #faqLista .service-icon svg { width: 52px !important; height: 52px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq .service-icon:has(> svg.faq-ico-m) > svg:not(.faq-ico-m) { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq .service-icon svg.faq-ico-m { display: block !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq .service-icon svg.faq-ico-b2b { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #faq .service-icon svg.faq-ico-loja { display: block !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #localizacao .cc-tabs .cc-tab { border-radius: 14px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao { display: grid !important; grid-template-columns: 0 41% 4% 55% 0 !important; column-gap: 0 !important; align-items: start !important; padding-left: var(--pg-margem) !important; padding-right: var(--pg-margem) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .loc-col-l { display: block !important; grid-column: 2 !important; grid-row: 1 !important; position: sticky !important; top: calc(var(--nav-h) + 24px) !important; align-self: start !important; min-width: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .loc-col-l > .aba { max-width: none !important; margin: 0 0 28px !important; text-align: left !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .loc-col-l > .aba .aba-row { justify-content: flex-start !important; flex-direction: column !important; align-items: flex-start !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .loc-col-l > .aba .aba-ico { align-self: flex-start !important; top: 0 !important; margin: 0 0 2px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .loc-col-l > .section-header { max-width: none !important; margin: 0 !important; text-align: left !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .loc-col-l .section-title { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .loc-col-l .section-title br { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .loc-col-l p.sub-caixa { text-align: left !important; margin: 0 !important; max-width: none !important; width: 100% !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .cc-grid { grid-column: 4 !important; grid-row: 1 !important; display: flex !important; flex-direction: column !important; gap: 28px !important; max-width: none !important; width: 100% !important; margin: 0 !important; min-width: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .cc-grid > .cc-mapa { position: static !important; width: 100% !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s) #localizacao > .cc-grid > .cc-rotas { width: 100% !important; }
html body .faq-teste-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin-bottom: 16px; grid-column: 1 / -1; }
html body .faq-cta-teste { display: inline-flex; align-items: center; gap: 12px; padding: 7px 18px 7px 8px; width: 210px; justify-content: flex-start; white-space: nowrap; overflow: hidden; border-radius: 14px; background: var(--primary); border: 0; color: var(--white); font-weight: 700; font-size: .92rem; font-family: inherit; cursor: pointer; }
html body .faq-cta-teste .service-icon { box-sizing: content-box; flex: 0 0 auto; width: 20px !important; height: 20px !important; padding: 9px; border-radius: 8px; background: var(--white); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-teste-row .faq-cta-teste .service-icon { display: flex !important; align-items: center; justify-content: center; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; margin: 0 !important; background: var(--white) !important; border-radius: 8px !important; padding: 9px !important; box-sizing: content-box !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-teste-row .faq-cta-teste .service-icon svg { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-teste-row .faq-cta-teste .service-icon svg.faq-ico-m { width: 20px !important; height: 20px !important; display: block !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-teste-row .faq-cta-teste .service-icon svg.faq-ico-loja { width: 20px !important; height: 20px !important; display: block !important; }
html body .faq-cta-teste .service-icon svg:first-child { display: none !important; }
html body .faq-cta-teste .service-icon svg.faq-ico-mais { display: block !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-teste-row3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; grid-column: 1 / -1; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3 { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; padding: 14px 10px 30px; border-radius: 16px; font: inherit; font-size: 15px; font-weight: 400; line-height: 1.2; color: var(--black); cursor: pointer; background: linear-gradient(180deg, #ffffff 0%, var(--gray-100) 55%, var(--gray-200) 100%); border: 1px solid var(--gray-200); box-shadow: 0 6px 14px rgba(0, 40, 70, .18), 0 2px 3px rgba(0, 40, 70, .12), 0 -2px 6px rgba(0, 40, 70, .06), 4px 0 8px rgba(0, 40, 70, .06), -4px 0 8px rgba(0, 40, 70, .06), inset 0 2px 0 rgba(255,255,255,1), inset 0 -3px 0 rgba(0, 40, 70, .07); transition: transform .15s ease, box-shadow .15s ease, background-color .25s ease, filter .15s ease; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3:hover { filter: brightness(.88); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3:active { transform: translateY(2px); background: var(--gray-200); box-shadow: 0 1px 2px rgba(0, 40, 70, .14), inset 0 3px 6px rgba(0, 40, 70, .14); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3::after { content: ""; position: absolute; left: 50%; bottom: 12px; width: 7px; height: 7px; margin-left: -4px; border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary); transform: rotate(45deg); transition: transform .25s ease; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3 .faq-t3-ico { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3 .faq-t3-ico svg { display: block !important; width: 40px !important; height: 40px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3.faq-t3-on { background: var(--primary); border-color: var(--primary); color: var(--white); transform: translateY(2px); box-shadow: 0 1px 2px rgba(0, 40, 70, .16), inset 0 3px 7px rgba(0, 0, 0, .28), inset 0 -1px 0 rgba(255,255,255,.15); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3.faq-t3-on .faq-t3-ico { background: var(--white); }
html.stk-on body .stk { position: sticky !important; top: var(--stk-top, 0px) !important; }
html.stk-on body .stk + .stk, html.stk-on body .stk-sep + .stk { border-radius: 28px 28px 0 0 !important; box-shadow: 0 -14px 34px rgba(0, 40, 70, .14) !important; }
html.stk-on body .stk-sep { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) footer .footer-inner > .footer-col:nth-child(2) ul { display: grid !important; grid-auto-flow: column !important; grid-template-rows: repeat(5, auto) !important; grid-template-columns: repeat(2, max-content) !important; column-gap: 32px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq .faq-resultados .faq-item { display: flex; flex-direction: column; align-items: flex-start; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq .faq-resultados .faq-item > h3 { align-self: stretch; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq .faq-resultados .faq-item[hidden] { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq .faq-tag { display: inline-flex; align-items: center; margin: 14px 0 -4px 22px; padding: 4px 10px; border-radius: 50px; background: var(--secondary-light); color: var(--primary); font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: .01em; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links { justify-content: space-evenly !important; padding-left: 0 !important; padding-right: 0 !important; gap: 0 !important; margin-left: 154px !important; margin-right: 142px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links > li > a { justify-content: center !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links > li > a { position: relative !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links > li > a .nav-txt { position: absolute !important; top: calc(100% + 8px) !important; left: 50% !important; transform: translate(-50%, -4px) !important; margin: 0 !important; padding: 5px 11px !important; border-radius: 50px !important; background: var(--primary) !important; color: var(--white) !important; font-size: 12.5px !important; line-height: 1.2 !important; white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .18s ease, transform .18s ease !important; box-shadow: 0 6px 16px rgba(0, 40, 70, .18) !important; z-index: 5 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links > li > a:hover .nav-txt, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links > li > a:focus-visible .nav-txt { opacity: 1 !important; transform: translate(-50%, 0) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links > li > a .nav-ico { width: 28px !important; height: 28px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a:has(.nav-ico-m) .nav-ico:not(.nav-ico-m) { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a .nav-ico { transition: transform .22s cubic-bezier(.34, 1.56, .64, 1) !important; transform-origin: center; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a:hover .nav-ico, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a:focus-visible .nav-ico { transform: scale(1.8) !important; }
html body #localizacao .cc-item-ico-pino svg.cc-pino { display: block !important; width: 22px !important; height: 22px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a[href="#engomadoria-resumo"] .nav-ico { scale: 1.15; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a[href="#contactos"] .nav-ico { scale: 1.12; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a[href="#profissionais"] .nav-ico { scale: 1.08; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a[href="#localizacao"] .nav-ico,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a[href="#self-service-detalhe"] .nav-ico,
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a[href="#horario"] .nav-ico { scale: .95; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) nav#navbar .nav-links a[href="#profissionais"] .nav-ico [stroke-width="1.8"] { stroke-width: 2.1 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio { background: radial-gradient(ellipse 62% 70% at 28% 46%, #ffffff 0%, rgba(255,255,255,.85) 38%, rgba(255,255,255,0) 72%), radial-gradient(ellipse 48% 60% at 80% 42%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 70%), linear-gradient(180deg, #ffffff 0%, var(--gray-100) 100%) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio::before { width: 820px !important; height: 820px !important; top: -30% !important; right: -14% !important; background: radial-gradient(circle, rgba(221,241,253,.75) 0%, rgba(221,241,253,.3) 40%, rgba(221,241,253,0) 70%) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio::after { width: 560px !important; height: 560px !important; background: radial-gradient(circle, rgba(221,241,253,.6) 0%, rgba(221,241,253,0) 70%) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio .hero-p-d { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio h1 { font-size: 54px !important; line-height: 1.35 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio .hero-content { min-height: 392px !important; justify-content: flex-start !important; top: 8px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio .hero-side-card { top: calc(50% + 24px) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio .hero-content > h1 { margin-top: -17px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio .hero-content > .hero-ctas { margin-top: auto !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio .hero-content > .hero-loc { margin-bottom: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #inicio .hero-cta-empresas { border-width: 0.5px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) .stats-strip strong { color: var(--white) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista > .faq-card { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #faq #faqLista .faq-cta-t3.faq-t3-on::after { border-color: var(--white); transform: translateY(4px) rotate(225deg); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) !important; grid-template-areas: "ico t" "v v" "n n" !important; column-gap: 12px !important; row-gap: 10px !important; align-items: center !important; align-content: start !important; padding: 18px !important; background: var(--white) !important; border: 1px solid var(--gray-200) !important; border-radius: 18px !important; box-shadow: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card > .ct-card-txt { display: contents !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card > .ct-ico { grid-area: ico !important; width: 46px !important; height: 46px !important; border-radius: 13px !important; background: var(--secondary-light) !important; color: var(--black) !important; display: grid !important; place-items: center !important; margin: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card > .ct-ico svg { width: 28px !important; height: 28px !important; stroke-width: .9 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card .ct-label { grid-area: t !important; font-size: 14.4px !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--black) !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card .ct-valor { grid-area: v !important; font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: var(--black) !important; margin: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card .ct-nota { grid-area: n !important; font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: #3a5a70 !important; margin: -8px 0 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card::after { background: var(--black) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card.ct-card-wide, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card.ct-redes, html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #contactos .ct-card.ct-loja { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #localizacao .cc-tabs { display: grid !important; grid-template-columns: 20fr 25fr 25fr 30fr !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #localizacao .cc-tabs > .cc-tab { width: auto !important; min-width: 0 !important; flex: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #profissionais { padding-bottom: 0 !important; position: relative; z-index: 1; content-visibility: visible !important; contain: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #profissionais::after { content: ""; display: block; grid-column: 2; grid-row: 4; height: calc(var(--space-section) + 420px); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #profissionais > .prof-hero { grid-row: 2 / 5 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #profissionais + .section-sep { position: relative; z-index: 3; margin-top: -420px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #engomadoria-resumo { position: relative; z-index: 3; clip-path: inset(0); }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #engomadoria-resumo .eng2-grid > .eng2-left { margin-top: calc(-1 * (var(--space-section) + 420px)) !important; }
html body br.br-d { display: inline !important; }
html body:not(#_z):not(#_y):not(#_x) #self-service-detalhe .ssdm .rlm-preco strong { font-weight: 400 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #self-service-detalhe p.ssd-nota,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo p.eng2-sub,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #outros-servicos p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #avaliacoes p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #horario p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #faq p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #localizacao p.sub-caixa {
background: var(--white) !important; border: 1px solid var(--gray-200) !important; border-radius: 12px !important;
padding: 18px 22px 16px !important; font-size: 16px !important; line-height: 1.55 !important; font-weight: 400 !important;
color: var(--black) !important; text-align: center !important; text-wrap: balance !important;
position: relative !important; overflow: hidden !important; box-sizing: border-box !important;
max-width: 100% !important; margin-top: 0 !important; margin-bottom: 18px !important; box-shadow: none !important;
}
html body:not(#_z):not(#_y):not(#_x):not(#_w) #self-service-detalhe p.ssd-nota::before,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo p.eng2-sub::before,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #outros-servicos p.sub-caixa::before,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #avaliacoes p.sub-caixa::before,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #horario p.sub-caixa::before,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #faq p.sub-caixa::before,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos p.sub-caixa::before,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #localizacao p.sub-caixa::before {
content: '' !important; position: absolute !important; inset: 0 0 auto 0 !important; height: 4px !important;
background: linear-gradient(90deg, var(--primary), var(--secondary-light)) !important; display: block !important;
}
html body:not(#_z):not(#_y):not(#_x):not(#_w) #self-service-detalhe h3.ssd-tit,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo p.eng2-lead,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #outros-servicos h3.section-title,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #avaliacoes h2.section-title,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #horario h2.section-title,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #faq h2.section-title,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos h2.section-title,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #localizacao h2.section-title { width: fit-content !important; max-width: 100% !important; margin-bottom: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #outros-servicos .section-title, html body:not(#_z):not(#_y):not(#_x):not(#_w) #outros-servicos p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #horario .section-title, html body:not(#_z):not(#_y):not(#_x):not(#_w) #horario p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #localizacao .section-title, html body:not(#_z):not(#_y):not(#_x):not(#_w) #localizacao p.sub-caixa { margin-left: auto !important; margin-right: auto !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #self-service-detalhe p.ssd-nota,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #engomadoria-resumo p.eng2-sub,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #avaliacoes p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #faq p.sub-caixa,
html body:not(#_z):not(#_y):not(#_x):not(#_w) #contactos p.sub-caixa { margin-left: 0 !important; margin-right: 0 !important; }
html body:not(#_z):not(#_y):not(#_x) #self-service-detalhe h3.ssd-tit, html body:not(#_z):not(#_y):not(#_x) #engomadoria-resumo p.eng2-lead, html body:not(#_z):not(#_y):not(#_x) #outros-servicos .section-title, html body:not(#_z):not(#_y):not(#_x) #avaliacoes .section-title, html body:not(#_z):not(#_y):not(#_x) #horario .section-title, html body:not(#_z):not(#_y):not(#_x) #faq .section-title, html body:not(#_z):not(#_y):not(#_x) #contactos .section-title, html body:not(#_z):not(#_y):not(#_x) #localizacao .section-title { font-size: 20px !important; }
html body:not(#_z):not(#_y):not(#_x) #self-service-detalhe h3.ssd-tit .ssd-tit-em { font-size: inherit !important; }
html body:not(#_z):not(#_y):not(#_x) #profissionais { container-type: inline-size; }
html body:not(#_z):not(#_y):not(#_x) #profissionais > .prof-hero > h2:not(.b2b-barra) { font-size: min(20px, 1.76cqi) !important; white-space: nowrap !important; }
html:lang(fr) body:not(#_z):not(#_y):not(#_x) #profissionais > .prof-hero > h2:not(.b2b-barra) { font-size: min(19px, 1.67cqi) !important; }
html body:not(#_z):not(#_y):not(#_x) #profissionais > .prof-hero { display: grid !important; grid-template-columns: fit-content(100%) !important; align-content: start !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #profissionais > .prof-hero > p br.br-m { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #profissionais > .prof-hero > p { text-wrap: balance !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v) #profissionais > .prof-hero > p { width: 0 !important; min-width: 100% !important; border-radius: 12px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w) #profissionais > .prof-hero > p { width: auto !important; max-width: none !important; justify-self: stretch !important; box-sizing: border-box !important; }
html body:not(#_z):not(#_y):not(#_x) #avaliacoes .rev-cols { grid-template-columns: 41% 55% !important; column-gap: 4% !important; max-width: none !important; width: 100% !important; margin: 0 !important; }
}
@media (min-width: 861px) {
.ssdm .rlm-precos { border-radius: 0 !important; }
.ssdm .rlm-mais {
display: flex; flex-direction: column; gap: 10px;
padding: 14px 20px 18px; margin: 0;
background: var(--gray-100); border-radius: 0;
box-shadow: inset 1px 0 0 var(--rlm-line, #d9e7f1), inset -1px 0 0 var(--rlm-line, #d9e7f1);
}
.ssdm .rlm-semtempo {
display: flex; flex-direction: column; gap: 10px; position: relative;
padding: 16px 20px 18px; margin: 0;
background: var(--gray-100); border-radius: 0 0 18px 18px;
box-shadow: inset 1px 0 0 var(--rlm-line, #d9e7f1), inset -1px 0 0 var(--rlm-line, #d9e7f1), inset 0 -1px 0 var(--rlm-line, #d9e7f1);
}
.ssdm .rlm-semtempo::before { content: ""; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background: rgba(var(--primary-rgb), .10); }
.ssdm .rlm-st-row { display: flex; align-items: stretch; gap: 12px; min-width: 0; }
.ssdm .rlm-st-row .ssd-destaque-txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ssdm .rlm-st-row .ssd-ico { width: 58px; height: 58px; align-self: center; }
.ssdm .rlm-semtempo .ssd-ico { color: var(--primary); flex: 0 0 auto; }
.ssdm .rlm-semtempo .ssd-destaque-txt { margin: 0; font-size: .9rem; line-height: 1.55; color: var(--gray-700); }
.ssdm .rlm-semtempo .ssd-destaque-txt strong { color: var(--primary); font-weight: 700; }
}
@media (min-width: 861px) {
.ssd-fim > .ssd-destaque { display: none !important; }
}
@media (min-width: 861px) {
.eng2-grid > .eng2-card { flex: 0 1 560px !important; }
}
@media (min-width: 861px) and (max-width: 1120px) {
.eng2-grid > .eng2-card { flex: 0 1 480px !important; }
}
@media (min-width: 861px) {
html body #avaliacoes .fade-up, html body #horario .fade-up,
html body #avaliacoes .fade-up:not(.visible), html body #horario .fade-up:not(.visible) {
opacity: 1 !important; transform: none !important; transition: none !important;
}
}
@media (max-width: 860px) {
html body .footer-brand { align-items: center !important; gap: 12px !important; }
html body .footer-brand img {
width: 58px !important; height: 58px !important; border-radius: 50% !important;
background: #fff !important; padding: 4px; box-sizing: border-box;
border: 1px solid rgba(255,255,255,.9);
box-shadow: 0 6px 16px rgba(0,0,0,.18), inset 0 -2px 0 rgba(0,0,0,.06), 0 0 0 4px rgba(255,255,255,.14) !important;
}
html body .footer-brand-text { display: flex; flex-direction: column; justify-content: center; }
html body .footer-brand-text span:first-child { margin-bottom: 1px !important; line-height: 1.1; }
html body .footer-brand-text span:last-child { line-height: 1.2; }
}
@media (min-width: 861px) {
.footer-brand img {
width: 62px !important; height: 62px !important;
border-radius: 50% !important;
background: #fff !important;
padding: 3px;
object-fit: contain;
border: 1px solid rgba(255,255,255,.9);
box-shadow: 0 10px 20px rgba(2,12,22,.42), 0 4px 8px rgba(2,12,22,.3), 0 2px 0 rgba(255,255,255,.95) inset, 0 -4px 7px rgba(4,24,43,.16) inset;
}
}
.nav-drop-item.nav-drop-pro { display: none !important; }
.hero-cta-empresas {
background: var(--white) !important;
color: var(--primary) !important;
border-width: 2px !important;
border-color: var(--primary) !important;
font-weight: var(--w-bold) !important;
letter-spacing: -.005em;
box-shadow: 0 6px 18px rgba(var(--primary-rgb), .20);
padding-top: 7px; padding-bottom: 7px;
}
.hero-cta-empresas svg { width: 18px !important; height: 18px !important; margin-left: -2px; }
.hero-cta-empresas:hover {
background: var(--primary) !important; color: var(--white) !important;
border-color: var(--primary) !important;
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(var(--primary-rgb), .30);
}
@media (max-width: 860px) {
.hero-cta-empresas { border-width: .5px !important; padding-top: 8.5px; padding-bottom: 8.5px; }
}
@media (min-width: 861px) {
.nav-links { display: flex; align-items: center; gap: clamp(16px, 2vw, 30px) !important; }
.nav-links > li { margin: 0 !important; padding: 0 !important; flex: 0 0 auto; }
.nav-links > li > a { margin: 0 !important; padding: 0 !important; }
}
@media (min-width: 861px) {
.nav-links > li > a.nav-has-dropdown::after { display: block !important; }
.nav-links > li > a.nav-has-dropdown:hover {
background: transparent !important;
border-color: transparent !important;
}
.nav-links > li > a { line-height: 1.2; }
.nav-links > li > a::after { bottom: -6px; }
}
@media (min-width: 861px) {
.nav-links > li:not(.nav-d-only) { display: none !important; }
.nav-links { gap: clamp(12px, 1.5vw, 24px) !important; }
}
@media (max-width: 860px) {
.nav-links > li.nav-d-only { display: none !important; }
}
@media (min-width: 861px) {
.nav-links { gap: clamp(18px, 2.1vw, 34px) !important; }
.nav-links > li.nav-d-only { position: relative; }
.nav-links > li.nav-d-only + li.nav-d-only::before {
content: "";
position: absolute;
left: calc(-1 * clamp(18px, 2.1vw, 34px) / 2);
top: 50%;
transform: translate(-50%, -50%);
width: 1px; height: 13px;
background: rgba(var(--primary-rgb), .28);
}
}
@media (min-width: 861px) {
nav#navbar.nav-negativo .nav-links > li.nav-d-only + li.nav-d-only::before {
background: rgba(255,255,255,.34);
}
.nav-links { min-width: 0; }
.nav-links > li.nav-d-only { flex: 0 1 auto !important; min-width: 0; }
.nav-links > li.nav-d-only > a { white-space: nowrap; }
}
@media (min-width: 861px) and (max-width: 1080px) {
.nav-links { gap: clamp(10px, 1.3vw, 16px) !important; }
.nav-links > li.nav-d-only + li.nav-d-only::before {
left: calc(-1 * clamp(10px, 1.3vw, 16px) / 2);
height: 11px;
}
.nav-links > li > a { font-size: .8rem !important; }
}
@media (max-width: 860px) {
.nav-logo > img { display: none !important; }
.nav-logo { overflow: visible; }
.nav-logo-anim {
display: block; position: relative;
width: 54px; height: 54px; border-radius: 50%;
overflow: hidden; background: #fff; flex-shrink: 0;
}
.nav-logo-anim img {
position: absolute; display: block; max-width: none;
width: 89.7px !important; height: 50.5px !important; left: -17.8px !important; top: 1.8px !important;
}
}
@media (max-width: 400px) {
.nav-logo-anim { width: 46px; height: 46px; }
.nav-logo-anim img { width: 76.4px !important; height: 43px !important; left: -15.2px !important; top: 1.5px !important; }
}
.nav-logo-anim img { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
nav#navbar.nav-negativo .nav-logo-anim { box-shadow: 0 0 0 3px rgba(255,255,255,.1); }
@media (min-width: 861px) and (max-width: 1400px) {
.nav-links { gap: clamp(10px, 1.4vw, 20px) !important; }
.nav-links > li.nav-d-only + li.nav-d-only::before {
left: calc(-1 * clamp(10px, 1.4vw, 20px) / 2);
height: 11px;
}
}
@media (min-width: 1081px) and (max-width: 1400px) {
.nav-links > li > a { font-size: .82rem !important; }
}
@media (min-width: 861px) {
.nav-links > li.nav-srv .nav-ico-m { display: none !important; }
.nav-links > li.nav-eng .nav-ico-m { display: none !important; }
.nav-links > li.nav-emp .nav-ico-m { display: none !important; }
.nav-links > li.nav-d-only > a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 860px) {
.nav-links > li.nav-d-only { display: block !important; }
.nav-links > li.nav-dropdown,
.nav-links > li:not(.nav-d-only):not(.nav-li-empresas) { display: none !important; }
.nav-links > li.nav-li-empresas { display: none !important; }
.nav-links > li.nav-d-only { order: 10; }
.nav-links > li.nav-eng > a > .nav-ico:not(.nav-ico-m) { display: none !important; }
.nav-links > li.nav-emp > a > .nav-ico:not(.nav-ico-m) { display: none !important; }
.nav-links > li.nav-srv > a > .nav-ico:not(.nav-ico-m) { display: none !important; }
.nav-links > li.nav-d-only:has(> a[href="#profissionais"]) { border-top: none !important; }
.nav-links > li.nav-d-only > a[href="#profissionais"] {
background: var(--secondary-light, #ddf1fd);
color: var(--primary) !important;
font-weight: 700;
border: 0 !important;
border-radius: 10px;
box-shadow: inset 0 0 0 1px rgba(0,102,166,.12), 0 0 0 3px rgba(0,102,166,.04), 0 1px 6px rgba(0,102,166,.08);
padding: 12px 16px !important;
margin: 6px 0;
width: 100%;
justify-content: flex-start;
box-sizing: border-box;
}
.nav-links > li.nav-d-only:has(> a[href="#profissionais"]) {
width: 100% !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 860px) {
html body .hero-p-m { display: none !important; }
nav#navbar { z-index: 220 !important; }
html body .aba, html body .b2b-barra, html body .mss-title,
html body .ssd-head, html body .eng2-head, html body #pilares .pc-title, html body #outros-servicos .pc-title { z-index: 230 !important; }
nav#navbar:has(.nav-links.open) { z-index: 240 !important; }
.nav-links.open {
background: var(--white) !important;
z-index: 210 !important;
box-shadow: 0 12px 30px rgba(2,2,2,.18) !important;
}
}
@media (max-width: 860px) {
:root { --drawer-w: min(78vw, 320px); }
body > *:not(#navScrim) { transition: transform .32s ease; }
html body.nav-aberto > *:not(#navScrim) { transform: translateX(calc(-1 * var(--drawer-w))) !important; }
body.nav-aberto .whatsapp-float { z-index: 300 !important; }
nav#navbar .nav-links,
nav#navbar .nav-links.open {
display: flex !important;
flex-direction: column;
align-items: stretch;
position: fixed !important;
top: 0 !important; left: auto !important; right: calc(-1 * var(--drawer-w)) !important; bottom: auto !important;
height: 100vh !important;
height: 100dvh !important;
min-height: 100lvh !important;
width: var(--drawer-w) !important;
max-width: none !important;
margin: 0 !important;
padding: calc(var(--nav-h) + 6px) 20px 24px 20px !important;
gap: 2px !important;
background: var(--white) !important;
border-top: 0 !important;
border-left: 1px solid var(--gray-200) !important;
box-shadow: -8px 0 30px rgba(2,2,2,.16) !important;
overflow-y: auto;
overscroll-behavior: contain;
z-index: 320 !important;
pointer-events: none;
visibility: hidden;
transition: visibility 0s .32s;
}
nav#navbar .nav-links.open {
pointer-events: auto;
visibility: visible;
transition: visibility 0s;
}
#navScrim {
position: fixed; inset: 0;
background: rgba(2,12,22,.18);
opacity: 0; pointer-events: none;
transition: opacity .32s ease;
z-index: 250;
}
#navScrim.on { opacity: 1; pointer-events: auto; }
html body.nav-aberto nav#navbar#navbar, html body.nav-aberto nav#navbar#navbar:has(.nav-links.open) { z-index: 260 !important; }
nav#navbar .nav-links > li { width: 100% !important; border: 0 !important; }
nav#navbar .nav-links > li + li { border-top: 1px solid var(--gray-100) !important; }
nav#navbar .nav-links > li > a {
display: flex !important; align-items: center; gap: 14px;
width: 100%; white-space: nowrap;
padding: 15px 4px !important; margin: 0 !important;
font-size: 1.02rem; font-weight: 600; color: var(--primary);
min-height: 52px;
}
nav#navbar .nav-links .nav-ico {
width: 24px; height: 24px; flex: 0 0 24px; color: var(--primary);
}
nav#navbar .nav-links .nav-txt { flex: 0 0 auto; }
#navClose {
position: absolute; top: calc((var(--nav-h) - 36px) / 2); left: 18px;
width: 36px; height: 36px; display: flex;
align-items: center; justify-content: center;
background: var(--gray-100); border: 0; border-radius: 50%;
color: var(--primary); cursor: pointer;
}
#navClose svg { width: 18px; height: 18px; }
}
@media (max-width: 860px) {
}
@media (max-width: 860px) {
body.nav-aberto nav#navbar { z-index: 400 !important; }
}
@media (max-width: 860px) {
section[id], footer, #fidelizacao {
scroll-margin-top: calc(var(--nav-h) + 8px) !important;
}
}
@media (max-width: 860px) {
nav#navbar .nav-links.medir {
width: max-content !important;
visibility: hidden !important;
transition: none !important;
}
}
@media (min-width: 861px) {
html body #profissionais { background: var(--gray-100) !important; }
html body .eng2-section, html body #engomadoria-resumo { background: var(--white) !important; }
}
.contactos { background: var(--white); padding: 80px 5%; }
.ct-grid {
max-width: 1180px; margin: 0 auto;
display: grid; grid-template-columns: minmax(0,1fr) minmax(0,420px);
gap: 22px; align-items: start;
}
.ct-cards { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.ct-card {
position: relative;
display: flex; gap: 12px; align-items: flex-start;
background: var(--gray-100); border: 1px solid var(--gray-200);
border-radius: 18px; padding: 16px 18px; text-decoration: none; color: inherit;
transition: box-shadow .18s ease, transform .18s ease;
}
a.ct-card:hover { box-shadow: 0 8px 26px rgba(var(--primary-rgb),.14); transform: translateY(-2px); }
a.ct-card::after {
content: ""; position: absolute; top: 14px; right: 14px; width: 15px; height: 15px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
opacity: .55; pointer-events: none;
}
.ct-ico {
flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px;
background: var(--secondary-light); color: var(--primary);
display: grid; place-items: center;
}
.ct-ico svg { width: 20px; height: 20px; }
.ct-card-txt { min-width: 0; }
.ct-label { display: block; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--primary); margin-bottom: 3px; }
.ct-valor { display: block; font-size: 1.02rem; font-weight: 700; color: var(--black); line-height: 1.35; }
.ct-nota { display: block; font-size: .85rem; color: var(--gray-500); line-height: 1.5; margin-top: 3px; }
.ct-card-wide { grid-column: 1 / -1; }
.ct-lead {
background: var(--white); border: 1px solid var(--gray-200); border-radius: 24px;
padding: 24px 24px 20px; box-shadow: 0 8px 40px rgba(var(--primary-rgb),.09);
}
.ct-lead h3 { font-size: 1.2rem; font-weight: 700; color: var(--black); margin-bottom: 6px; }
.ct-lead h3 em { font-style: normal; color: var(--primary); }
.ct-lead > p { font-size: .9rem; color: var(--gray-500); line-height: 1.6; margin-bottom: 14px; }
.ct-form { display: flex; flex-direction: column; gap: 10px; }
.ct-btns { display: flex; gap: 10px; }
.ct-btn {
flex: 1 1 0; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
font: inherit; font-size: .88rem; font-weight: 700; cursor: pointer;
border-radius: 50px; padding: 11px 10px; min-height: 44px; border: 1px solid var(--primary);
transition: filter .18s ease;
}
.ct-btn svg { width: 18px; height: 18px; flex: 0 0 auto; }
.ct-btn-enviar { background: var(--primary); color: var(--white); }
.ct-btn-wa { background: var(--primary); color: var(--white); }
.ct-card[hidden] { display: none !important; }
.ct-social-links { display: flex; gap: 10px; margin-top: 6px; }
.ct-social-links a {
display: inline-flex; align-items: center; justify-content: center;
width: 40px; height: 40px; border-radius: 12px;
background: var(--secondary-light); color: var(--primary);
}
.ct-social-links a svg { width: 20px; height: 20px; }
@media (min-width: 861px) { .ct-m-only { display: none !important; } }
.ct-btn:hover { filter: brightness(.88); }
.ct-status { font-size: .85rem; color: var(--primary); font-weight: 600; min-height: 1.2em; }
@media (max-width: 860px) {
html body .contactos { padding: 46px 5% 56px !important; background: var(--gray-100) !important; }
html body .ct-grid { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; }
html body .ct-cards { grid-template-columns: minmax(0,1fr) !important; }
html body .ct-card-wide { grid-column: auto !important; }
html body .ct-lead { padding: 20px 16px 16px !important; border-radius: 20px !important; }
html body .ct-cards {
gap: 0 !important;
background: var(--gray-100); border: 1px solid var(--gray-200);
border-radius: 20px; overflow: hidden;
}
html body .ct-card {
background: transparent !important; border: 0 !important;
border-radius: 0 !important; box-shadow: none !important;
align-items: center; gap: 12px; padding: 14px 16px;
}
html body .ct-card + .ct-card { border-top: 1px solid var(--gray-200) !important; }
html body a.ct-card:hover { box-shadow: none; transform: none; }
html body a.ct-card::after { top: 50%; right: 16px; transform: translateY(-50%); width: 13px; height: 13px; background: var(--primary); }
html body .ct-card .ct-ico {
flex: 0 0 46px; width: 46px; height: 46px; aspect-ratio: 1 / 1; border-radius: 13px;
background: var(--white); border: 0; color: var(--primary);
box-shadow: 0 4px 14px rgba(var(--primary-rgb), .08);
}
html body .ct-card .ct-ico svg { width: 22px; height: 22px; stroke-width: 1; }
html body .ct-cards .ct-card:nth-child(1) .ct-ico svg,
html body .ct-cards .ct-card:nth-child(2) .ct-ico svg { width: 26px; height: 26px; }
html body .ct-status:empty { display: none; }
html body .ct-lead .prof-submit-note { margin-top: 6px; }
html body .ct-lead { padding: 18px 18px 14px; }
html body .ct-card .ct-label { font-weight: 500; font-size: .715rem; }
html body .ct-card .ct-valor { font-size: .89rem; font-weight: 400; }
html body .ct-card .ct-nota { display: none !important; }
html body .ct-loja .ct-nota { display: block !important; font-size: .89rem; color: var(--black); margin-top: 1px; }
html body .ct-card-wide { display: none !important; }
html body #localizacao { background: var(--white) !important; }
html body .location .aba { background: var(--white) !important; }
html body .location .aba::before { background: linear-gradient(to bottom, rgba(255,255,255,.96), rgba(255,255,255,0)) !important; }
html body .contactos .aba { background: var(--gray-100) !important; }
html body .contactos .aba::before { background: linear-gradient(to bottom, rgba(244,248,252,.96), rgba(244,248,252,0)) !important; }
}
@media (min-width: 861px) {
html body #localizacao { background: var(--white) !important; }
html body .location .aba { background: var(--white) !important; }
html body .location .aba::before { background: linear-gradient(to bottom, rgba(255,255,255,.96), rgba(255,255,255,0)) !important; }
}
@media (min-width: 861px) {
html body .prof-bottom > :first-child { order: 1; }
html body .prof-bottom > :last-child { order: 2; }
html body .prof-bottom > .prof-form-wrap { align-self: end; height: auto !important; }
}
@media (max-width: 860px) { html body #outros-servicos .svc-cols, html body #outros-servicos .svc-col-l, html body #outros-servicos .svc-col-r { display: contents; } }
@media (min-width: 861px) {
html body #outros-servicos .svc-cols {
display: grid; grid-template-columns: minmax(0, 1fr) 600px; column-gap: 40px; max-width: 1120px; margin: 0 auto; align-items: start;
}
html body #outros-servicos .svc-col-l { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; position: sticky; top: calc(var(--nav-h) + 24px); }
html body #outros-servicos .svc-col-l .section-header { display: flex; flex-direction: column; align-items: flex-start; text-align: left; margin: 0 !important; max-width: none; width: 100%; }
html body #outros-servicos .svc-col-l .pc-title { margin: 0 0 28px !important; }
html body #outros-servicos .svc-col-l .section-title, html body #outros-servicos .svc-col-l .section-subtitle { text-align: left; margin-left: 0; margin-right: 0; }
html body #outros-servicos .svc-col-r { min-width: 0; }
html body #outros-servicos .services-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; margin: 0 !important; max-width: none !important; width: 100%; }
}
@media (min-width: 861px) and (max-width: 1120px) { html body #outros-servicos .svc-cols { grid-template-columns: minmax(0, 1fr) 520px; } }
@media (max-width: 860px) { html body #avaliacoes .rev-cols, html body #avaliacoes .rev-col-l, html body #avaliacoes .rev-col-r { display: contents; } }
@media (min-width: 861px) {
html body #avaliacoes .rev-cols {
display: grid; grid-template-columns: minmax(0, 1fr) 600px; column-gap: 40px; max-width: 1120px; margin: 0 auto; align-items: start;
}
html body #avaliacoes .rev-col-l { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; position: sticky; top: calc(var(--nav-h) + 24px); }
html body #avaliacoes .rev-col-l .aba { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
html body #avaliacoes .rev-col-l .section-header { text-align: left; margin: 0 0 28px !important; max-width: none; width: 100%; }
html body #avaliacoes .rev-col-l .section-title, html body #avaliacoes .rev-col-l .section-subtitle { text-align: left; margin-left: 0; margin-right: 0; }
html body #avaliacoes .reviews-hero {
width: 100% !important; max-width: none !important; margin: 0 0 16px !important; --rev-col: 0px;
display: flex; flex-direction: row !important; align-items: center !important; justify-content: space-between !important;
gap: 24px !important; padding: 26px 28px !important;
}
html body #avaliacoes .reviews-hero .reviews-cta { text-align: right !important; }
html body #avaliacoes .review-card { position: relative; }
html body #avaliacoes .review-card .google-badge { position: absolute; top: 18px; right: 18px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html body #avaliacoes .review-card .review-header { padding-right: 150px; }
html body #avaliacoes .rev-col-r { min-width: 0; }
html body #avaliacoes .reviews-cards { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; margin: 0 !important; max-width: none !important; }
}
@media (min-width: 861px) and (max-width: 1120px) { html body #avaliacoes .rev-cols { grid-template-columns: minmax(0, 1fr) 520px; } }
@media (max-width: 860px) {
html body #outros-servicos .aba { display: none !important; }
html body #outros-servicos .pc-title .pc-big { display: none !important; }
html body #outros-servicos .ico3d-wrap { display: inline-block !important; width: 66px !important; height: auto !important; margin: -10px 0 !important; padding: 0 !important; transform: none !important; filter: none !important; position: relative; isolation: isolate; }
html body #outros-servicos .ico3d-wrap::before { content: '' !important; display: block !important; position: absolute; left: 50%; top: 50%; width: 220%; height: 220%; transform: translate(-50%, -50%); border-radius: 50%; z-index: -1; pointer-events: none; filter: blur(4px); box-shadow: none !important; background: radial-gradient(closest-side, rgba(221,241,253,1) 0%, rgba(221,241,253,.75) 35%, rgba(221,241,253,.3) 70%, rgba(221,241,253,0) 100%) !important; }
html body .ssd-hero-ico > svg, html body .eng2-hero-ico > svg, html body .aba-ico > svg, html body .b2b-barra-ico > svg { display: none !important; }
html body .ico-3d { display: block; width: 100%; height: auto; position: relative; z-index: 1; }
html body .ssd-hero-ico, html body .eng2-hero-ico, html body .aba-ico, html body .b2b-barra-ico {
width: 66px !important; height: auto !important; margin: -10px 0 !important;
transform: none !important; filter: none !important; will-change: auto;
position: relative !important; isolation: isolate;
}
html body .ssd-hero-ico { width: 50px !important; }
html body .eng2-hero-ico { width: 70px !important; }
html body #profissionais .b2b-barra-ico { width: 60px !important; }
html body #avaliacoes .aba-ico { width: 70px !important; }
html body #localizacao .aba-ico { width: 39px !important; }
html body #contactos .aba-ico { width: 62px !important; }
html body .ssd-tit .ssd-tit-em { color: var(--black) !important; }
html body #profissionais .aba-row, html body #horario .aba-row, html body #contactos .aba-row { display: flex !important; align-items: center; justify-content: center; gap: 12px; }
html body #profissionais .b2b-barra-ico, html body #horario .aba-ico, html body #contactos .aba-ico { order: -1; }
html body .ssd-hero-ico::before, html body .eng2-hero-ico::before, html body .aba-ico::before, html body .b2b-barra-ico::before {
content: '' !important; display: block !important; position: absolute; left: 50%; top: 50%;
width: 220%; height: 220%; transform: translate(-50%, -50%); border-radius: 50%; z-index: -1; pointer-events: none;
background: radial-gradient(closest-side, rgba(221,241,253,1) 0%, rgba(221,241,253,.75) 35%, rgba(221,241,253,.3) 70%, rgba(221,241,253,0) 100%) !important;
filter: blur(4px); box-shadow: none !important;
}
}
@media (min-width: 861px) {
html body .ssd-grid, html body .ssd-fim, html body .eng2-grid, html body .prof-bottom,
html body .schedule-dual, html body .ct-grid, html body .cc-grid {
display: grid !important; grid-template-columns: minmax(0, 1fr) 600px !important;
column-gap: 40px !important; max-width: 1120px !important; width: auto !important;
margin-left: auto !important; margin-right: auto !important; justify-content: stretch !important;
}
html body .ssd-grid > *, html body .eng2-grid > *, html body .prof-bottom > *,
html body .schedule-dual > *, html body .ct-grid > *, html body .cc-grid > * {
flex: none !important; width: auto !important; min-width: 0 !important; max-width: none !important;
margin-left: 0 !important; margin-right: 0 !important; justify-self: stretch !important; box-sizing: border-box;
}
html body .ssd-left, html body .ssd-right { flex: none !important; }
html body .eng2-grid { align-items: center; }
html body .ct-grid, html body .cc-grid { align-items: start; }
html body .prof-bottom { align-items: stretch; }
html body #profissionais .b2b-barra-ico, html body #localizacao .aba-ico, html body #contactos .aba-ico, html body #faq .aba-ico, html body #avaliacoes .aba-ico,
html body .eng2-hero-ico, html body .ssd-hero-ico {
width: 104px !important; height: auto !important; transform: none !important; filter: none !important; will-change: auto;
margin-left: 0 !important; padding-left: 0 !important; left: 0 !important; align-self: flex-start !important; justify-self: start !important;
position: relative; isolation: isolate;
}
html body #profissionais .b2b-barra-ico::before, html body #localizacao .aba-ico::before, html body #contactos .aba-ico::before, html body #faq .aba-ico::before, html body #avaliacoes .aba-ico::before,
html body .eng2-hero-ico::before, html body .ssd-hero-ico::before {
content: '' !important; display: block !important; position: absolute; left: 50%; top: 50%;
width: calc(100% + 96px); height: calc(100% + 96px); transform: translate(-50%, -50%); border-radius: 50%; z-index: -1; pointer-events: none;
background: radial-gradient(closest-side, rgba(221,241,253,1) 0%, rgba(221,241,253,.75) 35%, rgba(221,241,253,.3) 70%, rgba(221,241,253,0) 100%) !important;
filter: blur(6px);
}
html body #profissionais .b2b-barra-ico > svg, html body #localizacao .aba-ico > svg, html body #contactos .aba-ico > svg, html body #faq .aba-ico > svg, html body #avaliacoes .aba-ico > svg,
html body .eng2-hero-ico > svg, html body .ssd-hero-ico > svg { display: none !important; }
html body .ico-3d { display: block; width: 100%; height: auto; position: relative; z-index: 1; }
html body .eng2-hero-ico { width: 110px !important; }
html body #profissionais .b2b-barra-ico { width: 115px !important; }
html body #profissionais .b2b-barra { text-align: center !important; }
html body #profissionais .aba-row { flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 28px !important; }
html body #profissionais .b2b-barra-ico { order: 1; margin: 0 !important; align-self: center !important; position: relative !important; top: -8px !important; }
html body #profissionais .b2b-barra-txt { order: 2; }
html body #avaliacoes .aba-ico { width: 110px !important; }
html body #localizacao .aba-ico { width: 62px !important; }
html body #outros-servicos .ico3d-wrap { width: 114px !important; }
html body #horario .aba-ico > svg { display: none !important; }
html body #horario .aba-ico, html body #outros-servicos .ico3d-wrap {
display: block !important; width: 104px !important; height: auto !important; margin: 0 0 30px !important; padding: 0 !important;
transform: none !important; filter: none !important; position: relative; isolation: isolate; align-self: flex-start !important;
}
html body #horario .aba-ico::before, html body #outros-servicos .ico3d-wrap::before {
content: '' !important; display: block !important; position: absolute; left: 50%; top: 50%;
width: calc(100% + 96px); height: calc(100% + 96px); transform: translate(-50%, -50%); border-radius: 50%; z-index: -1; pointer-events: none;
background: radial-gradient(closest-side, rgba(221,241,253,1) 0%, rgba(221,241,253,.75) 35%, rgba(221,241,253,.3) 70%, rgba(221,241,253,0) 100%) !important;
filter: blur(6px);
}
html body #outros-servicos .pc-title {
display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important;
gap: 0 !important; max-width: 1120px !important; margin: 0 auto 28px !important; text-align: left !important;
}
html body #outros-servicos .pc-title .pc-big { display: none !important; }
html body #outros-servicos .pc-title .pc-title-txt { text-align: left !important; }
html body #outros-servicos .pc-title, html body #outros-servicos .pc-title .pc-title-txt {
font-family: inherit !important; font-size: clamp(2.6rem, 1.6rem + 2.6vw, 4rem) !important; font-weight: var(--w-bold) !important;
letter-spacing: -.035em !important; line-height: 1.02 !important; color: var(--black) !important;
-webkit-text-fill-color: var(--black) !important; background: none !important; text-shadow: none !important;
}
html body #outros-servicos .svc-cols { display: block !important; max-width: 1120px; margin: 0 auto; }
html body #outros-servicos .svc-col-l { display: block !important; position: static !important; }
html body #outros-servicos .svc-col-l .section-header { align-items: center !important; text-align: center !important; margin: 0 auto 48px !important; }
html body #outros-servicos .svc-col-l .section-title, html body #outros-servicos .svc-col-l .section-subtitle { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
html body #outros-servicos .pc-title { flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 28px !important; margin: 0 auto 28px !important; text-align: center !important; }
html body #outros-servicos .pc-title .ico3d-wrap { margin: 0 !important; align-self: center !important; position: relative !important; top: -8px !important; }
html body #outros-servicos .services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; margin: 0 auto !important; max-width: 1120px !important; width: 100% !important; }
html body .schedule-dual > * { grid-column: 2 !important; }
html body .schedule-dual { row-gap: 24px !important; align-items: start; }
html body #horario .aba { text-align: center !important; }
html body #horario .aba-row { flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 28px !important; }
html body #horario .aba-ico { order: 1 !important; margin: 0 !important; align-self: center !important; position: relative !important; top: -8px !important; }
html body #horario .aba-txt { order: 2 !important; }
html body #horario .section-header { max-width: 1120px !important; margin: 0 auto 48px !important; text-align: center !important; align-items: center !important; }
html body #horario .section-header .section-title, html body #horario .section-header .section-subtitle { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
html body #horario .schedule-dual { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; max-width: 1120px !important; margin: 0 auto !important; align-items: stretch !important; }
html body #horario .schedule-dual > * { grid-column: auto !important; grid-row: 1 !important; }
html body #horario #horario-selfservice { order: 1; }
html body #horario #horario-atendimento { order: 2; }
html body #contactos {
display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 480px) 40px 600px minmax(0, 1fr) !important;
grid-template-rows: auto auto 1fr auto; column-gap: 0 !important; align-items: start;
}
html body #contactos .ct-grid { display: contents !important; }
html body #contactos > .aba { grid-column: 2 !important; grid-row: 1 !important; margin: 0 0 28px !important; max-width: none !important; width: auto !important; }
html body #contactos > .section-header { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; max-width: none !important; text-align: left !important; align-items: flex-start !important; }
html body #contactos > .section-header .section-title, html body #contactos > .section-header .section-subtitle { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #contactos .ct-cards { grid-column: 4 !important; grid-row: 1 / 4 !important; margin: 0 0 24px !important; }
html body #contactos .ct-lead { grid-column: 4 !important; grid-row: 4 !important; margin: 0 !important; }
html body #localizacao .aba { text-align: center !important; }
html body #localizacao .aba-row { flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 28px !important; }
html body #localizacao .aba-ico { order: 1 !important; margin: 0 !important; align-self: center !important; position: relative !important; top: -8px !important; }
html body #localizacao .aba-txt { order: 2 !important; }
html body #faq {
display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 480px) 40px 600px minmax(0, 1fr) !important;
grid-template-rows: auto auto auto 1fr auto; column-gap: 0 !important; align-items: start;
}
html body #faq > .aba, html body #faq > .section-header { grid-column: 2 !important; max-width: none !important; width: auto !important; }
html body #faq > .section-header { margin: 0 0 28px !important; text-align: left !important; align-items: flex-start !important; }
html body #faq > .section-header .section-title, html body #faq > .section-header .section-subtitle { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #faq > .aba { grid-row: 1 !important; }
html body #faq > .aba { text-align: left !important; margin: 0 0 28px !important; justify-self: start !important; }
html body #faq > .aba .aba-row { align-items: flex-start !important; justify-content: flex-start !important; margin: 0 !important; }
html body #faq > .aba .aba-ico { align-self: flex-start !important; margin-left: 0 !important; }
html body #faq > .aba .aba-txt { text-align: left !important; }
html body #faq > .section-header { grid-row: 2 !important; }
html body #faq > #faqLista { grid-column: 2 !important; grid-row: 3 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; max-width: none !important; width: auto !important; margin: 0 !important; }
html body #faq > #faqLista { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; align-self: start !important; }
html body #faq > #faqLista > .faq-card { aspect-ratio: 1 / 1; margin: 0 !important; display: flex !important; }
html body #faq > #faqLista > .faq-card > .faq-card-cab {
flex: 1 1 auto; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
gap: 10px !important; width: 100% !important; height: 100% !important; padding: 12px !important; text-align: center !important;
}
html body #faq > #faqLista .faq-card-cab .service-icon { margin: 0 !important; }
html body #faq > #faqLista .faq-card-cab h3 { margin: 0 !important; font-weight: 400 !important; text-align: center !important; }
html body #faq > #faqLista .faq-card-corpo { display: none !important; }
html body #faq > #faqSearch { grid-column: 4 !important; grid-row: 1 !important; max-width: none !important; margin: 0 !important; }
html body #faq > #faqInline { grid-column: 4 !important; grid-row: 2 / 5 !important; max-width: none !important; margin: 16px 0 0 !important; }
html body #faq > .faq-nota { grid-column: 2 / 5 !important; grid-row: 5 !important; }
@media (max-width: 1120px) { html body #faq { grid-template-columns: 0 minmax(0, 1fr) 40px 520px 0 !important; } }
html body .eng2-grid { grid-template-rows: auto 1fr !important; row-gap: 24px !important; }
html body .eng2-grid { align-items: start !important; }
html body .eng2-grid > .eng2-left { grid-column: 1 !important; grid-row: 1 / 3 !important; align-self: start !important; justify-content: flex-start !important; position: sticky !important; top: calc(var(--nav-h) + 24px) !important; }
html body .eng2-grid > .eng2-vant { grid-column: 2 !important; grid-row: 1 !important; }
html body .eng2-grid > .eng2-card { grid-column: 2 !important; grid-row: 2 !important; }
html body .eng2-vant {
display: flex !important; flex-direction: column; gap: 12px !important; list-style: none; margin: 0 !important; padding: 20px 22px !important;
background: var(--gray-100) !important; border: 0 !important; border-radius: 18px !important; box-shadow: inset 0 0 0 1px var(--gray-200) !important;
}
html body .eng2-vant-i { display: flex; gap: 10px !important; align-items: flex-start !important; }
html body .eng2-vant-ico { flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 3px 0 0 !important; display: grid; place-items: center; background: none !important; color: var(--primary) !important; }
html body .eng2-vant-ico svg { width: 18px !important; height: 18px !important; stroke-width: 2.2 !important; }
html body .eng2-vant-txt, html body .eng2-vant-txt span { font-size: .98rem !important; line-height: 1.55 !important; color: var(--gray-700) !important; }
html body .eng2-vant-txt strong { font-weight: 700 !important; color: var(--black) !important; }
html body .aba, html body .aba-txt, html body .b2b-barra, html body .b2b-barra-txt,
html body .ssd-title, html body .eng2-title,
html body #outros-servicos .pc-title, html body #outros-servicos .pc-title .pc-title-txt {
font-family: inherit !important; font-size: clamp(2.35rem, 1.5rem + 2.25vw, 3.55rem) !important; font-weight: var(--w-bold) !important;
letter-spacing: -.035em !important; line-height: 1.02 !important; color: var(--black) !important;
}
html body .ssd-tit:not(#pilares *),
html body .section-title:not(#pilares *),
html body .prof-hero h2,
html body .eng2-lead:not(#pilares *),
html body .cx-title:not(#pilares *) {
font-family: inherit !important; font-size: 1.6rem !important; font-weight: 700 !important;
line-height: 1.2 !important; letter-spacing: -.02em !important; font-style: normal !important; text-wrap: balance;
}
html body .ssd-tit:not(#pilares *),
html body .section-title:not(#pilares *),
html body .prof-hero h2,
html body .eng2-lead:not(#pilares *),
html body .ssd-tit:not(#pilares *) em,
html body .section-title:not(#pilares *) em,
html body .prof-hero h2 em,
html body .eng2-lead:not(#pilares *) em,
html body .prof-form-wrap h3 em {
font-style: normal !important; font-weight: inherit !important; color: var(--primary) !important;
}
html body .cx-title em { font-style: normal !important; font-weight: inherit !important; color: var(--secondary-light) !important; }
html body #engomadoria-resumo .eng2-lead { height: auto !important; max-height: none !important; max-width: none !important; margin: 0 0 16px !important; overflow: visible !important; display: block !important; }
html body .prof-hero h2 { white-space: nowrap; max-width: none !important; text-wrap: nowrap; }
html body .prof-hero h2 .br-m { display: none; }
html body #profissionais .b2b-barra { margin-bottom: 10px !important; }
html body #profissionais .prof-hero { margin-top: 0 !important; padding-top: 0 !important; }
html body #profissionais .prof-hero h2 { margin-top: 0 !important; }
html body .ssd-tit .ssd-tit-em { color: var(--black) !important; }
html body .ssd-tit:not(#pilares *) { white-space: nowrap; }
html body #pilares .pc-title .pc-aqui { color: var(--black) !important; -webkit-text-fill-color: var(--black) !important; background: none !important; text-shadow: none !important; }
@media (max-width: 1120px) { html body #contactos { grid-template-columns: 0 minmax(0, 1fr) 40px 520px 0 !important; } }
}
@media (min-width: 861px) and (max-width: 1120px) {
html body .ssd-grid, html body .ssd-fim, html body .eng2-grid, html body .prof-bottom,
html body .schedule-dual, html body .ct-grid, html body .cc-grid { grid-template-columns: minmax(0, 1fr) 520px !important; }
}
@media (min-width: 861px) and (max-width: 1120px) {
html body .prof-bottom, html body .eng2-grid, html body .schedule-dual, html body .cc-grid { grid-template-columns: minmax(0, 1fr) 520px !important; }
html body .ct-grid { grid-template-columns: minmax(0, 1fr) 520px !important; }
html body .prof-bottom > .prof-form-wrap { align-self: end; height: auto !important; }
}
@media (min-width: 861px) {
html body #pilares { background: var(--gray-100) !important; }
html body #pilares .aba { background: var(--gray-100) !important; }
html body #pilares .aba::before { background: linear-gradient(to bottom, rgba(244,248,252,.96), rgba(244,248,252,0)) !important; }
html body #self-service-detalhe { background: var(--white) !important; }
html body #self-service-detalhe .aba { background: var(--white) !important; }
html body #self-service-detalhe .aba::before { background: linear-gradient(to bottom, rgba(255,255,255,.96), rgba(255,255,255,0)) !important; }
html body #fidelizacao { background: var(--white) !important; }
html body #fidelizacao .aba { background: var(--white) !important; }
html body #fidelizacao .aba::before { background: linear-gradient(to bottom, rgba(255,255,255,.96), rgba(255,255,255,0)) !important; }
html body #profissionais .aba { background: var(--gray-100) !important; }
html body #profissionais .aba::before { background: linear-gradient(to bottom, rgba(244,248,252,.96), rgba(244,248,252,0)) !important; }
html body #engomadoria-resumo { background: var(--white) !important; }
html body #engomadoria-resumo .aba { background: var(--white) !important; }
html body #engomadoria-resumo .aba::before { background: linear-gradient(to bottom, rgba(255,255,255,.96), rgba(255,255,255,0)) !important; }
html body #outros-servicos { background: var(--gray-100) !important; }
html body #outros-servicos .aba { background: var(--gray-100) !important; }
html body #outros-servicos .aba::before { background: linear-gradient(to bottom, rgba(244,248,252,.96), rgba(244,248,252,0)) !important; }
html body #avaliacoes { background: var(--white) !important; }
html body #avaliacoes .aba { background: var(--white) !important; }
html body #avaliacoes .aba::before { background: linear-gradient(to bottom, rgba(255,255,255,.96), rgba(255,255,255,0)) !important; }
html body #horario { background: var(--gray-100) !important; }
html body #horario .aba { background: var(--gray-100) !important; }
html body #horario .aba::before { background: linear-gradient(to bottom, rgba(244,248,252,.96), rgba(244,248,252,0)) !important; }
html body #faq { background: var(--white) !important; }
html body #faq .aba { background: var(--white) !important; }
html body #faq .aba::before { background: linear-gradient(to bottom, rgba(255,255,255,.96), rgba(255,255,255,0)) !important; }
html body #contactos { background: var(--gray-100) !important; }
html body #contactos .aba { background: var(--gray-100) !important; }
html body #contactos .aba::before { background: linear-gradient(to bottom, rgba(244,248,252,.96), rgba(244,248,252,0)) !important; }
html body #localizacao .aba { background: var(--white) !important; }
html body #localizacao .aba::before { background: linear-gradient(to bottom, rgba(255,255,255,.96), rgba(255,255,255,0)) !important; }
}
@media (min-width: 861px) {
html body section[id] .aba, html body section[id] .b2b-barra, html body #profissionais .b2b-barra, html body #outros-servicos .aba, html body #avaliacoes .aba, html body #horario .aba, html body #faq .aba, html body #contactos .aba, html body #localizacao .aba, html body section .aba .aba-row {
background: transparent !important; background-image: none !important;
}
html body section[id] .aba::before, html body section[id] .aba::after, html body #localizacao .aba::before, html body #contactos .aba::before, html body #horario .aba::before, html body #faq .aba::before, html body #avaliacoes .aba::before, html body #outros-servicos .aba::before, html body #profissionais .b2b-barra::before,
html body section[id] .b2b-barra::before, html body section[id] .b2b-barra::after { display: none !important; content: none !important; }
}
@media (max-width: 860px) {
html body .footer-col ul { gap: 4px; }
html body .footer-col ul a { display: inline-block; padding: 14px 0 !important; }
html body #navClose { width: 44px; height: 44px; top: calc((var(--nav-h) - 44px) / 2); left: 12px; }
html body .lang-toggle .lang-current, html body nav#navbar .lang-current { padding: 16px 8px !important; margin: -16px -8px !important; }
html body a.hsm-cell { padding: 10px 4px !important; margin: -10px -4px !important; }
html body .faq-nota a { display: inline-block; padding: 10px 4px; margin: -6px 0; }
}
@media (max-width: 860px) {
html body .aba, html body .b2b-barra, html body .mss-title,
html body .ssd-head, html body .eng2-head { margin-bottom: 24px !important; }
html body #faq .aba { margin-bottom: 14px !important; }
html body #horario .aba { margin-bottom: 14px !important; }
html body #avaliacoes .aba { margin-bottom: 14px !important; }
html body .ssdm .rlm-precos { align-items: center !important; padding: 7px 12px 8px !important; }
html body .ssdm .rlm-preco { justify-content: center !important; }
.pc-stage .pc-fall { top: -26px; height: calc(var(--pc-gap) + 18px); }
}
@media (max-width: 860px) {
html body .ssd-nota, html body .prof-hero > p, html body .eng2-sub, html body .sub-caixa {
position: relative; margin: 0 0 18px !important; padding: 18px 16px 16px !important;
background: var(--white); border: 1px solid var(--gray-200); border-radius: 20px; overflow: hidden; box-shadow: none;
color: var(--gray-700) !important; font-size: .875rem !important; line-height: 1.55 !important; max-width: none !important;
text-align: left !important;
}
html body .ssd-nota, html body .prof-hero > p, html body .eng2-sub, html body .sub-caixa { text-align: center !important; }
html body .prof-feats-col {
display: flex !important; flex-direction: column !important; gap: 8px !important; height: auto !important;
padding: 12px 16px 16px !important; margin: 0 !important;
background: var(--gray-100) !important; border-radius: 18px !important;
box-shadow: inset 0 0 0 1px var(--rlm-line, #d9e7f1) !important;
}
html body .prof-feat-rect {
display: flex !important; align-items: flex-start !important; gap: 8px !important;
flex: 0 0 auto !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important;
background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
}
html body .prof-feat-icon {
flex: 0 0 16px !important; width: 16px !important; min-width: 16px !important; height: 16px !important; margin: 2px 0 0 !important; padding: 0 !important;
border-radius: 0 !important; box-shadow: none !important; background: var(--primary) !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7.2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7.2'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body .prof-feat-icon svg { display: none !important; }
html body .prof-feat-rect-body { font-size: .86rem !important; line-height: 1.45 !important; color: var(--gray-700) !important; min-width: 0; }
html body .prof-feat-rect-body p { color: var(--gray-700) !important; }
html body .prof-closing-inline { display: none !important; }
html body .prof-feat-rect-body h3 { display: inline !important; margin: 0 !important; font-size: inherit !important; line-height: inherit !important; font-weight: 700 !important; color: var(--black) !important; }
html body .prof-feat-rect-body p { display: inline !important; margin: 0 !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; }
html body .ssd-nota::before, html body .prof-hero > p::before, html body .eng2-sub::before, html body .sub-caixa::before {
content: ''; position: absolute; inset: 0 0 auto 0; height: 4px;
background: linear-gradient(90deg, var(--primary), var(--secondary-light));
}
html body .ssd-list { display: none !important; }
html body #self-service-detalhe .ssd-ctas { display: none !important; }
}
@media (min-width: 861px) {
html body #self-service-detalhe .ssd-ctas { display: none !important; }
html body .rlm-mais-m strong { color: var(--black); font-weight: 700; }
}
@media (min-width: 861px) {
.ssdm .rlm-mais > .rlm-mais-d { display: none !important; }
.ssdm .rlm-mais > .rlm-mais-m { display: flex !important; align-items: flex-start; gap: 10px; }
html body .ssdm .rlm-mais-m svg { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 3px; color: var(--primary) !important; }
html body .ssdm .rlm-mais-m span { font-size: .98rem; line-height: 1.55; color: var(--gray-700); }
html body .ssdm .rlm-mais-m strong { color: var(--black) !important; font-weight: 700 !important; }
html body .ssdm .rlm-precos { align-items: center !important; }
html body .ssdm .rlm-preco { justify-content: center !important; gap: 3px !important; line-height: 1.1 !important; }
html body .ssdm .rlm-preco strong { font-size: 1.9rem !important; font-weight: 800 !important; letter-spacing: -.03em !important; line-height: 1 !important; color: #04182b !important; }
html body .ssdm .rlm-preco:not(:has(small)) strong { font-size: 2.28rem !important; }
html body .ssdm .rlm-preco small { font-size: .53rem !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase; line-height: 1.15 !important; margin-top: -2px !important; color: var(--gray-700) !important; }
.ssdm .rlm-semtempo .ssd-ico { display: grid; place-items: center; }
.ssdm .rlm-semtempo .ico-maos { display: block; width: 26px; height: 26px; background: currentColor;
-webkit-mask: url("../icone-maos-coracao.png") center / contain no-repeat;
mask: url("../icone-maos-coracao.png") center / contain no-repeat; }
}
@media (max-width: 860px) {
html body .rlm-mais-m,
html body .rlm-mais-m span,
html body .prof-feat-rect-body,
html body .prof-feat-rect-body p,
html body .prof-feat-rect-body h3,
html body .ssdm .rlm-semtempo .ssd-destaque-txt,
html body .colab-frase {
font-family: inherit !important; font-size: .9rem !important; line-height: 1.5 !important;
}
html body .rlm-mais-m strong,
html body .prof-feat-rect-body h3,
html body .ssdm .rlm-semtempo .ssd-destaque-txt strong,
html body .colab-frase strong { font-weight: 700 !important; }
html body .ssdm .rlm-st-row .ssd-ico,
html body .colab-row .colab-ico { width: 46px !important; height: 46px !important; border-radius: 11px !important; }
html body .ssdm .rlm-st-row .ssd-ico .ico-maos { width: 24px; height: 24px; }
html body .colab-row .colab-ico svg { width: 24px; height: 24px; }
html body .ssdm .rlm-st-row, html body .colab-row { gap: 12px !important; }
html body .eng2-vant {
gap: 8px !important; margin: 0 0 18px !important; padding: 12px 16px 16px !important;
background: var(--gray-100) !important; border: 0 !important; border-radius: 18px !important;
box-shadow: inset 0 0 0 1px var(--rlm-line, #d9e7f1) !important;
}
html body .eng2-vant-i { gap: 8px !important; align-items: flex-start !important; }
html body .eng2-vant-ico {
flex: 0 0 16px !important; width: 16px !important; height: 16px !important; margin: 3px 0 0 !important;
background: none !important; border-radius: 0 !important; box-shadow: none !important; color: var(--primary) !important;
}
html body .eng2-vant-ico svg { width: 16px !important; height: 16px !important; stroke-width: 2.2 !important; }
html body .eng2-vant-txt, html body .eng2-vant-txt span {
font-family: inherit !important; font-size: .9rem !important; line-height: 1.5 !important; color: var(--gray-700) !important;
}
html body .eng2-vant-txt strong { font-size: inherit !important; font-weight: 700 !important; color: var(--black) !important; }
html body .rlm-mais-m, html body .rlm-mais-m span,
html body .prof-feat-rect-body, html body .prof-feat-rect-body p,
html body .eng2-vant-txt, html body .eng2-vant-txt span { color: var(--gray-700) !important; }
html body .rlm-mais-m strong, html body .prof-feat-rect-body h3,
html body .eng2-vant-txt strong { color: var(--black) !important; font-weight: 700 !important; }
html body .rlm-mais-m svg, html body .eng2-vant-ico { color: var(--primary) !important; }
}
.cx3-ico { display: none; }
.d-only-txt { display: none; }
.eng2-cta-saco { display: none; }
@media (max-width: 860px) { html body #engomadoria-resumo a#waEng .eng2-cta-saco { display: none !important; } }
.loc-col-l { display: contents; }
.ct-col-l { display: contents; }
.eng2-card-exp { display: none; }
br.br-d { display: none; }
@media (min-width: 861px) { html body .d-only-txt, html body .ssdm .rlm-mais-m span.d-only-txt { display: inline !important; font: inherit !important; color: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } }
@media (min-width: 861px) {
html body .cx3-ico { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 13px; background: var(--secondary-light); color: var(--black); }
html body .cx3-ico svg, html body .ssdm .rlm-mais-m .cx3-ico svg, html body .rlm-mais-m .cx3-ico svg { width: 28px !important; height: 28px !important; margin: 0 !important; display: block; color: var(--black) !important; stroke: var(--black) !important; }
html body .cx3-ico { color: var(--black) !important; }
html body #engomadoria-resumo .eng2-vant { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
html body #engomadoria-resumo .eng2-vant-i, html body #profissionais .prof-feat-rect {
grid-column: span 3; display: grid !important; grid-template-columns: 46px minmax(0, 1fr); grid-template-areas: "ico t" "b b";
column-gap: 12px !important; row-gap: 10px !important; align-items: center !important; align-content: start;
margin: 0 !important; padding: 18px !important; background: var(--white) !important; border: 1px solid var(--gray-200) !important; border-radius: 18px !important; box-shadow: none !important; min-height: 0 !important; flex: none !important;
}
html body #engomadoria-resumo .eng2-vant-i > .eng2-vant-ico, html body #profissionais .prof-feat-rect > .prof-feat-icon { display: none !important; }
html body #engomadoria-resumo .eng2-vant-i > .cx3-ico, html body #profissionais .prof-feat-rect > .cx3-ico { grid-area: ico; }
html body #engomadoria-resumo .eng2-vant-txt, html body #profissionais .prof-feat-rect-body { display: contents !important; }
html body #engomadoria-resumo .eng2-vant-txt > strong, html body #profissionais .prof-feat-rect-body > h3 { grid-area: t; margin: 0 !important; font-size: .92rem !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--black) !important; text-wrap: balance; }
html body #engomadoria-resumo .eng2-vant-txt > span, html body #profissionais .prof-feat-rect-body > p { grid-area: b; margin: 0 !important; font-size: .92rem !important; line-height: 1.5 !important; color: var(--gray-700) !important; text-wrap: pretty; }
html body #engomadoria-resumo .eng2-vant-i:first-child, html body #profissionais .prof-feat-rect:first-child {
grid-column: span 6; grid-template-columns: 64px minmax(0, 1fr); grid-template-areas: "ico t" "ico b"; column-gap: 20px !important; row-gap: 4px !important; padding: 24px !important; border-radius: 20px !important;
}
html body #engomadoria-resumo .eng2-vant-i:first-child > .cx3-ico, html body #profissionais .prof-feat-rect:first-child > .cx3-ico { width: 64px; height: 64px; border-radius: 18px; background: var(--primary); color: var(--white); }
html body #engomadoria-resumo .eng2-vant-i:first-child > .cx3-ico svg, html body #profissionais .prof-feat-rect:first-child > .cx3-ico svg { width: 38px !important; height: 38px !important; color: var(--white) !important; stroke: var(--white) !important; }
html body #engomadoria-resumo .eng2-vant-i:first-child > .cx3-ico, html body #profissionais .prof-feat-rect:first-child > .cx3-ico { color: var(--white) !important; }
html body #engomadoria-resumo .eng2-vant-i:first-child .eng2-vant-txt > strong, html body #profissionais .prof-feat-rect:first-child h3 { font-size: 1.1rem !important; align-self: end; }
html body #engomadoria-resumo .eng2-vant-i:first-child .eng2-vant-txt > span, html body #profissionais .prof-feat-rect:first-child p { font-size: .95rem !important; align-self: start; }
html body #engomadoria-resumo .eng2-vant > .colab-banner, html body #profissionais .prof-feats-col > .colab-banner {
grid-column: span 6; display: flex !important; flex-direction: column; gap: 10px; margin: 0 !important; padding: 18px 22px !important;
background: var(--primary) !important; border: 0 !important; border-radius: 18px !important; box-shadow: none !important; color: var(--white) !important;
}
html body .prof-feats-col > .colab-banner .colab-row, html body .eng2-vant > .colab-banner .colab-row { display: flex !important; align-items: center !important; gap: 16px !important; }
html body .prof-feats-col > .colab-banner .colab-ico, html body .eng2-vant > .colab-banner .colab-ico { flex: none; width: 60px !important; height: 60px !important; border-radius: 16px !important; background: var(--white) !important; color: var(--primary) !important; display: grid !important; place-items: center; box-shadow: none !important; }
html body .prof-feats-col > .colab-banner .colab-ico svg, html body .eng2-vant > .colab-banner .colab-ico svg { width: 40px !important; height: 40px !important; }
html body .prof-feats-col > .colab-banner .colab-frase, html body .eng2-vant > .colab-banner .colab-frase { margin: 0 !important; font-size: .92rem !important; line-height: 1.5 !important; color: var(--white) !important; }
html body .prof-feats-col > .colab-banner .colab-frase strong, html body .eng2-vant > .colab-banner .colab-frase strong { color: var(--white) !important; font-weight: 700 !important; }
html body .prof-feats-col > .colab-banner .colab-tags, html body .eng2-vant > .colab-banner .colab-tags { display: flex !important; flex-wrap: wrap; gap: 6px; padding-left: 76px; margin: 0 !important; }
html body .prof-feats-col > .colab-banner .ssd-item-tag, html body .eng2-vant > .colab-banner .ssd-item-tag { background: var(--white) !important; color: var(--primary) !important; border: 0 !important; margin: 0 !important; }
html body #profissionais .prof-feats-col { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px !important; height: auto !important; padding: 0 !important; background: none !important; box-shadow: none !important; align-content: start; }
html body #profissionais .prof-feats-col > .prof-closing { grid-column: span 6; margin: 0 !important; }
html body #profissionais .prof-feat-rect, html body #profissionais .prof-feat-rect h3, html body #profissionais .prof-feat-rect p { text-align: left !important; }
html body #profissionais {
display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 480px) 40px 600px minmax(0, 1fr) !important;
column-gap: 0 !important; row-gap: 0 !important; align-items: start !important;
}
html body #profissionais > .b2b-barra .aba-row { width: 100% !important; justify-content: center !important; }
html body #profissionais > .b2b-barra { grid-column: 2 / 5 !important; grid-row: 1 !important; }
html body #profissionais > .prof-mqs { grid-column: 2 / 5 !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 40px 0 12px !important; overflow: hidden !important; }
html body #profissionais > .prof-hero > .b2b-barra { margin: 0 0 18px !important; padding: 0 !important; width: 100% !important; }
html body #profissionais > .prof-hero > .b2b-barra .aba-row { justify-content: flex-start !important; width: auto !important; flex-direction: column !important; align-items: flex-start !important; gap: 22px !important; }
html body #profissionais > .prof-hero > .b2b-barra .b2b-barra-ico { order: -1 !important; width: 104px !important; height: 128px !important; display: flex !important; align-items: flex-end !important; align-self: flex-start !important; margin: 0 !important; transform: none !important; }
html body #profissionais > .prof-hero > .b2b-barra .b2b-barra-txt { margin: 0 !important; transform: none !important; }
html body #profissionais > .prof-hero { grid-column: 2 !important; grid-row: 2 / 4 !important; position: sticky !important; top: calc(var(--nav-h) + 24px) !important; align-self: start !important; margin: 0 !important; max-width: none !important; text-align: left !important; }
html body #profissionais > .prof-hero h2 { white-space: normal !important; text-wrap: balance !important; text-align: left !important; }
html body #profissionais > .prof-hero > p { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
html body #profissionais > .prof-bottom { display: contents !important; }
html body #profissionais .prof-bottom > .prof-feats-col { grid-column: 4 !important; grid-row: 2 !important; }
html body #profissionais .prof-bottom > .prof-form-wrap { grid-column: 4 !important; grid-row: 3 !important; margin: 24px 0 0 !important; width: auto !important; max-width: none !important; }
html body #profissionais > .prof-hero { overflow: visible !important; min-width: 0 !important; z-index: 2 !important; }
html body #profissionais > .prof-hero .prof-sectors, html body #profissionais > .prof-hero .prof-mqs { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; left: auto !important; transform: none !important; }
html body #profissionais .prof-feats-col > .prof-closing { background: var(--white) !important; border: 1px solid var(--gray-200) !important; border-radius: 18px !important; box-shadow: none !important; padding: 20px 22px !important; }
html body #profissionais .prof-feats-col > .prof-closing .prof-closing-quote { color: var(--black) !important; }
html body #profissionais .prof-feats-col > .prof-closing .prof-closing-quote em { color: var(--primary) !important; font-style: normal !important; }
html body #profissionais .prof-feats-col > .prof-closing .prof-closing-sub { color: var(--gray-700) !important; }
@media (max-width: 1120px) { html body #profissionais { grid-template-columns: 0 minmax(0, 1fr) 40px 520px 0 !important; } }
html body .ssdm .rlm-mais { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; padding: 14px 16px 16px !important; }
html body .ssdm .rlm-mais > .rlm-mais-m {
display: grid !important; grid-template-columns: 46px minmax(0, 1fr); column-gap: 12px; align-items: start;
padding: 14px !important; background: var(--white); border: 1px solid var(--gray-200); border-radius: 16px;
}
html body .ssdm .rlm-mais > .rlm-mais-m > svg { display: none !important; }
html body .ssdm .rlm-precos { border-radius: 0 0 18px 18px !important; }
html body .ssdm .rlm-mais { margin: 16px 0 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; }
html body .ssdm .rlm-semtempo {
margin: 12px 0 0 !important; padding: 18px 22px !important; gap: 10px !important;
background: var(--primary) !important; border-radius: 18px !important; box-shadow: none !important; color: var(--white) !important;
}
html body .ssdm .rlm-semtempo::before { display: none !important; }
html body .ssdm .rlm-semtempo .rlm-st-row { align-items: center !important; gap: 16px !important; }
html body .ssdm .rlm-semtempo .ssd-ico { width: 60px !important; height: 60px !important; border-radius: 16px !important; background: var(--white) !important; color: var(--primary) !important; box-shadow: none !important; display: grid !important; place-items: center; }
html body .ssdm .rlm-semtempo .ico-maos { width: 34px !important; height: 34px !important; }
html body .ssdm .rlm-semtempo .ssd-destaque-txt, html body .ssdm .rlm-semtempo .ssd-destaque-txt strong { color: var(--white) !important; }
html body .ssdm .rlm-semtempo .ssd-destaque-txt { font-size: .92rem !important; line-height: 1.5 !important; -webkit-line-clamp: unset !important; display: block !important; }
html body .ssdm .rlm-semtempo { align-items: stretch !important; text-align: left !important; }
html body .ssdm .rlm-semtempo .rlm-st-row { justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; }
html body .ssdm .rlm-semtempo .rlm-st-tags { align-self: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; text-align: left !important; }
html body .ssdm .rlm-semtempo .rlm-st-tags .ssd-item-tag { margin: 0 !important; }
html body .ssdm .rlm-semtempo .rlm-st-tags { display: flex !important; flex-wrap: wrap !important; gap: 10px 16px !important; }
html body .ssdm .rlm-semtempo .ssd-item-tag { background: var(--white) !important; color: var(--primary) !important; border: 0 !important; }
html body .ssdm .rlm-mais > .rlm-mais-m > span:not(.cx3-ico) { font-size: .92rem !important; line-height: 1.5 !important; color: var(--gray-700) !important; }
html body .ssdm .rlm-mais > .rlm-mais-m > span:not(.cx3-ico) strong { display: block; margin: 2px 0 4px; font-size: .92rem !important; line-height: 1.3; color: var(--black) !important; font-weight: 700 !important; }
}
@media (min-width: 861px) {
html body :is(#pilares,#self-service-detalhe,#fidelizacao,#profissionais,#engomadoria-resumo,#outros-servicos,#avaliacoes,#horario,#faq,#contactos,#localizacao) :is(.section-subtitle, .ssd-nota, .eng2-sub, .prof-hero > p, .pc-card-p, .rlm-cap span, .rlm-mais-m > span:not(.cx3-ico), .rlm-mais-m strong, .d-only-txt, .ssd-destaque-txt, .fid-lead, .fid-cta, .b2bm-mq-i, .prof-sector, .prof-feat-rect-body > p, .prof-feat-rect-body > h3, .prof-closing-sub, .colab-frase, .prof-form-wrap > p, .eng2-vant-txt > span, .eng2-vant-txt > strong, .eng2-card-nota, .eng2-row-nome, .eng2-card-pe, .service-card > p, .service-features li, .review-text, .reviews-cta > p, .score-detail span, .sched-sub-d, .sched-nota-m, .faq-nota, .faq-q, .faq-r-in p, .faq-card-cab h3, .ct-nota, .ct-lead > p, .cc-morada-l span, .cc-painel-lead, .cc-item-txt strong, .cc-item-txt span, .loc-bullet-text span, .loc-bullet-text strong) { font-size: .9rem !important; }
html body #engomadoria-resumo .eng2-vant-i:first-child .eng2-vant-txt > span,
html body #profissionais .prof-feat-rect:first-child p { font-size: .9rem !important; }
}
@media (min-width: 861px) {
html body #horario .schedule-row:not(.sched-live) > .day,
html body #horario .schedule-row > .time,
html body #horario .sched-next > .sn-msg,
html body .prof-form .prof-submit-note, html body .ct-form .prof-submit-note { font-size: .9rem !important; }
}
@media (min-width: 861px) {
html body:not(#_z):not(#_y) #pilares .pc-card-p,
html body:not(#_z):not(#_y) #self-service-detalhe .ssd-nota,
html body:not(#_z):not(#_y) #self-service-detalhe .rlm-cap > span,
html body:not(#_z):not(#_y) #self-service-detalhe .rlm-mais-m > span,
html body:not(#_z):not(#_y) #self-service-detalhe .rlm-mais-m strong,
html body:not(#_z):not(#_y) #self-service-detalhe .d-only-txt,
html body:not(#_z):not(#_y) #self-service-detalhe .ssd-destaque-txt,
html body:not(#_z):not(#_y) #self-service-detalhe .ssd-destaque-txt > strong,
html body:not(#_z):not(#_y) #fidelizacao .fid-lead,
html body:not(#_z):not(#_y) #fidelizacao .fid-cta,
html body:not(#_z):not(#_y) #profissionais .prof-hero > p,
html body:not(#_z):not(#_y) #profissionais .prof-sector,
html body:not(#_z):not(#_y) #profissionais .prof-feat-rect-body > p,
html body:not(#_z):not(#_y) #profissionais .prof-closing-quote,
html body:not(#_z):not(#_y) #profissionais .prof-closing-sub,
html body:not(#_z):not(#_y) #profissionais .colab-frase,
html body:not(#_z):not(#_y) #profissionais .colab-frase > strong,
html body:not(#_z):not(#_y) #profissionais .prof-form-wrap > p,
html body:not(#_z):not(#_y) #profissionais .prof-submit,
html body:not(#_z):not(#_y) #profissionais .prof-submit-note,
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-sub,
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-cta > span,
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-vant-txt > span,
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-vant-txt > strong,
html body:not(#_z):not(#_y) #engomadoria-resumo .colab-frase,
html body:not(#_z):not(#_y) #engomadoria-resumo .colab-frase > strong,
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-card-nota,
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-row-nome,
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-card-pe,
html body:not(#_z):not(#_y) #outros-servicos .section-subtitle,
html body:not(#_z):not(#_y) #outros-servicos .service-card > p,
html body:not(#_z):not(#_y) #outros-servicos .service-features > li,
html body:not(#_z):not(#_y) #avaliacoes .section-subtitle,
html body:not(#_z):not(#_y) #avaliacoes .score-detail > span,
html body:not(#_z):not(#_y) #avaliacoes .reviews-cta > p,
html body:not(#_z):not(#_y) #avaliacoes .btn-google,
html body:not(#_z):not(#_y) #avaliacoes .reviewer-info > strong,
html body:not(#_z):not(#_y) #avaliacoes .review-text,
html body:not(#_z):not(#_y) #horario .section-subtitle,
html body:not(#_z):not(#_y) #horario .sched-sub-d,
html body:not(#_z):not(#_y) #horario .schedule-row:not(.sched-live) > .day,
html body:not(#_z):not(#_y) #horario .schedule-row > .time,
html body:not(#_z):not(#_y) #horario .sched-next > .sn-msg,
html body:not(#_z):not(#_y) #horario .sched-nota-m,
html body:not(#_z):not(#_y) #faq .section-subtitle,
html body:not(#_z):not(#_y) #faq .faq-nota,
html body:not(#_z):not(#_y) #faq .faq-nota > a,
html body:not(#_z):not(#_y) #contactos .section-subtitle,
html body:not(#_z):not(#_y) #contactos .ct-label,
html body:not(#_z):not(#_y) #contactos .ct-valor,
html body:not(#_z):not(#_y) #contactos .ct-nota,
html body:not(#_z):not(#_y) #contactos .ct-lead > p,
html body:not(#_z):not(#_y) #contactos .ct-btn,
html body:not(#_z):not(#_y) #contactos .prof-submit-note,
html body:not(#_z):not(#_y) #localizacao .section-subtitle,
html body:not(#_z):not(#_y) #localizacao .cc-morada-l > span,
html body:not(#_z):not(#_y) #localizacao .cc-morada-l strong,
html body:not(#_z):not(#_y) #localizacao .cc-cta,
html body:not(#_z):not(#_y) #localizacao .cc-tab > span,
html body:not(#_z):not(#_y) #localizacao .cc-painel-lead,
html body:not(#_z):not(#_y) #localizacao .cc-item-txt > strong,
html body:not(#_z):not(#_y) #localizacao .cc-item-txt > span { font-size: 14px !important; }
html body:not(#_z):not(#_y) #self-service-detalhe .ssd-nota { color: rgb(2, 2, 2) !important; max-width: 420px !important; width: 100% !important; }
html body:not(#_z):not(#_y) #self-service-detalhe .ssd-nota,
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-sub,
html body:not(#_z):not(#_y) #profissionais .prof-hero > p,
html body:not(#_z):not(#_y) :is(#outros-servicos, #avaliacoes, #horario, #faq, #contactos, #localizacao) .section-header > .section-subtitle { font-size: 16px !important; }
html body:not(#_z):not(#_y) #profissionais > .prof-hero > h2:not(.b2b-barra) { margin-bottom: 0 !important; }
html body:not(#_z):not(#_y) #profissionais > .prof-hero > p br.br-m { display: inline !important; }
html body:not(#_z):not(#_y):not(#_x) #profissionais > .prof-hero > p { width: fit-content !important; max-width: 100% !important; padding-left: 22px !important; padding-right: 22px !important; }
html body:not(#_z):not(#_y) #profissionais > .prof-hero > p { color: rgb(2, 2, 2) !important; max-width: 420px !important; width: 100% !important; position: relative !important; box-sizing: border-box !important; margin: 0 0 18px !important; padding: 18px 16px 16px !important; background: var(--white) !important; border: 1px solid var(--gray-200) !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: none !important; line-height: 1.55 !important; text-align: center !important; }
html body:not(#_z):not(#_y) #profissionais > .prof-hero > p::before { content: '' !important; position: absolute !important; inset: 0 0 auto 0 !important; height: 4px !important; background: linear-gradient(90deg, var(--primary), var(--secondary-light)) !important; }
html body:not(#_z):not(#_y) #self-service-detalhe .ssd-nota-exp { position: relative !important; box-sizing: border-box !important; margin: 0 0 18px !important; padding: 18px 16px 16px !important; background: var(--white) !important; border: 1px solid var(--gray-200) !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: none !important; line-height: 1.55 !important; text-align: center !important; }
html body:not(#_z):not(#_y) #self-service-detalhe .ssd-nota-exp::before { content: '' !important; position: absolute !important; inset: 0 0 auto 0 !important; height: 4px !important; background: linear-gradient(90deg, var(--primary), var(--secondary-light)) !important; }
html body nav#navbar .nav-links .nav-ico { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; display: block !important; margin: 0 !important; overflow: visible !important; }
html body nav#navbar #navLinks > li > a { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; overflow: visible !important; text-overflow: clip !important; font-size: 12.5px !important; line-height: 1.1 !important; }
html body nav#navbar #navLinks > li { flex: 0 0 auto !important; }
html body nav#navbar #navClose { display: none !important; }
html body nav#navbar #navLinks > li::before, html body nav#navbar #navLinks > li::after { content: none !important; display: none !important; }
}
@media (max-width: 860px) {
html body #pilares { overflow-x: clip !important; }
html body #profissionais { overflow-x: clip !important; }
html body #self-service-detalhe .ssd-grid { min-width: 0 !important; max-width: 100% !important; }
@media (max-width: 340px) { html body #horario .schedule-row.sched-m-only { flex-wrap: wrap !important; row-gap: 2px !important; } html body #horario .schedule-row.sched-m-only .time { margin-left: auto !important; } }
html body:not(#_z):not(#_y) footer .footer-brand-text > span:first-child { margin-bottom: 7px !important; }
}
@media (min-width: 861px) {
html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-cta, html body:not(#_z):not(#_y) #engomadoria-resumo .eng2-cta > span { font-size: 14px !important; }
}
@keyframes navLogoSprite { to { background-position: 100% 0; } }
html body .nav-logo-anim { background: #fff url("../logo-animado-v3-sprite.webp") 0 0 / auto 100% no-repeat; animation: navLogoSprite 8s steps(39) infinite; }
@media (prefers-reduced-motion: reduce) { html body .nav-logo-anim { animation: none; background: #fff url("../logo-v3-estatico.png") center / 100% 100% no-repeat; } }
html body .nav-logo-anim img { display: none !important; }
@media (max-width: 860px) {
html body:not(#_z):not(#_y) #pilares .pc-plus-img { content: url("../ico3d-plus-solto-frontal.png") !important; width: 16px !important; }
html body:not(#_z):not(#_y) #pilares .pc-grid .pc-plus-3d::before { width: 54px !important; height: 54px !important; filter: blur(6px) !important; background: radial-gradient(circle, rgba(var(--primary-rgb), .55) 0 16%, rgba(var(--primary-rgb), .30) 40%, rgba(var(--primary-rgb), .10) 62%, rgba(var(--primary-rgb), 0) 80%) !important; }
}
@media (min-width: 861px) {
html body:not(#_z):not(#_y) #pilares .pc-grid .pc-card-plus { --fx: 0px !important; }
html body:not(#_z):not(#_y) #pilares .pc-grid .pc-plus-img { content: url("../ico3d-plus-solto-frontal.png") !important; width: 16px !important; }
html body:not(#_z):not(#_y) #pilares .pc-grid .pc-plus-3d::before { width: 54px !important; height: 54px !important; filter: blur(6px) !important; background: radial-gradient(circle, rgba(var(--primary-rgb), .55) 0 16%, rgba(var(--primary-rgb), .30) 40%, rgba(var(--primary-rgb), .10) 62%, rgba(var(--primary-rgb), 0) 80%) !important; }
}
@media (max-width: 860px) {
html body:not(#_z):not(#_y) #pilares .pc-grid .pc-card-plus.pc-plus-3d .pc-plus-img,
html body:not(#_z):not(#_y) #pilares .pc-grid .pc-card-plus.pc-plus-3d::before { margin-left: 6px !important; }
html body:not(#_z):not(#_y) #pilares .pc-stage .pc-grid::before, html body:not(#_z):not(#_y) #pilares .pc-stage .pc-grid::after { left: 19.5px !important; }
html body:not(#_z):not(#_y) #pilares .pc-grid .pc-card-plus { --fx: 0px !important; }
html body:not(#_z):not(#_y) #pilares .pc-stage .pc-link { left: calc(var(--pc-col, 10px) + 9.5px) !important; width: calc(var(--fx-title, 62%) - var(--pc-col, 10px) - 9.5px) !important; }
}
@media (max-width: 860px) {
html body:not(#_z):not(#_y):not(#_x) #horario > .hor-tab { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; margin: 28px 0 0 !important; background: var(--white) !important; border: 1px solid var(--gray-200) !important; border-radius: 14px !important; overflow: hidden !important; width: 100% !important; box-sizing: border-box !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-h { display: flex !important; align-items: center !important; gap: 8px !important; padding: 12px 12px !important; background: var(--primary) !important; color: var(--white) !important; font-size: 15px !important; font-weight: 700 !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-h + .hor-h { border-left: 1px solid rgba(255,255,255,.2) !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-ico { display: inline-flex !important; width: 18px !important; height: 18px !important; flex: 0 0 18px !important; color: var(--white) !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-ico svg { width: 18px !important; height: 18px !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-c { padding: 12px 12px !important; border-bottom: 1px solid var(--gray-200) !important; font-size: 14px !important; line-height: 1.45 !important; color: var(--black) !important; min-width: 0 !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-c:nth-child(even) { border-left: 1px solid var(--gray-200) !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-dia { font-size: 13px !important; color: var(--gray-700) !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-hora { font-size: 15px !important; font-weight: 700 !important; color: var(--black) !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-live { position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 3px !important; padding-left: 30px !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-live > span:nth-child(2) { font-size: 14px !important; font-weight: 600 !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-dot { position: absolute !important; left: 12px !important; top: 18px !important; width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #4ade80; box-shadow: 0 0 0 3px rgba(74,222,128,.22) !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-msg { font-size: 12.5px !important; color: var(--gray-700) !important; margin-left: -18px !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-msg:empty { display: none !important; }
html body:not(#_z):not(#_y):not(#_x) #horario .hor-nota { background: var(--gray-100) !important; font-size: 13px !important; color: var(--gray-700) !important; border-bottom: 0 !important; }
}
@keyframes hor-ping { 0% { transform: scale(.7); opacity: .85; } 70% { transform: scale(1.22); opacity: 0; } 100% { transform: scale(1.22); opacity: 0; } }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #horario .hor-dot { color: #4ade80; box-shadow: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #horario .hor-dot::after { content: ''; position: absolute; inset: -3px; border-radius: 50%; border: 1.25px solid currentColor; animation: hor-ping 2.4s ease-out infinite; }
@media (prefers-reduced-motion: reduce) { html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r) #horario .hor-dot::after { animation: none; opacity: .5; } }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-h { justify-content: center !important; text-align: center !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-c { text-align: center !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-h + .hor-h { border-left: 1px solid var(--white) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-c:nth-child(even) { border-left: 1px solid var(--primary) !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-live { flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 7px !important; padding-left: 12px !important; padding-right: 12px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-live .hor-dot { position: relative !important; left: auto !important; top: auto !important; flex: 0 0 auto !important; width: 9px !important; height: 9px !important; margin: 4px 0 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-live .hor-msg { flex: 0 0 auto !important; width: 100% !important; margin-left: 0 !important; text-align: center !important; }
@media (max-width: 860px) {
html body:not(#_z):not(#_y):not(#_x):not(#_w) #horario > .hor-tab { border: 1px solid var(--primary) !important; }
}
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-ico svg.hor-ico-m { display: none !important; }
@media (max-width: 860px) {
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-ico:has(svg.hor-ico-m) svg:not(.hor-ico-m) { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-ico { width: 22px !important; height: 22px !important; flex: 0 0 22px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q) #horario .hor-ico svg.hor-ico-m { display: block !important; width: 22px !important; height: 22px !important; color: var(--white) !important; stroke-width: 1.3 !important; }
}
@media (max-width: 860px) {
html body:not(#_z):not(#_y):not(#_x):not(#_w) #horario .hor-h-txt { width: min-content !important; white-space: normal !important; line-height: 1.2 !important; text-align: center !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-h { justify-content: center !important; padding-left: 10px !important; padding-right: 10px !important; gap: 8px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-h .hor-ico { margin: 0 !important; }
}
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-msg[hidden] { display: none !important; }
html body #faq .service-icon svg.faq-ico-loja { display: none !important; }
html body #faq .service-icon svg.faq-ico-m { display: none !important; }
@media (max-width: 860px) {
html body:not(#_z) #faq .service-icon:has(> svg.faq-ico-m) > svg:not(.faq-ico-m) { display: none !important; }
html body:not(#_z) #faq .service-icon svg.faq-ico-m { display: block !important; }
html body:not(#_z) #faq .service-icon svg.faq-ico-b2b { display: none !important; }
html body:not(#_z) #faq .service-icon svg.faq-ico-loja { display: block !important; }
}
@media (min-width: 861px) {
html body #profissionais > .prof-hero > .b2b-barra .aba-row,
html body #avaliacoes .aba .aba-row,
html body #horario .aba .aba-row,
html body #contactos .aba .aba-row,
html body #localizacao .aba .aba-row { gap: 0 !important; row-gap: 0 !important; }
html body #profissionais > .prof-hero > .b2b-barra .b2b-barra-ico,
html body #avaliacoes .aba-ico,
html body #horario .aba-ico,
html body #contactos .aba-ico,
html body #localizacao .aba-ico { margin: 0 0 2px !important; top: 0 !important; }
html body #self-service-detalhe .ssd-hero-ico,
html body #engomadoria-resumo .eng2-hero-ico { margin-bottom: 2px !important; }
html body #horario .hor-sub-m { display: none !important; }
html body #horario > .hor-tab { align-self: stretch !important; height: auto !important; align-content: stretch !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-h { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-h .hor-ico { width: 28px !important; height: 28px !important; flex: 0 0 auto !important; margin: 0 !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-h .hor-ico > svg:not(.hor-ico-m) { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-h .hor-ico > svg.hor-ico-m { display: block !important; width: 28px !important; height: 28px !important; color: #fff !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-c { padding: 20px 22px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-h { padding: 18px 22px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-c > br { display: none !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-c .hor-dia { display: block !important; margin: 0 0 8px !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-c .hor-hora { display: block !important; }
html body:not(#_z):not(#_y):not(#_x):not(#_w):not(#_v):not(#_u):not(#_t):not(#_s):not(#_r):not(#_q):not(#_p) #horario .hor-nota .hor-sub-d br { display: inline !important; }
}
@media (max-width: 860px) {
html body #horario .hor-sub-d { display: none !important; }
}