:root { --idc-azul-900: #333d4f;
--idc-azul-700: #414a5c;
--idc-azul-500: #5c6470;
--idc-azul-400: #5e7690;  --idc-terracota-800: #593400;
--idc-terracota-700: #96602f;
--idc-ouro: #b6873b; --idc-ink: #45474c;
--idc-cream: #fcf9f4;
--idc-cream-warm: #f8f7f4; --idc-sand: #e5e2dd;
--idc-sand-warm: #f3e9db;
--idc-peach: #f1e1cc;
--idc-gold-soft: #ddb98c; --idc-cream-soft: #f6f3ee;
--idc-card-cream: #fbf6ef; --idc-mint: #e9f0ea; --idc-lavender-soft: #eceaf3; --idc-orto-badge: #794900; --idc-border: #c5c6cd;
--idc-white: #ffffff;
--idc-white-80: rgba(255, 255, 255, 0.8);
--idc-border-soft: rgba(197, 198, 205, 0.2); --idc-font-sans: "Montserrat", system-ui, sans-serif;
--idc-font-serif: "Roboto Serif", Georgia, serif; --idc-text-xs: 12px;
--idc-text-sm: 14px;
--idc-text-md: 16px;
--idc-text-lg: 18px;
--idc-text-xl: 24px;
--idc-text-2xl: 32px;
--idc-text-3xl: 40px;
--idc-text-4xl: 48px; --idc-space-1: 4px;
--idc-space-2: 8px;
--idc-space-3: 12px;
--idc-space-4: 16px;
--idc-space-5: 20px;
--idc-space-6: 24px;
--idc-space-8: 32px;
--idc-space-10: 40px;
--idc-space-12: 48px;
--idc-space-16: 64px;
--idc-space-20: 80px;
--idc-space-30: 120px; --idc-container: 1280px;
--idc-gutter-desktop: 32px;
--idc-gutter-mobile: 20px;
--idc-header-h: 80px; --idc-radius-pill: 9999px;
--idc-radius-lg: 32px;
--idc-radius-card: 21px; --idc-radius-md: 16px;
--idc-radius-sm: 8px; --idc-shadow-sm: 0 1px 1px rgba(0, 0, 0, 0.05);
--idc-shadow-md: 0 1px 2px rgba(0, 0, 0, 0.05); --idc-bp-mobile: 390px; --idc-bp-tablet: 768px;
--idc-bp-desktop: 1024px; --idc-bp-wide: 1280px; }*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
scroll-padding-top: calc(var(--idc-header-h) + 16px);
background-color: var(--idc-cream);
overflow-x: clip;
}
body {
margin: 0;
font-family: var(--idc-font-sans);
font-size: var(--idc-text-md);
line-height: 1.6;
color: var(--idc-ink);
background-color: var(--idc-cream);
-webkit-font-smoothing: antialiased;
overflow-x: clip;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
opacity: 0.85;
}
a:focus-visible {
outline: 2px solid var(--idc-ouro);
outline-offset: 3px;
border-radius: 3px;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: var(--idc-font-sans);
color: var(--idc-azul-900);
line-height: 1.2;
}
p {
margin: 0;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.skip-link:focus {
clip: auto;
clip-path: none;
height: auto;
width: auto;
left: var(--idc-space-4);
top: var(--idc-space-4);
z-index: 100000;
background: var(--idc-white);
padding: var(--idc-space-3) var(--idc-space-4);
} .idc-container {
width: 100%;
max-width: var(--idc-container);
margin-inline: auto;
padding-inline: var(--idc-gutter-mobile);
}
@media (min-width: 1024px) {
.idc-container {
padding-inline: var(--idc-gutter-desktop);
}
} .idc-eyebrow {
font-size: var(--idc-text-xs);
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
line-height: 16px;
}
.idc-eyebrow--accent {
color: var(--idc-terracota-800);
}
.idc-eyebrow--muted {
color: var(--idc-azul-500);
} .idc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 16px 32px;
border-radius: var(--idc-radius-pill);
font-family: var(--idc-font-sans);
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
text-align: center;
border: 1px solid transparent;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
box-shadow: var(--idc-shadow-sm);
text-decoration: none;
white-space: normal;
max-width: 100%;
}
@media (min-width: 768px) {
.idc-btn {
white-space: nowrap;
}
}
.idc-btn:hover {
opacity: 0.92;
}
.idc-btn:focus-visible {
outline: 2px solid var(--idc-ouro);
outline-offset: 2px;
}
.idc-btn--primary {
background: var(--idc-terracota-700);
color: var(--idc-white);
}
.idc-btn--navy {
background: var(--idc-azul-700);
color: var(--idc-white);
min-height: 44px;
padding: 12px 24px;
}
.idc-btn--outline {
background: transparent;
color: var(--idc-azul-900);
border-color: var(--idc-border);
box-shadow: none;
}
.idc-btn--sm {
min-height: 44px;
padding: 12px 24px;
}
.idc-btn--arrow {
gap: 10px;
}
.idc-btn__arrow {
flex-shrink: 0;
width: 12px;
height: 12px;
}
.idc-btn--primary .idc-btn__arrow {
filter: brightness(0) invert(1);
} .site-main {
min-height: 40vh;
background-color: var(--idc-cream);
overflow-x: clip;
} .idc-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.idc-reveal.is-visible {
opacity: 1;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.idc-reveal {
opacity: 1;
transform: none;
transition: none;
}
.idc-testimonials__track,
.idc-team__track {
transition: none;
}
}.idc-header {
position: sticky;
top: 0;
z-index: 1000;
background: var(--idc-white-80);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-bottom: 1px solid var(--idc-border-soft);
}
body.idc-nav-open {
overflow: hidden;
}
.idc-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: var(--idc-header-h);
max-width: var(--idc-container);
margin-inline: auto;
padding-inline: var(--idc-gutter-mobile);
}
@media (min-width: 1024px) {
.idc-header__inner {
padding-inline: var(--idc-gutter-desktop);
}
} .idc-logo {
display: inline-grid;
grid-template-columns: max-content max-content;
align-items: start;
gap: 0;
line-height: 0;
text-decoration: none;
}
.idc-logo__mark {
width: 31.71px;
height: 31.72px;
}
.idc-logo__mark img {
width: 100%;
height: 100%;
}
.idc-logo__text {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 7.5px;
margin-top: 4.86px;
gap: 0;
}
.idc-logo__wordmark-dr {
width: 76.8px;
height: 18.69px;
}
.idc-logo__wordmark-inst {
width: 51.47px;
height: 3.72px;
margin-left: 12.66px;
margin-top: 4.45px;
}
.idc-logo__wordmark-dr img,
.idc-logo__wordmark-inst img {
width: 100%;
height: 100%;
}
.idc-logo--custom {
display: inline-flex;
align-items: center;
}
.idc-logo--custom .custom-logo-link {
display: inline-flex;
line-height: 0;
}
.idc-logo--custom .custom-logo {
height: 40px;
width: auto;
max-width: 200px;
} .idc-nav {
display: none;
}
@media (min-width: 1024px) {
.idc-nav {
display: block;
}
}
.idc-nav__list {
display: flex;
align-items: center;
gap: var(--idc-space-8); flex-wrap: nowrap;
}
.idc-nav__list > .idc-nav__item,
.idc-nav__list > .menu-item {
flex: 0 0 auto;
}
.idc-nav__list .sub-menu {
list-style: none;
padding: 0;
margin: 0;
}
.idc-nav__list > .menu-item-has-children {
position: relative;
} .idc-nav .idc-nav__list > .menu-item-has-children > .sub-menu {
position: absolute;
top: calc(100% + 4px);
left: 50%;
transform: translateX(-50%);
min-width: 220px;
padding: 12px 0;
margin: 0;
background: #fff;
border: 1px solid var(--idc-border-soft);
border-radius: 12px;
box-shadow: var(--idc-shadow-md);
display: none;
flex-direction: column;
gap: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 50;
}
.idc-nav .idc-nav__list > .menu-item-has-children:hover > .sub-menu,
.idc-nav .idc-nav__list > .menu-item-has-children:focus-within > .sub-menu {
display: flex;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.idc-nav__list .sub-menu .idc-nav__link {
padding: 10px 16px;
border-bottom: 0;
white-space: nowrap;
width: 100%;
justify-content: flex-start;
}
.idc-nav__list .sub-menu .idc-nav__link:hover {
background: var(--idc-cream);
opacity: 1;
}
.idc-nav__list .sub-menu .idc-nav__item {
width: 100%;
}
.idc-nav__link {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
color: var(--idc-ink);
padding-bottom: 4px;
border-bottom: 2px solid transparent;
}
.idc-nav__link--active,
.idc-nav__item.current-menu-item > .idc-nav__link {
font-weight: 700;
color: var(--idc-azul-900);
border-bottom-color: var(--idc-terracota-800);
}
.idc-nav__chevron {
width: 8px;
height: 5px;
display: inline-block;
}
.idc-nav__chevron img {
width: 100%;
height: 100%;
}
.idc-header__cta {
display: none;
}
@media (min-width: 1024px) {
.idc-header__cta {
display: inline-flex;
}
} .idc-nav-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 36px;
padding: 8px;
border: 0;
background: transparent;
cursor: pointer;
}
.idc-nav-toggle img {
width: 18px;
height: 12px;
}
@media (min-width: 1024px) {
.idc-nav-toggle {
display: none;
}
} .idc-nav-drawer {
display: none;
position: absolute;
inset: var(--idc-header-h) 0 auto 0;
max-height: calc(100dvh - var(--idc-header-h));
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: var(--idc-white);
border-bottom: 1px solid var(--idc-border-soft);
padding: var(--idc-space-6) var(--idc-gutter-mobile) var(--idc-space-8);
box-shadow: var(--idc-shadow-md);
}
.idc-nav-drawer.is-open {
display: block;
}
.idc-nav-drawer__list {
display: flex;
flex-direction: column;
gap: var(--idc-space-5);
}
.idc-nav-drawer__list .idc-nav__link {
font-size: var(--idc-text-md);
padding: var(--idc-space-2) 0;
}
.idc-nav-drawer__list .sub-menu {
display: flex;
flex-direction: column;
gap: var(--idc-space-2);
list-style: none;
margin: var(--idc-space-2) 0 0;
padding: 0 0 0 var(--idc-space-5);
border-left: 2px solid var(--idc-border-soft);
}
.idc-nav-drawer__list .sub-menu .idc-nav__link {
font-size: var(--idc-text-sm);
font-weight: 500;
padding: var(--idc-space-1) 0;
}
.idc-nav-drawer__list .idc-nav__chevron {
display: none;
}
.idc-nav-drawer__cta {
margin-top: var(--idc-space-6);
width: 100%;
}
@media (min-width: 1024px) {
.idc-nav-drawer {
display: none !important;
}
}.idc-footer {
position: relative;
z-index: 2;
background: var(--idc-azul-900);
color: var(--idc-sand);
border-radius: var(--idc-radius-lg) var(--idc-radius-lg) 0 0; margin-top: calc(var(--idc-radius-lg) * -1);
padding: var(--idc-space-16) var(--idc-gutter-mobile) calc(var(--idc-space-8) + 72px);
}
@media (min-width: 768px) and (max-width: 1023px) {
.idc-footer {
padding: var(--idc-space-20) var(--idc-gutter-mobile) var(--idc-space-8);
}
}
@media (min-width: 1024px) {
.idc-footer {
padding: var(--idc-space-30) var(--idc-gutter-desktop) var(--idc-space-8);
}
}
.idc-footer__grid {
display: grid;
gap: var(--idc-space-10);
max-width: var(--idc-container);
margin-inline: auto;
}
@media (min-width: 900px) {
.idc-footer__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--idc-space-8);
}
}
.idc-footer__brand {
display: flex;
flex-direction: column;
gap: var(--idc-space-6);
padding-bottom: var(--idc-space-8);
}
.idc-footer__tagline {
font-size: var(--idc-text-sm);
line-height: 20px;
opacity: 0.8;
max-width: 280px;
}
.idc-footer__col-title {
font-size: var(--idc-text-xs);
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
line-height: 16px;
opacity: 0.6;
margin-bottom: var(--idc-space-2);
padding-bottom: var(--idc-space-2);
}
.idc-footer__links {
display: flex;
flex-direction: column;
gap: var(--idc-space-4);
}
.idc-footer__links a {
font-size: var(--idc-text-md);
line-height: 28px;
opacity: 0.8;
color: var(--idc-sand);
}
.idc-footer__links a:hover {
opacity: 1;
}
.idc-footer__bottom {
max-width: var(--idc-container);
margin: var(--idc-space-12) auto 0;
padding-top: 33px;
border-top: 1px solid rgba(229, 226, 221, 0.1);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--idc-space-4);
}
.idc-footer__copy {
font-size: var(--idc-text-sm);
line-height: 20px;
opacity: 0.6;
}
.idc-footer__social {
display: flex;
gap: var(--idc-space-4);
align-items: center;
}
.idc-footer__social a {
opacity: 0.6;
display: inline-flex;
width: 17px;
height: 17px;
}
.idc-footer__social a:hover {
opacity: 1;
}
.idc-footer__social img {
width: 100%;
height: 100%;
} .idc-footer .idc-logo__mark,
.idc-footer .idc-logo__wordmark-dr,
.idc-footer .idc-logo__wordmark-inst {
filter: none;
} .idc-whatsapp-fab {
position: fixed;
z-index: 1100;
right: max(16px, env(safe-area-inset-right));
bottom: max(16px, env(safe-area-inset-bottom));
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: #25d366;
color: #fff;
box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35);
transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.idc-whatsapp-fab:hover {
opacity: 1;
transform: translateY(-2px) scale(1.04);
box-shadow: 0 12px 28px rgba(37, 211, 102, 0.45);
}
.idc-whatsapp-fab:focus-visible {
outline: 2px solid var(--idc-azul-900);
outline-offset: 3px;
}
.idc-whatsapp-fab__icon {
display: block;
width: 28px;
height: 28px;
}
@media print {
.idc-whatsapp-fab {
display: none !important;
}
}.idc-hero {
position: relative;
background: var(--idc-cream);
padding: var(--idc-space-10) 0 var(--idc-space-12);
overflow: hidden;
}
@media (min-width: 1024px) {
.idc-hero {
padding: var(--idc-space-16) 0 63px;
}
}
.idc-hero__bg {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 0;
} .idc-hero__bg img {
position: absolute;
left: 0;
right: 0; top: 26%;
transform: translateY(-50%);
width: 100%;
height: auto;
max-width: none;
opacity: 1;
}
@media (max-width: 1023px) {
.idc-hero__bg img {
top: 32%;
width: 100%;
}
}
.idc-hero__grid {
position: relative;
z-index: 1;
display: grid;
gap: var(--idc-space-8);
align-items: center;
}
@media (min-width: 1024px) {
.idc-hero__grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: var(--idc-space-8);
min-height: 592px;
}
}
.idc-hero__content {
display: flex;
flex-direction: column;
gap: var(--idc-space-8);
}
@media (min-width: 1024px) {
.idc-hero__content {
grid-column: 1 / span 6;
}
}
.idc-hero__meta {
display: flex;
align-items: center;
gap: var(--idc-space-4);
flex-wrap: wrap;
}
.idc-hero__divider {
width: 48px;
height: 1px;
background: var(--idc-border);
flex-shrink: 0;
}
.idc-hero__title {
font-family: var(--idc-font-sans);
font-size: clamp(32px, 5vw, 48px);
font-weight: 500;
line-height: 1.17;
letter-spacing: -0.02em;
color: var(--idc-azul-900);
max-width: 549px;
margin: 0 0 var(--idc-space-5);
}
@media (min-width: 1024px) {
.idc-hero__title {
font-size: 48px;
line-height: 56px;
letter-spacing: -0.96px;
}
}
.idc-hero__title-accent {
font-family: var(--idc-font-serif);
font-weight: 700;
color: var(--idc-terracota-700);
font-variation-settings: "GRAD" 0, "wdth" 100;
}
.idc-hero__lead {
font-size: var(--idc-text-lg);
line-height: 32px;
color: var(--idc-ink);
max-width: 512px;
}
.idc-hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--idc-space-4);
padding-top: var(--idc-space-6);
}
@media (max-width: 767px) {
.idc-hero__actions {
flex-direction: column;
width: 100%;
}
.idc-hero__actions .idc-btn {
width: 100%;
justify-content: center;
min-height: 56px;
}
}
.idc-hero__media {
border-radius: var(--idc-radius-lg);
overflow: hidden;
border: 1px solid rgba(197, 198, 205, 0.1);
box-shadow: var(--idc-shadow-md);
aspect-ratio: 1 / 1;
width: 100%;
max-height: 420px;
}
@media (min-width: 1024px) {
.idc-hero__media {
grid-column: 7 / span 6;
aspect-ratio: auto; height: 592px;
max-height: none;
}
}
.idc-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}.idc-trust {
background: var(--idc-cream-soft);
border-top: 1px solid rgba(197, 198, 205, 0.1);
border-bottom: 1px solid rgba(197, 198, 205, 0.1);
padding: 49px 0;
min-height: 162px;
height: auto;
box-sizing: border-box;
display: flex;
align-items: center;
}
@media (min-width: 900px) {
.idc-trust {
height: 162px;
padding: 0;
}
}
.idc-trust__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--idc-space-8) 0;
}
@media (min-width: 900px) {
.idc-trust__grid {
grid-template-columns: repeat(4, 1fr);
}
}
.idc-trust__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--idc-space-2);
text-align: center;
padding: var(--idc-space-2) var(--idc-space-4);
}
@media (min-width: 900px) {
.idc-trust__item:not(:first-child) {
border-left: 1px solid rgba(197, 198, 205, 0.2);
}
}
.idc-trust__value {
font-family: var(--idc-font-serif);
font-size: var(--idc-text-2xl);
font-weight: 700;
line-height: 40px;
color: var(--idc-azul-900);
font-variant-numeric: tabular-nums;
}
.idc-trust__label {
font-size: var(--idc-text-xs);
font-weight: 700;
letter-spacing: 1.8px;
text-transform: uppercase;
line-height: 16px;
color: var(--idc-azul-500);
}
.idc-trust__stars {
display: flex;
gap: 4px;
margin-bottom: 4px;
}
.idc-trust__stars img {
width: 20px;
height: 19px;
transform-origin: 50% 55%;
}
.idc-trust--prep .idc-trust__stars img {
opacity: 0;
transform: scale(0.28) rotate(-16deg);
}
.idc-trust--on .idc-trust__stars img {
animation: idc-star-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
animation-delay: calc(var(--idc-star, 0) * 95ms + 80ms);
}
@keyframes idc-star-in {
from { opacity: 0; transform: scale(0.28) rotate(-16deg); }
62% { opacity: 1; transform: scale(1.18) rotate(6deg); }
to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.idc-trust--prep .idc-trust__stars img,
.idc-trust--on .idc-trust__stars img {
opacity: 1;
transform: none;
animation: none;
}
}
.idc-trust__rating {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}
.idc-trust__rating-value {
display: inline-flex;
align-items: baseline;
justify-content: center;
font-family: var(--idc-font-serif);
font-size: var(--idc-text-2xl);
font-weight: 700;
line-height: 40px;
color: var(--idc-azul-900);
font-variant-numeric: tabular-nums;
background: transparent;
border: 0;
padding: 0;
min-width: 0;
border-radius: 0;
}
.idc-trust__item--rating .idc-trust__stars {
margin-bottom: 0;
}
.idc-trust__item--rating .idc-trust__label {
text-transform: none;
letter-spacing: 0.02em;
font-weight: 600;
font-size: var(--idc-text-sm);
color: var(--idc-ink);
} .idc-pillars {
background: var(--idc-white);
padding: var(--idc-space-16) 0;
overflow-x: clip;
}
@media (min-width: 1024px) {
.idc-pillars {
padding: var(--idc-space-30) 0;
}
}
.idc-pillars__intro {
max-width: 672px;
margin: 0 auto var(--idc-space-16);
text-align: center;
display: flex;
flex-direction: column;
gap: var(--idc-space-4);
}
.idc-pillars__title {
font-size: clamp(28px, 4vw, 32px);
font-weight: 500;
line-height: 40px;
color: var(--idc-azul-900);
}
.idc-pillars__title-accent {
font-family: var(--idc-font-serif);
font-weight: 700;
color: var(--idc-terracota-700);
font-variation-settings: "GRAD" 0, "wdth" 100;
}
.idc-pillars__lead {
font-size: var(--idc-text-lg);
line-height: 32px;
color: var(--idc-ink);
padding-top: var(--idc-space-2);
}
.idc-pillars__grid {
display: grid;
gap: var(--idc-space-6);
}
@media (min-width: 1024px) {
.idc-pillars__grid {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto auto;
}
}
.idc-pillar {
border: 1px solid rgba(197, 198, 205, 0.12);
border-radius: var(--idc-radius-card);
padding: var(--idc-space-6);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--idc-space-4);
min-height: 280px;
min-width: 0;
box-shadow: var(--idc-shadow-sm);
}
@media (min-width: 600px) {
.idc-pillar {
padding: 41px;
}
} .idc-pillar--tone-sand { background: var(--idc-sand-warm); }
.idc-pillar--tone-mint { background: var(--idc-cream); }
.idc-pillar--tone-lavender { background: var(--idc-peach); }
.idc-pillar--tone-cream { background: var(--idc-cream-soft); }
@media (min-width: 1024px) {
.idc-pillars__grid { grid-template-rows: 426px 402px;
align-items: stretch;
}
.idc-pillar--primary {
grid-column: 1 / span 8;
grid-row: 1;
flex-direction: row;
align-items: center;
gap: var(--idc-space-8);
padding: 49px;
min-height: 0;
height: 100%;
box-sizing: border-box;
overflow: hidden;
}
.idc-pillar--narrow:nth-of-type(2) {
grid-column: 9 / span 4;
grid-row: 1;
min-height: 0;
height: 100%;
box-sizing: border-box;
justify-content: space-between;
overflow: hidden;
}
.idc-pillar--narrow:nth-of-type(3) {
grid-column: 1 / span 4;
grid-row: 2;
min-height: 0;
height: 100%;
box-sizing: border-box;
justify-content: space-between;
overflow: hidden;
}
.idc-pillar--cta {
grid-column: 5 / span 8;
grid-row: 2;
align-items: center;
justify-content: center;
text-align: center;
min-height: 0;
height: 100%;
box-sizing: border-box;
position: relative;
overflow: hidden; padding: 48px 41px;
}
} .idc-pillar--cta {
position: relative;
overflow: hidden;
isolation: isolate;
background: var(--idc-cream-soft);
border: 1px solid rgba(197, 198, 205, 0.12);
min-height: 280px;
}
.idc-pillar__cta-decor {
position: absolute;
inset: 0;
z-index: 0;
background: url(//www.institutodrchao.com.br/wp-content/themes/instituto-dr-chao/assets/icons/hero-bg-pattern.svg) no-repeat center 58% / 100% auto;
opacity: 0.28;
pointer-events: none;
}
@media (min-width: 1024px) {
.idc-pillar--cta .idc-pillar__cta-inner {
padding: 0;
}
}
.idc-pillar--cta .idc-pillar__title {
margin: 0 0 12px;
color: var(--idc-azul-900);
font-size: 24px;
line-height: 32px;
font-weight: 700;
max-width: 26rem;
}
.idc-pillar--cta .idc-pillar__text {
margin: 0 0 24px;
color: var(--idc-ink);
font-size: var(--idc-text-md);
line-height: 28px;
max-width: 22rem;
}
.idc-pillar__cta-btn {
min-width: 145px;
}
.idc-pillar__icon {
width: 56px;
height: 56px;
border-radius: var(--idc-radius-pill);
background: var(--idc-white);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.idc-pillar--primary .idc-pillar__icon {
width: 64px;
height: 64px;
}
.idc-pillar__icon img {
width: 22px;
height: 24px;
}
.idc-pillar__body {
flex: 1;
display: flex;
flex-direction: column;
gap: var(--idc-space-4);
}
.idc-pillar__title {
font-size: var(--idc-text-xl);
font-weight: 700;
line-height: 32px;
color: var(--idc-azul-900);
white-space: pre-line;
}
.idc-pillar__text {
font-size: var(--idc-text-md);
line-height: 28px;
color: var(--idc-ink);
}
.idc-pillar__link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
color: var(--idc-azul-900);
margin-top: auto;
}
.idc-pillar__link--accent {
color: var(--idc-terracota-800);
}
.idc-pillar__link img {
width: 12px;
height: 12px;
}
.idc-pillar__media {
flex: 1;
border-radius: 24px;
overflow: hidden;
min-height: 220px;
align-self: stretch;
}
.idc-pillar__media img {
width: 100%;
height: 100%;
object-fit: cover;
min-height: 220px;
}
@media (min-width: 1024px) {
.idc-pillar__media {
min-height: 328px;
}
} .idc-why {
background: var(--idc-cream);
padding: 57px 0 61px;
}
.idc-why__grid {
display: grid;
gap: var(--idc-space-10);
align-items: center;
}
@media (min-width: 1024px) {
.idc-why__grid {
grid-template-columns: 1fr 1fr;
gap: var(--idc-space-16);
}
}
.idc-why__media {
border-radius: var(--idc-radius-lg);
overflow: hidden;
aspect-ratio: 1 / 1;
}
.idc-why__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.idc-why__content {
display: flex;
flex-direction: column;
gap: var(--idc-space-12);
}
.idc-why__header {
display: flex;
flex-direction: column;
gap: var(--idc-space-4);
}
.idc-why__title {
font-size: clamp(28px, 4vw, 32px);
font-weight: 700;
line-height: 40px;
color: var(--idc-azul-900);
}
.idc-why__lead {
font-size: var(--idc-text-lg);
line-height: 32px;
color: var(--idc-ink);
padding-top: var(--idc-space-2);
}
.idc-why__items {
display: grid;
grid-template-columns: 1fr;
gap: var(--idc-space-8);
}
@media (min-width: 600px) {
.idc-why__items {
grid-template-columns: 1fr 1fr;
}
}
.idc-why__item {
display: flex;
flex-direction: column;
gap: var(--idc-space-4);
}
.idc-why__item-icon {
width: 64px;
height: 64px;
}
.idc-why__item-icon img {
width: 100%;
height: 100%;
}
.idc-why__item-title {
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
color: var(--idc-azul-900);
}
.idc-why__item-text {
font-size: var(--idc-text-sm);
line-height: 20px;
color: var(--idc-ink);
} .idc-testimonials {
background: var(--idc-sand-warm);
padding: var(--idc-space-16) 0;
overflow-x: clip;
}
@media (min-width: 1024px) { .idc-testimonials {
padding: 120px 0;
}
}
.idc-testimonials__intro {
text-align: center;
margin-bottom: var(--idc-space-16);
}
.idc-testimonials__badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--idc-white);
border-radius: var(--idc-radius-pill);
padding: 8px 16px;
margin-bottom: var(--idc-space-6);
font-family: var(--idc-font-sans);
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
color: var(--idc-azul-900);
}
.idc-testimonials__badge img {
width: 20px;
height: 19px;
}
.idc-testimonials__title {
font-family: var(--idc-font-sans);
font-size: clamp(28px, 4vw, 32px);
font-weight: 700;
line-height: 40px;
color: var(--idc-azul-900);
}
.idc-testimonials__carousel {
position: relative;
outline: none;
}
.idc-testimonials__viewport {
overflow: hidden;
margin: 0 calc(-1 * var(--idc-space-2));
padding: 0 var(--idc-space-2) var(--idc-space-2);
cursor: grab;
touch-action: pan-y;
user-select: none;
-webkit-user-select: none;
}
.idc-testimonials__viewport img,
.idc-testimonials__viewport a {
-webkit-user-drag: none;
user-drag: none;
}
.idc-testimonials__carousel.is-dragging .idc-testimonials__viewport {
cursor: grabbing;
}
.idc-testimonials__track {
display: flex;
gap: var(--idc-space-8);
align-items: stretch;
transition: transform 0.45s ease;
will-change: transform;
}
.idc-testimonials__carousel.is-dragging .idc-testimonials__track {
transition: none;
} .idc-testimonials__slide {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 100%;
height: auto;
align-self: stretch;
scroll-snap-align: start;
box-sizing: border-box;
margin: 0;
}
@media (min-width: 700px) {
.idc-testimonials__slide {
flex: 0 0 calc((100% - var(--idc-space-8)) / 2);
width: calc((100% - var(--idc-space-8)) / 2);
max-width: calc((100% - var(--idc-space-8)) / 2);
}
}
@media (min-width: 1024px) { .idc-testimonials__slide {
flex: 0 0 calc((100% - 2 * var(--idc-space-8)) / 3);
width: calc((100% - 2 * var(--idc-space-8)) / 3);
max-width: calc((100% - 2 * var(--idc-space-8)) / 3);
}
}
.idc-testimonial {
background: var(--idc-white);
border-radius: var(--idc-radius-card);
padding: var(--idc-space-8);
box-shadow: var(--idc-shadow-sm);
display: flex;
flex-direction: column;
gap: var(--idc-space-6); height: auto;
min-height: 360px;
width: 100%;
box-sizing: border-box; margin: 0;
}
.idc-testimonial__stars {
display: flex;
gap: 4px;
}
.idc-testimonial__stars img {
width: 20px;
height: 19px;
} .idc-testimonial__quote {
font-family: var(--idc-font-sans);
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: var(--idc-ink);
flex: 1 1 auto;
margin: 0;
}
.idc-testimonial__author {
display: flex;
align-items: center;
gap: var(--idc-space-4);
margin-top: auto;
flex-shrink: 0;
}
.idc-testimonial__avatar {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
background: #e5e2dd;
flex-shrink: 0;
}
.idc-testimonial__avatar:not(:has(img)) {
background:
radial-gradient(circle at 38% 32%, #f5f5f5 0 22%, transparent 23%),
radial-gradient(circle at 62% 58%, #c8c5c0 0 38%, transparent 39%),
linear-gradient(145deg, #d8d5d0 0%, #a8a5a0 55%, #8e8b86 100%);
}
.idc-testimonial__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.idc-testimonial__name {
font-family: var(--idc-font-sans);
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
color: var(--idc-azul-900);
margin: 0;
}
.idc-testimonial__role {
font-family: var(--idc-font-sans);
font-size: var(--idc-text-xs);
font-weight: 400;
line-height: 16px;
color: #5c6470;
margin: 0;
} .idc-team {
background: var(--idc-cream);
padding: var(--idc-space-12) 0 var(--idc-space-10);
overflow-x: clip;
}
@media (min-width: 768px) {
.idc-team {
padding: var(--idc-space-20) 0 var(--idc-space-16);
}
}
.idc-team__header {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: var(--idc-space-6);
margin-bottom: var(--idc-space-12);
}
.idc-team__title {
font-size: clamp(28px, 4vw, 32px);
font-weight: 700;
line-height: 40px;
color: var(--idc-azul-900);
margin-bottom: var(--idc-space-4);
}
.idc-team__lead {
font-size: var(--idc-text-md);
line-height: 28px;
color: var(--idc-ink);
max-width: 640px;
}
@media (min-width: 768px) {
.idc-team__lead {
font-size: var(--idc-text-lg);
line-height: 32px;
}
}
.idc-team__cta {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid var(--idc-border);
border-radius: var(--idc-radius-pill);
padding: 13px 25px;
font-size: var(--idc-text-sm);
font-weight: 600;
color: var(--idc-azul-900);
}
.idc-team__cta img {
width: 12px;
height: 12px;
}
.idc-team__carousel {
position: relative;
outline: none;
}
.idc-team__viewport {
overflow: hidden;
margin: 0 calc(-1 * var(--idc-space-2));
padding: 0 var(--idc-space-2) var(--idc-space-2);
cursor: grab;
touch-action: pan-y;
user-select: none;
-webkit-user-select: none;
}
.idc-team__viewport img,
.idc-team__viewport a,
.idc-team-card__link {
-webkit-user-drag: none;
user-drag: none;
}
.idc-team__slide,
.idc-team-card,
.idc-team-card__link {
touch-action: pan-y;
}
.idc-team__carousel.is-dragging .idc-team__viewport {
cursor: grabbing;
}
.idc-team__grid,
.idc-team__track {
display: flex;
gap: var(--idc-space-8);
transition: transform 0.45s ease;
will-change: transform;
}
.idc-team__carousel.is-dragging .idc-team__track,
.idc-team__carousel.is-marquee .idc-team__track {
transition: none;
}
.idc-team__carousel.is-marquee .idc-team__viewport .idc-team-card__link {
cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
.idc-team__carousel.is-marquee .idc-team__track {
transform: none !important;
}
}
.idc-team__slide {
flex: 0 0 100%;
min-width: 0;
}
@media (min-width: 700px) {
.idc-team__slide {
flex: 0 0 calc((100% - var(--idc-space-8)) / 2);
}
}
@media (min-width: 1024px) { .idc-team__slide {
flex: 0 0 calc((100% - 2 * var(--idc-space-8)) / 3);
}
} .idc-carousel__controls {
display: flex;
align-items: center;
justify-content: center;
margin-top: var(--idc-space-8);
}
.idc-carousel__dots {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.idc-carousel__dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(65, 74, 92, 0.28);
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
.idc-carousel__dot:hover {
background: rgba(65, 74, 92, 0.5);
opacity: 1;
}
.idc-carousel__dot.is-active {
background: var(--idc-azul-900);
transform: scale(1.25);
}
.idc-carousel__dot:focus-visible {
outline: 2px solid var(--idc-azul-700);
outline-offset: 3px;
}
.idc-team-card__photo {
border-radius: var(--idc-radius-lg);
overflow: hidden;
background: var(--idc-sand);
aspect-ratio: 3 / 4;
}
.idc-team-card__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 8%;
}
.idc-team-card__name {
font-size: var(--idc-text-xl);
font-weight: 700;
line-height: 32px;
color: var(--idc-azul-900);
margin-top: var(--idc-space-6);
}
.idc-team-card__spec {
font-size: var(--idc-text-md);
line-height: 28px;
color: var(--idc-terracota-800);
margin-top: var(--idc-space-1);
}
.idc-team-card__crm {
font-size: var(--idc-text-sm);
line-height: 20px;
color: var(--idc-ink);
margin-top: var(--idc-space-2);
}
.idc-team-card__bio {
font-size: var(--idc-text-sm);
line-height: 20px;
color: var(--idc-ink);
margin-top: var(--idc-space-2);
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
.idc-team-card__bio .idc-team-excerpt,
.idc-team-card__bio ul {
margin: 0;
padding-left: 1.1em;
}
.idc-team-card__bio li + li {
margin-top: 4px;
}
.idc-team-card__bio p {
margin: 0;
} .idc-blog-preview {
background: var(--idc-cream-soft);
padding: 52px 0 60px;
} .site-main > .idc-blog-preview:last-child {
padding-bottom: calc(60px + var(--idc-radius-lg));
}
.idc-blog-preview__header {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: var(--idc-space-6);
margin-bottom: var(--idc-space-12);
}
@media (max-width: 899px) {
.idc-blog-preview {
padding: 40px 0 48px;
}
.idc-blog-preview__header {
flex-direction: column;
align-items: flex-start;
}
}
.idc-blog-preview__title {
font-size: clamp(28px, 4vw, 32px);
font-weight: 700;
line-height: 40px;
color: var(--idc-azul-900);
margin-bottom: var(--idc-space-4);
}
.idc-blog-preview__lead {
font-size: var(--idc-text-lg);
line-height: 32px;
color: var(--idc-ink);
}
.idc-blog-preview__all {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: var(--idc-text-sm);
font-weight: 600;
color: var(--idc-terracota-800);
border-bottom: 1px solid var(--idc-terracota-800);
padding-bottom: 5px;
}
.idc-blog-preview__all img {
width: 12px;
height: 12px;
}
.idc-blog-preview__grid {
display: grid;
gap: var(--idc-space-8);
}
@media (min-width: 900px) {
.idc-blog-preview__grid {
grid-template-columns: repeat(3, 1fr);
}
}  .idc-final-cta {
background: var(--idc-gold-soft);
padding: 80px 0 calc(100px + var(--idc-radius-lg));
text-align: center;
position: relative;
overflow: hidden; margin-bottom: 0;
}
.idc-final-cta__inner {
position: relative;
z-index: 1;
max-width: 768px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--idc-space-5);
}
.idc-final-cta__mark {
width: 102px;
height: 102px;
margin-bottom: var(--idc-space-2);
}
.idc-final-cta__mark img {
width: 100%;
height: 100%;
}
.idc-final-cta__title {
font-size: clamp(28px, 4vw, 32px);
font-weight: 500;
line-height: 40px;
color: var(--idc-azul-700);
}
.idc-final-cta__title-accent {
font-family: var(--idc-font-serif);
font-weight: 700;
color: var(--idc-terracota-700);
font-variation-settings: "GRAD" 0, "wdth" 100;
}
.idc-final-cta__lead {
font-size: var(--idc-text-lg);
line-height: 32px;
color: var(--idc-azul-700);
opacity: 0.9;
max-width: 526px;
margin-bottom: var(--idc-space-6);
}
.idc-final-cta__actions {
display: flex;
flex-wrap: wrap;
gap: var(--idc-space-4);
justify-content: center;
}
.idc-btn.idc-btn--cta-light {
background: #ffddbb;
color: #2b1700;
min-height: 56px;
padding: 0 32px;
}
.idc-btn.idc-btn--cta-dark {
background: var(--idc-azul-700);
color: var(--idc-cream);
border-color: rgba(197, 198, 205, 0.3);
min-height: 56px;
padding: 0 32px;
} @media (min-width: 768px) and (max-width: 1023px) {
.idc-pillars__grid {
grid-template-columns: 1fr 1fr;
gap: var(--idc-space-6);
}
.idc-pillar--primary,
.idc-pillar--cta {
grid-column: 1 / -1;
}
.idc-pillar--primary {
flex-direction: row;
align-items: center;
gap: var(--idc-space-6);
}
.idc-pillar__media {
flex: 0 0 42%;
max-width: 280px;
}
.idc-pillar--cta {
padding: 64px 40px;
min-height: 240px;
}
} @media (max-width: 767px) { .idc-hero {
padding: 40px 0 48px;
}
.idc-hero__title {
font-size: 32px;
line-height: 40px;
letter-spacing: -0.64px;
max-width: none;
}
.idc-hero__lead {
font-size: 16px;
line-height: 28px;
max-width: none;
}
.idc-hero__media {
max-height: none;
aspect-ratio: 1 / 1;
border-radius: 24px;
}
.idc-trust {
padding: 40px 0;
height: auto;
min-height: 0;
}
.idc-trust__grid {
gap: 32px 0;
}
.idc-pillars {
padding: 64px 0;
}
.idc-pillars__intro {
margin-bottom: 40px;
text-align: left;
max-width: none;
}
.idc-pillars__title {
font-size: 28px;
line-height: 36px;
}
.idc-pillar {
min-height: 0;
padding: 32px 24px;
}
.idc-pillar--primary {
flex-direction: column;
align-items: stretch;
}
.idc-pillar__media {
width: 100%;
border-radius: 24px;
overflow: hidden;
}
.idc-pillar--cta {
padding: 48px 24px;
min-height: 280px;
}
.idc-why {
padding: 48px 0;
}
.idc-why__content {
gap: 32px;
}
.idc-why__media {
border-radius: 24px;
}
.idc-why__lead {
font-size: 16px;
line-height: 26px;
}
.idc-testimonials {
padding: 64px 0;
}
.idc-testimonials__intro {
margin-bottom: 40px;
text-align: left;
}
.idc-testimonials__title {
font-size: 28px;
line-height: 36px;
}
.idc-team {
padding: 64px 0 48px;
}
.idc-team__header {
flex-direction: column;
align-items: flex-start;
gap: 16px;
margin-bottom: 32px;
}
.idc-team__title {
font-size: 28px;
line-height: 36px;
}
.idc-team__lead {
font-size: 16px;
line-height: 26px;
}
.idc-blog-preview {
padding: 48px 0 56px;
}
.idc-final-cta {
padding: 64px 0 calc(80px + var(--idc-radius-lg));
}
.idc-final-cta__actions {
flex-direction: column;
width: 100%;
}
.idc-final-cta__actions .idc-btn {
width: 100%;
justify-content: center;
}
} .idc-team-card__bio {
display: block;
-webkit-line-clamp: unset;
overflow: visible;
}
.idc-team-card__photo img { object-position: 50% 12%; }  .idc-trust__item--rating .idc-trust__label {
text-transform: uppercase;
letter-spacing: 1.8px;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: var(--idc-azul-500);
text-decoration: underline;
text-underline-offset: 4px;
} @media (max-width: 699px) {
.idc-pillars__intro { text-align: center; align-items: center; }
.idc-pillar:not(.idc-pillar--cta) {
background: #fcf9f4;
text-align: center;
align-items: center;
padding: 32px 22px;
min-height: 0;
gap: 12px;
}
.idc-pillar:not(.idc-pillar--cta) .idc-pillar__icon {
width: 64px;
height: 64px;
background: #ddb98c;
margin: 0 auto;
}
.idc-pillar:not(.idc-pillar--cta) .idc-pillar__title {
font-size: 20px;
line-height: 28px;
}
.idc-pillar:not(.idc-pillar--cta) .idc-pillar__text {
font-size: 15px;
line-height: 26px;
}
.idc-pillar:not(.idc-pillar--cta) .idc-pillar__link { justify-content: center; }
.idc-pillar:not(.idc-pillar--cta) .idc-pillar__media { width: 100%; }
.idc-pillar:not(.idc-pillar--cta) .idc-pillar__media img { min-height: 180px; max-height: 200px; } .idc-team__carousel .idc-team__slide { flex: 0 0 100%; }
} @media (min-width: 1024px) {
.idc-pillars__grid { grid-template-rows: 426px minmax(402px, auto); }
.idc-pillar--narrow.idc-pillar--tone-lavender, .idc-pillar--cta { height: auto; min-height: 402px; overflow: visible; }
}.site-main--page {
background: var(--idc-cream);
} .idc-breadcrumb {
margin-bottom: var(--idc-space-6);
}
.idc-breadcrumb__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--idc-space-2);
font-family: var(--idc-font-sans);
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
}
.idc-breadcrumb__link {
color: var(--idc-ink);
}
.idc-breadcrumb__item--current {
color: var(--idc-terracota-800);
font-weight: 700;
}
.idc-breadcrumb__sep {
display: flex;
align-items: center;
line-height: 1;
}
.idc-breadcrumb__sep img {
width: 5px;
height: 7px;
} .idc-page-hero {
padding: var(--idc-space-8) 0 var(--idc-space-10);
background: var(--idc-cream);
}
@media (min-width: 768px) {
.idc-page-hero {
padding: var(--idc-space-12) 0 var(--idc-space-16);
}
}
@media (min-width: 1024px) {
.idc-page-hero {
padding: var(--idc-space-16) 0 var(--idc-space-20);
}
}
.idc-page-hero__inner {
max-width: 720px;
display: flex;
flex-direction: column;
gap: var(--idc-space-4);
}
.idc-page-hero--centered .idc-breadcrumb__list {
justify-content: center;
}
.idc-page-hero--centered .idc-page-hero__inner {
margin-inline: auto;
text-align: center;
align-items: center;
}
.idc-page-hero__title {
font-family: var(--idc-font-sans);
font-size: clamp(32px, 5vw, 48px);
font-weight: 500;
line-height: 1.15;
letter-spacing: -0.02em;
color: var(--idc-azul-900);
}
.idc-page-hero__title-accent {
font-family: var(--idc-font-serif);
font-weight: 700;
font-variation-settings: "GRAD" 0, "wdth" 100;
color: var(--idc-terracota-700);
}
.idc-page-hero__lead {
font-size: var(--idc-text-lg);
line-height: 28px;
color: var(--idc-ink);
max-width: 640px;
}
.idc-page-hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--idc-space-4);
margin-top: var(--idc-space-2);
} .idc-page-hero--split {
position: relative;
overflow: hidden;
} .idc-page-hero__decor {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: url(//www.institutodrchao.com.br/wp-content/themes/instituto-dr-chao/assets/icons/hero-bg-pattern.svg) no-repeat center 28% / 100% auto;
opacity: 1;
pointer-events: none;
z-index: 0;
}
.idc-page-hero--centered,
.idc-page-hero--default,
.idc-page-hero--blog {
position: relative;
overflow: hidden;
}
.idc-page-hero--centered .idc-page-hero__decor,
.idc-page-hero--default .idc-page-hero__decor,
.idc-page-hero--blog .idc-page-hero__decor {
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.idc-page-hero--centered .idc-container,
.idc-page-hero--default .idc-container,
.idc-page-hero--blog .idc-container,
.idc-page-hero--split .idc-container {
position: relative;
z-index: 1;
}
.idc-page-hero--integrativa {
position: relative;
}
.idc-page-hero--integrativa .idc-page-hero__decor {
inset: 0;
width: 100%;
height: 100%;
opacity: 1; background-size: 100% auto;
background-position: center 28%;
}
.idc-page-hero--integrativa .idc-page-hero__media {
position: relative;
box-shadow: none;
}
.idc-page-hero--integrativa .idc-page-hero__media::before {
content: "";
position: absolute;
left: -16px;
top: 32px;
width: 100%;
height: 100%;
background: var(--idc-sand);
border-radius: var(--idc-radius-lg);
z-index: -1;
}
@media (max-width: 1023px) {
.idc-page-hero--integrativa .idc-page-hero__media::before {
left: -8px;
top: 16px;
}
}
@media (min-width: 1024px) {
.idc-page-hero--integrativa .idc-page-hero__media {
aspect-ratio: 592 / 444;
min-height: 0;
border-radius: var(--idc-radius-lg);
}
.idc-page-hero--integrativa .idc-page-hero__media img {
border-radius: var(--idc-radius-lg);
}
}
.idc-page-hero__split {
display: grid;
gap: var(--idc-space-8);
align-items: center;
}
.idc-page-hero--split .idc-page-hero__inner {
max-width: none;
}
.idc-page-hero__media {
margin: 0;
width: 100%;
border-radius: var(--idc-radius-lg);
overflow: hidden;
aspect-ratio: 4 / 3;
background: var(--idc-sand);
min-height: 220px;
}
.idc-page-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
@media (min-width: 1024px) {
.idc-page-hero__split {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: var(--idc-space-12);
}
.idc-page-hero__media {
min-height: 420px;
max-height: none;
aspect-ratio: 560 / 420;
} .idc-specialty .idc-page-hero--split:not(.idc-page-hero--integrativa):not(.idc-page-hero--carreiras) .idc-page-hero__media {
aspect-ratio: 592 / 444;
min-height: 0;
} .idc-page-hero--fisioterapia .idc-page-hero__media {
aspect-ratio: 576 / 600;
min-height: 520px;
border-radius: var(--idc-radius-lg);
}
.idc-page-hero--fisioterapia .idc-page-hero__media img {
object-fit: cover;
object-position: center;
} .idc-specialty .idc-page-hero--split:not(.idc-page-hero--fisioterapia):not(.idc-page-hero--integrativa):not(.idc-page-hero--carreiras) .idc-page-hero__media img {
object-fit: cover;
object-position: 45% center;
}
}
@media (max-width: 1023px) {
.idc-page-hero__decor {
opacity: 1;
} .idc-page-hero__media {
max-height: 380px;
min-height: 240px;
}
} .idc-page-hero--overlay {
position: relative;
isolation: isolate;
padding: var(--idc-space-16) 0;
min-height: min(480px, 70vh);
display: flex;
align-items: center;
background: var(--idc-azul-900);
overflow: hidden;
}
@media (min-width: 768px) {
.idc-page-hero--overlay {
min-height: 612px;
}
}
.idc-page-hero__overlay-bg {
position: absolute;
inset: 0;
z-index: 0;
}
.idc-page-hero__overlay-bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.idc-page-hero__overlay-scrim {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
180deg,
rgba(51, 61, 79, 0.55) 0%,
rgba(51, 61, 79, 0.72) 100%
);
}
.idc-page-hero--overlay .idc-container {
position: relative;
z-index: 2;
width: 100%;
}
.idc-page-hero--overlay .idc-breadcrumb {
justify-content: center;
margin-bottom: var(--idc-space-4);
}
.idc-page-hero--overlay .idc-breadcrumb__list {
justify-content: center;
}
.idc-page-hero--overlay .idc-breadcrumb a,
.idc-page-hero--overlay .idc-breadcrumb span,
.idc-page-hero--overlay .idc-breadcrumb__current {
color: rgba(255, 255, 255, 0.85);
}
.idc-page-hero--overlay .idc-page-hero__inner {
margin-inline: auto;
text-align: center;
align-items: center;
max-width: 768px;
gap: var(--idc-space-5);
}
.idc-page-hero--overlay .idc-page-hero__title {
color: var(--idc-white);
font-family: var(--idc-font-sans);
font-weight: 500;
}
.idc-page-hero--overlay .idc-page-hero__title-accent {
color: var(--idc-white);
font-family: var(--idc-font-serif);
font-weight: 700;
}
.idc-page-hero--overlay .idc-page-hero__lead {
color: rgba(255, 255, 255, 0.9);
max-width: 768px;
font-size: var(--idc-text-md);
line-height: 1.55;
} .site-main--blog .idc-page-hero__title {
color: var(--idc-azul-900);
font-family: var(--idc-font-sans);
} .site-main--blog .idc-page-hero__title-accent {
font-family: var(--idc-font-sans);
font-weight: 500;
color: var(--idc-terracota-700);
}
.idc-page-hero--blog .idc-page-hero__inner {
max-width: 768px;
text-align: left;
align-items: flex-start;
}
@media (max-width: 767px) {
.idc-page-hero {
padding: var(--idc-space-8) 0 var(--idc-space-10);
}
} .idc-hub-cards {
padding: 0 0 var(--idc-space-12);
background: var(--idc-cream);
}
@media (min-width: 768px) {
.idc-hub-cards {
padding: 0 0 var(--idc-space-20);
}
}
.idc-hub-cards__grid {
display: grid;
gap: var(--idc-space-6);
}
@media (min-width: 900px) {
.idc-hub-cards__grid {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
.idc-hub-card {
display: flex;
flex-direction: column;
height: 100%;
border-radius: var(--idc-radius-lg);
overflow: hidden;
box-shadow: var(--idc-shadow-md);
}
.idc-hub-card--sand {
background: var(--idc-sand-warm);
}
.idc-hub-card--peach {
background: var(--idc-peach);
}
.idc-hub-card--cream { background: var(--idc-cream-soft);
border: 0;
}
.idc-hub-card__media { margin: 33px 33px 0;
height: 192px;
aspect-ratio: auto;
overflow: hidden;
background: transparent;
border-radius: 13px;
}
.idc-hub-card__media:not(:has(img)),
.idc-hub-card__media--placeholder {
background: var(--idc-sand);
}
@media (min-width: 1024px) {
.idc-hub-card {
min-height: 646.5px;
}
}
.idc-hub-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
border-radius: 13px;
}
.idc-hub-card__body {
display: flex;
flex-direction: column;
gap: var(--idc-space-3);
padding: 24px 33px 33px;
flex: 1;
}
.idc-hub-card__title {
font-size: var(--idc-text-xl);
font-weight: 600;
color: var(--idc-azul-900);
}
@media (min-width: 900px) {
.idc-hub-card__title {
font-size: 32px;
line-height: 40px;
}
}
.idc-hub-card__text {
font-size: var(--idc-text-sm);
line-height: 22px;
color: var(--idc-ink);
flex: 1;
}
.idc-hub-card__link {
display: inline-flex;
align-items: center;
gap: var(--idc-space-2);
font-size: var(--idc-text-sm);
font-weight: 600;
color: var(--idc-terracota-700);
margin-top: auto;
padding-top: var(--idc-space-2);
}
.idc-hub-card__link img {
flex-shrink: 0;
} .idc-strip-cta {
position: relative;
overflow: hidden;
background: var(--idc-terracota-700);
padding: var(--idc-space-10) 0;
}
.idc-strip-cta__decor {
position: absolute;
inset: 0; background: url(//www.institutodrchao.com.br/wp-content/themes/instituto-dr-chao/assets/icons/hero-bg-pattern.svg) no-repeat center center / 100% auto; opacity: 0.4;
filter: invert(1) brightness(1.6);
pointer-events: none;
z-index: 0;
}
.idc-strip-cta .idc-container {
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.idc-strip-cta {
padding: var(--idc-space-16) 0;
}
} .site-main > .idc-strip-cta:last-child {
padding-bottom: calc(var(--idc-space-10) + var(--idc-radius-lg));
background-color: var(--idc-terracota-700);
}
@media (min-width: 768px) {
.site-main > .idc-strip-cta:last-child {
padding-bottom: calc(var(--idc-space-16) + var(--idc-radius-lg));
}
}
.idc-strip-cta__inner {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--idc-space-6);
}
.idc-strip-cta__actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--idc-space-4);
flex-shrink: 0;
}
.idc-strip-cta__secondary {
font-family: var(--idc-font-sans);
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
color: var(--idc-cream);
text-decoration: underline;
text-underline-offset: 3px;
}
.idc-strip-cta__secondary:hover {
opacity: 0.9;
} @media (max-width: 1023px) {
.idc-strip-cta__inner {
padding-right: 72px;
}
}
@media (min-width: 768px) {
.idc-strip-cta__inner {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: var(--idc-space-8);
}
.idc-strip-cta__actions {
align-items: flex-end;
}
}
.idc-strip-cta__title {
font-size: clamp(24px, 3vw, 32px);
font-weight: 600;
color: var(--idc-white);
line-height: 1.25;
}
.idc-strip-cta__lead {
font-size: var(--idc-text-md);
line-height: 24px;
color: var(--idc-white-80);
margin-top: var(--idc-space-2);
max-width: 560px;
}
.idc-btn--strip-light { background: #25d366;
color: var(--idc-white);
border: 0;
flex-shrink: 0;
}
.idc-btn--strip-light:hover {
background: #1ebe57;
color: var(--idc-white);
}
.idc-btn--strip-light .idc-strip-cta__btn-icon {
filter: brightness(0) invert(1);
}
.idc-strip-cta__btn {
display: inline-flex;
align-items: center;
gap: 10px; min-height: 52px;
height: 52px;
padding: 0 32px;
}
.idc-strip-cta__btn-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}
.idc-strip-cta--center .idc-strip-cta__inner {
flex-direction: column;
align-items: center;
text-align: center;
}
.idc-strip-cta--center .idc-strip-cta__content {
width: 100%;
}
.idc-strip-cta--center .idc-strip-cta__lead {
max-width: 576px;
margin-inline: auto;
}
.idc-strip-cta--center .idc-strip-cta__actions {
align-items: center;
}
@media (min-width: 768px) {
.idc-strip-cta--center .idc-strip-cta__inner {
flex-direction: column;
align-items: center;
justify-content: center;
}
.idc-strip-cta--center .idc-strip-cta__actions {
align-items: center;
}
} .idc-instituto { padding: var(--idc-space-10) 0 calc(var(--idc-space-12) + var(--idc-radius-lg));
background: var(--idc-cream);
overflow-x: clip;
}
@media (min-width: 768px) {
.idc-instituto {
padding: var(--idc-space-16) 0 calc(var(--idc-space-20) + var(--idc-radius-lg));
}
}
.idc-instituto__intro {
max-width: none;
margin: 0 0 var(--idc-space-8);
text-align: left;
display: flex;
flex-direction: column;
gap: var(--idc-space-3);
}
.idc-instituto__title { font-size: clamp(28px, 4vw, 32px);
font-weight: 700;
color: var(--idc-azul-900);
line-height: 40px;
}
.idc-instituto__lead {
font-size: var(--idc-text-md);
line-height: 26px;
color: var(--idc-ink);
}
.idc-instituto__grid {
display: grid;
gap: var(--idc-space-10);
align-items: start;
}
.idc-instituto__content {
display: flex;
flex-direction: column;
gap: var(--idc-space-6);
}
@media (min-width: 1024px) {
.idc-instituto__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: var(--idc-space-12);
align-items: center;
}
}
.idc-instituto__cards {
display: grid;
grid-template-columns: 1fr;
gap: var(--idc-space-5);
}
@media (min-width: 600px) {
.idc-instituto__cards {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
}
.idc-instituto__card { background: var(--idc-cream-soft);
border: 1px solid rgba(197, 198, 205, 0.3);
border-radius: var(--idc-radius-card);
padding: 25px;
min-height: 270px;
display: flex;
flex-direction: column;
gap: var(--idc-space-4);
box-sizing: border-box;
}
.idc-instituto__card-icon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--idc-radius-pill);
background: var(--idc-gold-soft); flex-shrink: 0;
}
.idc-instituto__card-icon img {
width: 18px;
height: 18px;
object-fit: contain;
}
.idc-instituto__card-title {
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: var(--idc-azul-900);
}
.idc-instituto__card-text {
font-size: 16px;
line-height: 28px;
color: var(--idc-ink);
}
.idc-instituto__media { border-radius: 48px;
overflow: hidden;
margin: 0;
aspect-ratio: 576 / 600;
background: var(--idc-sand-warm);
min-height: 240px;
max-width: calc(100% - 16px);
box-shadow: 16px 16px 0 0 var(--idc-sand-warm);
}
.idc-instituto__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
@media (max-width: 1023px) {
.idc-instituto__media {
max-width: calc(100% - 8px);
box-shadow: 8px 8px 0 0 var(--idc-cream-soft);
min-height: 220px;
max-height: 420px;
}
} .idc-specialty {
position: relative;
} .idc-specialty__block {
position: relative;
overflow: hidden;
padding: var(--idc-space-10) 0 var(--idc-space-12);
background: var(--idc-cream);
}
.idc-specialty__block:last-child {
padding-bottom: calc(var(--idc-space-16) + var(--idc-radius-lg));
}
@media (min-width: 768px) {
.idc-specialty__block {
padding: var(--idc-space-12) 0 var(--idc-space-16);
}
.idc-specialty__block:last-child {
padding-bottom: calc(var(--idc-space-20) + var(--idc-radius-lg));
}
}
.idc-specialty__decor {
position: absolute;
pointer-events: none;
z-index: 0;
opacity: 0.14;
}
.idc-specialty__decor--organic {
inset: 0;
width: 100%;
height: 100%;
background: url(//www.institutodrchao.com.br/wp-content/themes/instituto-dr-chao/assets/icons/hero-bg-pattern.svg) no-repeat center 28% / 100% auto;
opacity: 1;
}
.idc-specialty__block .idc-container {
position: relative;
z-index: 1;
}
.idc-specialty__block-header {
max-width: 640px;
margin-bottom: var(--idc-space-8);
display: flex;
flex-direction: column;
gap: var(--idc-space-3);
}
.idc-specialty__block-header--center {
margin-inline: auto;
text-align: center;
align-items: center;
}
@media (min-width: 768px) {
.idc-specialty__block-header {
margin-bottom: var(--idc-space-10);
}
}
.idc-specialty__block-title {
font-size: clamp(24px, 3.2vw, 32px);
font-weight: 700;
color: var(--idc-azul-900);
line-height: 40px;
}
.idc-specialty__block-rule {
display: block;
width: 96px;
height: 4px;
margin-top: var(--idc-space-3);
border-radius: 2px;
background: var(--idc-ouro);
}
.idc-specialty__block-lead {
font-size: var(--idc-text-md);
line-height: 26px;
color: var(--idc-ink);
} .idc-treatment-faq__grid {
display: grid;
gap: 32px;
grid-template-columns: 1fr;
}
@media (min-width: 900px) {
.idc-treatment-faq__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
align-items: stretch;
}
}
.idc-treatment-faq-card {
background: var(--idc-sand-warm);
border: 1px solid rgba(229, 226, 221, 0.5);
border-radius: var(--idc-radius-card);
padding: var(--idc-space-6);
display: flex;
flex-direction: column;
gap: var(--idc-space-4);
height: 100%;
min-height: 0;
border: 0;
box-shadow: none;
}
.idc-treatment-faq-card__icon {
width: 48px;
height: 48px;
flex-shrink: 0;
margin: 0 0 var(--idc-space-2);
}
.idc-treatment-faq-card__icon img {
display: block;
width: 48px;
height: 48px;
}
@media (min-width: 768px) {
.idc-treatment-faq-card {
min-height: 0;
padding: 41px 33px;
}
}
.idc-treatment-faq-card__title {
font-family: var(--idc-font-sans);
font-size: clamp(22px, 2.4vw, 32px);
font-weight: 700;
line-height: 1.25;
color: var(--idc-azul-900);
}
@media (min-width: 768px) {
.idc-treatment-faq-card__title {
font-size: 32px;
}
}
.idc-treatment-faq-card__intro {
font-size: var(--idc-text-md);
line-height: 26px;
color: var(--idc-ink);
}
.idc-treatment-faq-card__section {
display: flex;
flex-direction: column;
gap: var(--idc-space-2);
}
.idc-treatment-faq-card__section-title {
margin: 0;
font-family: var(--idc-font-sans);
font-size: var(--idc-text-md);
font-weight: 600;
line-height: 1.35;
color: var(--idc-azul-900);
}
.idc-treatment-faq-card__section-text {
margin: 0;
font-size: var(--idc-text-sm);
line-height: 24px;
color: var(--idc-ink);
} .idc-specialty__faq-title {
margin: 0 0 var(--idc-space-6);
font-family: var(--idc-font-sans);
font-size: clamp(24px, 2.5vw, 32px);
font-weight: 700;
line-height: 1.25;
color: var(--idc-azul-900);
text-align: center;
}
.idc-accordion {
display: flex;
flex-direction: column;
gap: var(--idc-space-3);
max-width: 720px;
margin-inline: auto;
}
.idc-accordion__item {
background: var(--idc-white);
border: 1px solid var(--idc-border-soft);
border-radius: var(--idc-radius-md);
overflow: hidden;
}
.idc-accordion__heading {
margin: 0;
font-size: inherit;
font-weight: inherit;
}
.idc-accordion__trigger {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--idc-space-4);
width: 100%;
min-height: 54px;
padding: var(--idc-space-4) var(--idc-space-5);
border: 0;
background: var(--idc-white);
font-family: var(--idc-font-sans);
font-size: var(--idc-text-md);
font-weight: 600;
line-height: 1.35;
color: var(--idc-azul-900);
text-align: left;
cursor: pointer;
}
.idc-accordion__trigger:hover {
background: var(--idc-cream);
}
.idc-accordion__chevron {
flex-shrink: 0;
transition: transform 0.2s ease;
}
.idc-accordion__trigger[aria-expanded="true"] .idc-accordion__chevron {
transform: rotate(180deg);
}
.idc-accordion__panel {
padding: 0 var(--idc-space-5) var(--idc-space-5);
}
.idc-accordion__panel p {
margin: 0;
font-size: var(--idc-text-sm);
line-height: 1.6;
color: var(--idc-ink);
}
.idc-accordion--in-card {
max-width: none;
width: 100%;
gap: var(--idc-space-3);
margin-top: var(--idc-space-4);
align-items: stretch;
}
.idc-accordion--in-card .idc-accordion__item { width: 100%;
background: var(--idc-white);
border: 1px solid rgba(197, 198, 205, 0.35);
border-radius: var(--idc-radius-pill);
min-height: 54px;
overflow: hidden;
transition: none;
}
.idc-accordion--in-card .idc-accordion__item:has(.idc-accordion__trigger[aria-expanded="true"]) {
border-radius: var(--idc-radius-md);
}
.idc-accordion--in-card .idc-accordion__heading {
margin: 0;
}
.idc-accordion--in-card .idc-accordion__trigger {
padding: 14px 20px;
min-height: 54px;
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 1.35;
background: transparent;
color: var(--idc-azul-900);
}
.idc-accordion--in-card .idc-accordion__trigger:hover {
background: rgba(252, 249, 244, 0.7);
}
.idc-accordion--in-card .idc-accordion__panel {
padding: 0 20px 16px;
}
.idc-accordion--in-card .idc-accordion__panel p {
margin: 0;
font-size: var(--idc-text-sm);
line-height: 1.6;
color: var(--idc-ink);
} .idc-phases__grid {
display: grid;
gap: var(--idc-space-5);
grid-template-columns: 1fr;
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 700px) {
.idc-phases__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--idc-space-6);
}
}
@media (min-width: 1024px) { .idc-phases__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
}
}
.idc-phases__card {
position: relative;
background: var(--idc-cream-soft);
border: 0;
border-radius: var(--idc-radius-lg);
padding: 24px;
display: flex;
flex-direction: column;
gap: var(--idc-space-3);
height: 100%;
overflow: hidden;
}
@media (min-width: 768px) {
.idc-phases__card {
min-height: 0;
padding: 32px 28px;
}
}
@media (min-width: 1024px) {
.idc-phases__card {
padding: 28px 24px;
}
}
.idc-phases__watermark {
position: absolute;
right: -4px;
bottom: -6px;
font-family: var(--idc-font-sans); font-size: 56px;
font-weight: 700;
line-height: 1;
color: var(--idc-sand);
opacity: 0.45;
pointer-events: none;
user-select: none;
}
@media (max-width: 767px) { .idc-phases__grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
overflow: visible;
margin-inline: 0;
padding-inline: 0;
scroll-snap-type: none;
}
.idc-phases__card {
width: 100%;
min-width: 0;
min-height: 0;
height: auto;
padding: 24px;
}
.idc-phases__watermark {
font-size: 48px;
opacity: 0.35;
right: 4px;
bottom: -4px;
}
}
.idc-phases__icon-wrap {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%; background: var(--idc-terracota-700);
box-shadow: none;
flex-shrink: 0;
color: var(--idc-cream);
}
.idc-phases__icon-wrap--num {
font-family: var(--idc-font-sans);
font-size: 20px;
font-weight: 700;
color: var(--idc-cream);
}
.idc-phases__icon-wrap svg {
display: block;
flex-shrink: 0;
}
.idc-phases__icon-wrap svg path,
.idc-phases__icon-wrap svg [fill]:not([fill="none"]) {
fill: currentColor;
}
.idc-phases__icon {
width: 24px;
height: 24px;
object-fit: contain;
opacity: 1; filter: brightness(0) invert(1);
}
.idc-phases__label {
margin: var(--idc-space-2) 0 0;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--idc-ouro);
}
.idc-phases__card-title {
font-size: var(--idc-text-md);
font-weight: 600;
color: var(--idc-azul-900);
line-height: 1.3;
}
.idc-phases__card-text {
font-size: var(--idc-text-sm);
line-height: 22px;
color: var(--idc-ink);
position: relative;
z-index: 1;
} .idc-integrativa-grid__bento {
display: grid;
gap: var(--idc-space-5);
grid-template-columns: 1fr;
}
@media (min-width: 700px) {
.idc-integrativa-grid__bento {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--idc-space-6);
}
}
@media (min-width: 1024px) { .idc-integrativa-grid__bento {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
}
.idc-integrativa-card {
background: var(--idc-cream-soft);
border: 0;
border-radius: var(--idc-radius-lg);
padding: var(--idc-space-8);
display: flex;
flex-direction: column;
gap: var(--idc-space-3);
min-height: 206px;
box-shadow: none;
}
.idc-integrativa-card__mark {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--idc-sand-warm);
}
.idc-integrativa-card__mark img {
width: 18px;
height: 18px;
object-fit: contain;
}
.idc-integrativa-card__dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--idc-ouro);
}
.idc-integrativa-card__title {
font-size: var(--idc-text-md);
font-weight: 600;
color: var(--idc-azul-900);
line-height: 1.3;
margin-top: var(--idc-space-2);
}
.idc-integrativa-card__text {
font-size: var(--idc-text-sm);
line-height: 22px;
color: var(--idc-ink);
} .idc-contato {
position: relative;
overflow: hidden;
padding: 0 0 calc(var(--idc-space-16) + var(--idc-radius-lg));
background: var(--idc-cream);
}
.idc-contato__decor {
position: absolute;
inset: 0;
width: 100%;
height: 100%; background: url(//www.institutodrchao.com.br/wp-content/themes/instituto-dr-chao/assets/icons/hero-bg-pattern.svg) no-repeat center 28% / 100% auto;
opacity: 1;
pointer-events: none;
z-index: 0;
}
.idc-contato > .idc-container {
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.idc-contato {
padding: 0 0 calc(var(--idc-space-20) + var(--idc-radius-lg));
}
} .idc-contato__grid {
display: flex;
flex-direction: column;
gap: var(--idc-space-6);
margin-bottom: var(--idc-space-10);
align-items: stretch;
}
@media (min-width: 1024px) {
.idc-contato__grid {
flex-direction: row;
gap: 48px;
align-items: stretch;
margin-bottom: var(--idc-space-12);
}
}
.idc-contato__form-wrap,
.idc-contato__aside {
border-radius: 34px;
padding: var(--idc-space-5);
box-sizing: border-box;
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
min-height: 100%;
align-self: stretch;
}
.idc-contato__form-wrap {
background: var(--idc-white);
border: 1px solid #e5e2dd;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.idc-contato__form {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 0;
min-height: 0;
}
.idc-contato__submit {
margin-top: auto;
align-self: flex-start;
background: #96602f;
border-color: #96602f;
color: #fff;
}
.idc-contato__submit:hover {
background: var(--idc-terracota-800, #7a4e26);
border-color: var(--idc-terracota-800, #7a4e26);
color: #fff;
} .site-main--contato .idc-contato__aside {
background: var(--idc-sand-warm);
border: 1px solid rgba(229, 226, 221, 0.5);
box-shadow: none;
border-radius: 34px;
}
.idc-contato__aside .idc-contato__meta {
margin-top: auto;
}
@media (min-width: 600px) {
.idc-contato__form-wrap,
.idc-contato__aside {
padding: 41px;
}
}
.idc-contato__form-title,
.idc-contato__aside-title {
font-size: 24px;
font-weight: 700;
line-height: 32px;
color: var(--idc-azul-900);
margin-bottom: var(--idc-space-6);
}
@media (max-width: 767px) {
.idc-contato__aside-title {
text-transform: none;
font-size: 24px;
letter-spacing: 0;
line-height: 32px;
}
.idc-contato__submit {
width: 100%;
}
}
.idc-contato__form-lead {
margin: calc(-1 * var(--idc-space-3)) 0 var(--idc-space-6);
font-size: var(--idc-text-sm);
line-height: 1.5;
color: var(--idc-ink);
} .idc-contato .idc-form__label,
.idc-carreiras .idc-form__label {
color: var(--idc-ink);
}
.idc-contato .idc-form__input,
.idc-contato .idc-form__select,
.idc-carreiras .idc-form__input,
.idc-carreiras .idc-form__select {
background: var(--idc-cream-soft);
border: 1px solid transparent;
border-radius: var(--idc-radius-pill);
padding: 17px 21px;
min-height: 56px;
box-shadow: none;
}
.idc-contato .idc-form__textarea,
.idc-carreiras .idc-form__textarea {
background: var(--idc-cream-soft);
border: 1px solid transparent;
border-radius: var(--idc-radius-md);
padding: 13px 21px;
min-height: 138px;
box-shadow: none;
}
.idc-contato .idc-form__input:focus,
.idc-contato .idc-form__textarea:focus,
.idc-contato .idc-form__select:focus,
.idc-carreiras .idc-form__input:focus,
.idc-carreiras .idc-form__textarea:focus,
.idc-carreiras .idc-form__select:focus {
border-color: var(--idc-terracota-700);
background: var(--idc-cream-soft);
} .idc-carreiras .idc-form__file-btn {
background: var(--idc-azul-400);
border-color: transparent;
color: var(--idc-white);
}
.idc-carreiras .idc-form__file-btn:hover {
background: var(--idc-azul-700);
border-color: transparent;
color: var(--idc-white);
}
.idc-contato__form .idc-form__row--check {
margin-top: var(--idc-space-2);
margin-bottom: var(--idc-space-2);
}
.idc-contato__form .idc-form__row:last-of-type {
margin-bottom: 0;
}
.idc-contato__directs {
display: flex;
flex-direction: column;
gap: 16px;
}
.idc-contato__direct {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
min-height: 56px;
margin: 0;
padding: 16px 24px;
border-radius: var(--idc-radius-pill);
border: 1px solid transparent;
font-family: var(--idc-font-sans);
font-weight: 600;
font-size: var(--idc-text-sm);
line-height: 20px;
color: var(--idc-azul-900);
text-decoration: none;
background: transparent;
word-break: break-word;
text-align: center;
box-sizing: border-box;
}
.idc-contato__direct img {
flex-shrink: 0;
width: 20px;
height: 20px;
} .idc-contato__direct--wa {
background: #96602f;
border-color: #96602f;
color: #fff;
}
.idc-contato__direct--wa img {
filter: brightness(0) invert(1);
}
.idc-contato__direct--wa:hover {
background: var(--idc-terracota-800, #7a4e26);
border-color: var(--idc-terracota-800, #7a4e26);
color: #fff;
}
.idc-contato__direct--outline {
background: transparent;
border-color: var(--idc-azul-900);
color: var(--idc-azul-900);
}
.idc-contato__direct--outline:hover {
background: rgba(51, 61, 79, 0.04);
}
.idc-contato__meta {
margin-top: var(--idc-space-8);
padding-top: var(--idc-space-6);
border-top: 1px solid rgba(197, 198, 205, 0.3);
display: flex;
flex-direction: column;
gap: var(--idc-space-6);
}
.idc-contato__meta-item {
display: flex;
flex-direction: row;
gap: var(--idc-space-4);
align-items: flex-start;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
text-decoration: none;
color: inherit;
}
.idc-contato__meta-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
flex-shrink: 0;
}
.idc-contato__meta-icon img {
width: 20px;
height: 20px;
object-fit: contain;
}
.idc-contato__meta-text {
min-width: 0;
flex: 1;
}
.idc-contato__meta-item strong {
display: block;
font-size: var(--idc-text-sm);
font-weight: 600;
margin-bottom: 0;
color: var(--idc-azul-900);
line-height: 20px;
}
.idc-contato__meta-item p {
margin: 0;
font-size: 16px;
line-height: 28px;
color: var(--idc-ink);
}
.idc-contato__maps-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
align-self: flex-start;
min-height: 44px;
padding: 12px 24px;
border: 1px solid #c5c6cd;
border-radius: var(--idc-radius-pill);
font-family: var(--idc-font-sans);
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
color: var(--idc-ink);
text-decoration: none;
background: transparent;
}
.idc-contato__maps-btn:hover {
border-color: var(--idc-azul-900);
color: var(--idc-azul-900);
}
.idc-contato__maps-btn img {
width: 14px;
height: 14px;
flex-shrink: 0;
opacity: 0.85;
} .idc-map,
.idc-contato__map {
position: relative;
display: block;
border-radius: 48px;
overflow: hidden;
border: 1px solid rgba(197, 198, 205, 0.2);
background: var(--idc-cream-soft);
min-height: 280px;
height: 280px;
isolation: isolate;
}
.idc-map__frame,
.idc-contato__map-frame {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
opacity: 0.5;
filter: grayscale(0.25) saturate(0.7) brightness(1.06);
pointer-events: auto;
}
.idc-map__card,
.idc-contato__map-card {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: min(272px, calc(100% - 48px));
max-width: 384px;
padding: 25px;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 48px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
box-sizing: border-box;
pointer-events: auto;
}
@media (max-width: 767px) {
.idc-map,
.idc-contato__map {
min-height: 280px;
height: 280px;
border-radius: 32px;
}
.idc-map__card,
.idc-contato__map-card {
width: min(272px, calc(100% - 32px));
padding: 20px;
border-radius: 32px;
}
}
.idc-map__card-pin,
.idc-contato__map-card-pin {
display: block;
width: 20px;
height: 25px;
margin: 0 0 8px;
object-fit: contain;
}
.idc-map__card-title,
.idc-contato__map-card-title {
display: block;
font-family: var(--idc-font-sans);
font-size: 24px;
font-weight: 700;
line-height: 32px;
color: var(--idc-azul-900);
margin: 0 0 4px;
}
.idc-map__card-addr,
.idc-contato__map-card-addr {
margin: 0;
font-family: var(--idc-font-sans);
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: var(--idc-ink);
}
.idc-map__card:hover,
.idc-contato__map-card:hover {
background: rgba(255, 255, 255, 0.55);
}
@media (min-width: 768px) {
.idc-map,
.idc-contato__map {
min-height: 384px;
height: 384px;
}
} .site-main--carreiras .idc-page-hero--carreiras {
background: var(--idc-cream);
}
.idc-carreiras {
position: relative;
overflow: hidden;
padding: 0 0 calc(var(--idc-space-20) + var(--idc-radius-lg));
background: var(--idc-cream);
}
.idc-carreiras__decor {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: url(//www.institutodrchao.com.br/wp-content/themes/instituto-dr-chao/assets/icons/hero-bg-pattern.svg) no-repeat center 28% / 100% auto;
opacity: 1;
pointer-events: none;
z-index: 0;
}
.idc-carreiras > .idc-container {
position: relative;
z-index: 1;
}
.idc-carreiras__inner {
max-width: none;
width: 100%;
margin-inline: auto;
margin-bottom: var(--idc-space-12);
background: var(--idc-white);
border: 0;
border-radius: var(--idc-radius-lg);
padding: 32px 24px;
box-shadow: none;
}
@media (min-width: 600px) {
.idc-carreiras__inner {
padding: 41px;
}
}
.idc-carreiras__title {
font-size: var(--idc-text-xl);
font-weight: 600;
line-height: 1.25;
color: var(--idc-azul-900);
margin: 0 0 var(--idc-space-6);
}
.idc-carreiras__lead {
margin: calc(-1 * var(--idc-space-3)) 0 var(--idc-space-6);
font-size: var(--idc-text-sm);
line-height: 1.5;
color: var(--idc-ink);
}
.idc-carreiras__submit {
align-self: flex-start;
min-height: 56px;
padding-inline: 32px;
}
.idc-carreiras__map {
margin-top: 0;
} .idc-page-hero--carreiras .idc-page-hero__media {
box-shadow: -16px 16px 0 0 var(--idc-sand);
}
@media (min-width: 1024px) {
.idc-page-hero--carreiras .idc-page-hero__media {
aspect-ratio: 592 / 444;
min-height: 0;
}
.idc-page-hero--carreiras .idc-page-hero__lead {
max-width: 576px;
}
} @media (max-width: 767px) {
.idc-page-hero--carreiras .idc-page-hero__media {
display: none;
}
.idc-page-hero--carreiras .idc-page-hero__inner {
text-align: center;
align-items: center;
margin-inline: auto;
}
.idc-page-hero--carreiras .idc-breadcrumb__list {
justify-content: center;
}
.idc-page-hero--carreiras .idc-page-hero__lead {
text-align: center;
}
} @media (min-width: 768px) and (max-width: 1023px) {
.idc-page-hero--carreiras .idc-page-hero__inner {
text-align: center;
align-items: center;
margin-inline: auto;
}
.idc-page-hero--carreiras .idc-breadcrumb__list {
justify-content: center;
}
.idc-page-hero--carreiras .idc-page-hero__lead {
text-align: center;
max-width: 640px;
margin-inline: auto;
}
.idc-page-hero--carreiras .idc-page-hero__media {
display: block;
width: min(100%, 520px);
margin-inline: auto;
aspect-ratio: 592 / 444;
box-shadow: -12px 12px 0 0 var(--idc-sand);
}
}
@media (max-width: 767px) {
.idc-carreiras__submit {
width: 100%;
justify-content: center;
}
} .idc-form__file-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--idc-space-4);
}
.idc-form__file {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.idc-form__file-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 32px;
border: 1px solid var(--idc-border);
border-radius: var(--idc-radius-pill);
background: var(--idc-sand-warm);
color: var(--idc-azul-900);
font-family: var(--idc-font-sans);
font-size: var(--idc-text-sm);
font-weight: 600;
cursor: pointer;
transition: border-color 0.2s ease, background 0.2s ease;
}
.idc-form__file-btn:hover {
border-color: var(--idc-terracota-700);
color: var(--idc-terracota-700);
}
.idc-form__file:focus-visible + .idc-form__file-btn {
outline: 2px solid var(--idc-terracota-700);
outline-offset: 2px;
}
.idc-form__file-name {
font-size: var(--idc-text-sm);
color: var(--idc-azul-500);
line-height: 1.4;
word-break: break-all;
} .idc-form {
display: flex;
flex-direction: column;
gap: var(--idc-space-5);
}
.idc-form__row {
display: flex;
flex-direction: column;
gap: var(--idc-space-2);
}
.idc-form__row--half {
display: grid;
gap: var(--idc-space-4);
grid-template-columns: 1fr;
}
@media (min-width: 600px) {
.idc-form__row--half {
grid-template-columns: 1fr 1fr;
}
}
.idc-form__label {
font-size: var(--idc-text-sm);
font-weight: 600;
color: var(--idc-azul-900);
}
.idc-form__input,
.idc-form__textarea,
.idc-form__select {
font-family: var(--idc-font-sans);
font-size: var(--idc-text-md);
color: var(--idc-ink);
background: var(--idc-white);
border: 1px solid var(--idc-border);
border-radius: var(--idc-radius-md);
padding: var(--idc-space-3) var(--idc-space-4);
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 55px;
transition: border-color 0.2s ease;
}
.idc-form__input:focus,
.idc-form__textarea:focus,
.idc-form__select:focus {
outline: none;
border-color: var(--idc-terracota-700);
}
.idc-form__textarea {
resize: vertical;
min-height: 138px;
}
.idc-form__row--check {
margin-top: var(--idc-space-1);
padding-top: var(--idc-space-2);
}
.idc-form__check {
display: flex;
gap: 12px;
align-items: flex-start;
font-size: var(--idc-text-sm);
line-height: 1.5;
color: var(--idc-ink);
}
.idc-form__check input[type="checkbox"] {
width: 18px;
height: 18px;
flex-shrink: 0;
margin: 2px 0 0;
accent-color: var(--idc-terracota-700);
cursor: pointer;
}
.idc-form__check a {
color: var(--idc-terracota-700);
text-decoration: underline;
text-underline-offset: 2px;
}
.idc-form__check a:hover {
color: var(--idc-terracota-800);
}
.idc-form__feedback {
padding: 12px 16px;
border-radius: var(--idc-radius-md);
margin-bottom: var(--idc-space-4);
font-size: var(--idc-text-sm);
}
.idc-form__feedback.is-success {
background: #e8f6ee;
color: #0f5c32;
}
.idc-form__feedback.is-error {
background: #fdecea;
color: #8a1f11;
}
.idc-form .idc-btn {
align-self: flex-start;
}
@media (max-width: 599px) {
.idc-form .idc-btn {
align-self: stretch;
width: 100%;
}
} .idc-legal {
padding-bottom: var(--idc-space-20);
background: var(--idc-cream);
}
.idc-legal__content {
max-width: 760px;
margin-inline: auto;
}
.idc-legal__content h2 {
font-size: var(--idc-text-lg);
font-weight: 600;
color: var(--idc-azul-900);
margin: var(--idc-space-8) 0 var(--idc-space-3);
}
.idc-legal__content p {
line-height: 1.65;
color: var(--idc-ink);
} .idc-page-hero--blog {
position: relative;
overflow: hidden;
}
.idc-page-hero__decor--blog {
inset: 0;
opacity: 1;
}
.idc-blog-archive {
padding-bottom: calc(var(--idc-space-12) + var(--idc-radius-lg));
background: var(--idc-cream);
}
@media (max-width: 767px) {
.site-main--blog .idc-container,
.idc-blog-archive .idc-container {
padding-inline: var(--idc-gutter-mobile);
}
}
.idc-blog-filters {
display: flex;
flex-wrap: wrap;
gap: var(--idc-space-3);
margin-bottom: var(--idc-space-8);
}
@media (max-width: 767px) {
.idc-blog-filters {
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 2px;
gap: 10px;
margin-inline: calc(-1 * var(--idc-gutter-mobile));
padding-inline: var(--idc-gutter-mobile);
}
.idc-blog-filters::-webkit-scrollbar {
display: none;
}
.idc-blog-filters__btn {
flex: 0 0 auto;
min-height: 46px;
}
}
.idc-blog-filters__btn {
appearance: none; border: 1px solid rgba(197, 198, 205, 0.5);
background: var(--idc-white);
color: var(--idc-azul-900);
font-family: var(--idc-font-sans);
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 1;
padding: 12px 24px;
border-radius: var(--idc-radius-pill);
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
min-height: 44px;
box-shadow: var(--idc-shadow-sm);
}
.idc-blog-filters__btn:hover {
border-color: var(--idc-terracota-700);
color: var(--idc-terracota-700);
}
.idc-blog-filters__btn.is-active { background: var(--idc-azul-700);
border-color: var(--idc-azul-700);
color: #fff;
}
a.idc-blog-filters__btn {
text-decoration: none;
display: inline-flex;
align-items: center;
color: inherit;
}
a.idc-blog-filters__btn.is-active {
color: #fff;
}
.idc-blog-archive__grid {
display: grid;
gap: 32px;
}
@media (max-width: 699px) {
.idc-blog-archive__grid {
gap: 24px;
}
}
@media (min-width: 700px) {
.idc-blog-archive__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.idc-blog-archive__grid {
grid-template-columns: repeat(3, 1fr);
}
}
.idc-blog-archive__nav {
margin-top: var(--idc-space-12);
}
.idc-blog-archive__empty {
text-align: center;
color: var(--idc-ink);
padding: var(--idc-space-12) 0;
}
.idc-blog-card.is-filtered-out {
display: none;
}
.site-main--blog .idc-strip-cta {
margin-top: 0;
} .idc-blog-card {
background: var(--idc-card-cream); border-radius: var(--idc-radius-lg);
overflow: hidden;
box-shadow: var(--idc-shadow-md);
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
height: 100%;
width: 100%;
border: 0;
}
.idc-blog-card__media {
position: relative;
background: var(--idc-sand);
flex-shrink: 0;
overflow: hidden;
}
.idc-blog-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.idc-blog-card__cat {
display: inline-flex;
align-items: center;
background: var(--idc-sand-warm);
border-radius: var(--idc-radius-pill);
padding: 4px 12px;
font-size: var(--idc-text-xs);
line-height: 16px;
font-weight: 700;
letter-spacing: 1.8px;
color: var(--idc-azul-900);
white-space: nowrap;
} .idc-blog-card__cat--ortopedia-regenerativa {
background: var(--idc-sand-warm);
color: var(--idc-orto-badge);
}
.idc-blog-card__cat--fisioterapia {
background: var(--idc-mint);
color: var(--idc-azul-900);
}
.idc-blog-card__cat--medicina-integrativa {
background: var(--idc-lavender-soft);
color: var(--idc-azul-900);
}
.idc-blog-card__cat--dor-e-movimento {
background: var(--idc-sand);
color: var(--idc-azul-900);
}
.idc-blog-card__date {
font-size: var(--idc-text-sm);
line-height: 20px;
font-weight: 500;
color: var(--idc-azul-500);
}
.idc-blog-card__body {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
.idc-blog-card__title {
margin: 0;
font-weight: 700;
color: var(--idc-azul-900);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.idc-blog-card__excerpt {
margin: 0;
font-size: var(--idc-text-sm);
color: var(--idc-ink);
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.idc-blog-card__meta {
display: flex;
align-items: center;
margin-top: auto;
}
.idc-blog-card__more {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: var(--idc-text-sm);
line-height: 20px;
font-weight: 600; color: var(--idc-terracota-800);
}
.idc-blog-card__more-icon {
width: 10px;
height: 10px;
flex-shrink: 0;
} .idc-blog-card--home .idc-blog-card__media {
height: 192px;
margin: 0;
border-radius: 0;
}
.idc-blog-card--home .idc-blog-card__cat--overlay {
position: absolute;
top: 16px;
left: 16px;
z-index: 1;
background: rgba(255, 255, 255, 0.72);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.idc-blog-card--home .idc-blog-card__body {
padding: var(--idc-space-6);
gap: 0;
}
.idc-blog-card--home .idc-blog-card__title {
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
.idc-blog-card--home .idc-blog-card__excerpt {
line-height: 20px;
-webkit-line-clamp: 3;
margin-bottom: 16px;
flex: 1;
}
.idc-blog-card--home .idc-blog-card__meta {
justify-content: space-between;
gap: var(--idc-space-3);
}
.idc-blog-card--home .idc-blog-card__date {
font-size: var(--idc-text-xs);
line-height: 16px;
font-weight: 600;
}
.idc-blog-card--home .idc-blog-card__more {
font-size: var(--idc-text-xs);
line-height: 16px;
} .idc-blog-card--archive {
border-radius: 48px; }
.idc-blog-card--archive .idc-blog-card__media {
height: 224px;
margin: 16px 16px 0;
border-radius: var(--idc-radius-card); }
.idc-blog-card--archive .idc-blog-card__body {
padding: var(--idc-space-6);
gap: 0;
}
.idc-blog-card--archive .idc-blog-card__topline {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 16px;
margin-bottom: 16px;
}
.idc-blog-card--archive .idc-blog-card__title {
font-size: 20px;
line-height: 32px;
min-height: 64px;
margin-bottom: 12px;
}
.idc-blog-card--archive .idc-blog-card__excerpt {
line-height: 28px;
-webkit-line-clamp: 3;
min-height: 84px;
margin-bottom: 24px;
flex: 1;
}
.idc-blog-card--archive .idc-blog-card__meta {
justify-content: flex-start;
}
@media (max-width: 767px) {
.idc-blog-card--archive {
background: transparent;
box-shadow: none;
border-radius: 0;
overflow: visible;
}
.idc-blog-card--archive .idc-blog-card__media {
margin: 0;
height: 224px;
border-radius: var(--idc-radius-md);
}
.idc-blog-card--archive .idc-blog-card__body {
padding: 16px 0 0;
}
.idc-blog-card--archive .idc-blog-card__title {
min-height: 0;
line-height: 32px;
}
.idc-blog-card--archive .idc-blog-card__excerpt {
min-height: 0;
line-height: 28px;
margin-bottom: 16px;
}
.idc-blog-card--home .idc-blog-card__media {
height: 192px;
}
} .idc-single {
padding-top: var(--idc-space-8);
padding-bottom: var(--idc-space-16);
max-width: 720px;
}
@media (min-width: 768px) {
.idc-single {
padding-top: var(--idc-space-12);
padding-bottom: var(--idc-space-20);
}
}
.site-main--single-post {
background: var(--idc-cream);
}
.site-main--single-post .idc-blog-newsletter {
margin-top: 0;
}
.idc-treatment-single__content {
max-width: 720px;
margin-inline: auto;
margin-bottom: var(--idc-space-10);
}
.idc-treatment-single__content :where(h2, h3) {
font-family: var(--idc-font-sans);
font-weight: 700;
color: var(--idc-azul-900);
line-height: 1.25;
}
.idc-treatment-single__content :where(p, li) {
color: var(--idc-ink);
line-height: 1.7;
}
.idc-treatment-single-page .idc-specialty__faq {
padding-block: var(--idc-space-12);
background: var(--idc-cream);
}
.idc-tratamentos-archive {
position: relative;
padding-block: var(--idc-space-12) var(--idc-space-16);
overflow: hidden;
}
.idc-tratamentos-archive__decor {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: url(//www.institutodrchao.com.br/wp-content/themes/instituto-dr-chao/assets/icons/hero-bg-pattern.svg) no-repeat center 28% / 100% auto;
opacity: 1;
pointer-events: none;
border-radius: 0;
}
.idc-tratamentos-archive__grid {
margin-bottom: var(--idc-space-10);
}
.idc-tratamento-card .idc-hub-card__title a {
color: inherit;
text-decoration: none;
}
.idc-tratamento-card .idc-hub-card__title a:hover {
color: var(--idc-terracota-700);
}
.idc-tratamento-card__tag {
margin: 0;
font-size: var(--idc-text-xs);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--idc-ouro);
}
.idc-hub-card__media--placeholder {
background: linear-gradient(135deg, var(--idc-sand), var(--idc-cream));
}
.idc-tratamento-card__media-link {
display: block;
text-decoration: none;
color: inherit;
}
.idc-tratamentos-related {
padding-block: var(--idc-space-12);
}
@media (min-width: 700px) and (max-width: 899px) {
.idc-tratamentos-archive__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.idc-tratamentos-archive {
padding-block: var(--idc-space-8) var(--idc-space-12);
}
.idc-treatment-single-page .idc-specialty__faq {
padding-block: var(--idc-space-8);
}
}
.idc-single__header {
margin-bottom: var(--idc-space-8);
}
.idc-single__cats {
display: flex;
flex-wrap: wrap;
gap: var(--idc-space-2);
list-style: none;
margin: 0 0 var(--idc-space-3);
padding: 0;
}
.idc-single__cats a {
display: inline-block;
padding: 6px 14px;
border-radius: var(--idc-radius-pill);
background: var(--idc-cream-soft);
color: var(--idc-azul-900);
font-size: var(--idc-text-xs);
font-weight: 600;
letter-spacing: 0.04em;
text-decoration: none;
}
.idc-single__cats a:hover {
background: var(--idc-azul-700);
color: #fff;
}
.idc-single__date {
display: block;
font-size: var(--idc-text-sm);
font-weight: 600;
color: var(--idc-terracota-800);
margin-bottom: var(--idc-space-3);
}
.idc-single__title {
font-family: var(--idc-font-sans);
font-size: clamp(32px, 5vw, 40px);
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.02em;
margin: 0;
color: var(--idc-azul-900);
}
.idc-single__thumb {
margin: 0 0 var(--idc-space-10);
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: var(--idc-radius-lg);
background: var(--idc-sand);
}
.idc-single__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
display: block;
}
.idc-single__content {
font-size: 18px;
line-height: 1.7;
color: var(--idc-ink);
}
.idc-single__content > *:first-child {
margin-top: 0;
}
.idc-single__content > *:last-child {
margin-bottom: 0;
}
.idc-single__content :where(p, ul, ol, blockquote, figure, pre, table, hr) {
margin: 0 0 var(--idc-space-5);
}
.idc-single__content :where(h2) {
font-family: var(--idc-font-sans);
font-size: clamp(22px, 3vw, 28px);
font-weight: 700;
line-height: 1.3;
color: var(--idc-azul-900);
margin: var(--idc-space-10) 0 var(--idc-space-4);
}
.idc-single__content :where(h3) {
font-family: var(--idc-font-sans);
font-size: clamp(18px, 2.5vw, 22px);
font-weight: 700;
line-height: 1.35;
color: var(--idc-azul-900);
margin: var(--idc-space-8) 0 var(--idc-space-3);
}
.idc-single__content :where(h4) {
font-family: var(--idc-font-sans);
font-size: var(--idc-text-lg);
font-weight: 700;
line-height: 1.4;
color: var(--idc-azul-900);
margin: var(--idc-space-6) 0 var(--idc-space-3);
}
.idc-single__content :where(ul, ol) {
padding-left: 1.25em;
}
.idc-single__content :where(li + li) {
margin-top: var(--idc-space-2);
}
.idc-single__content :where(a) {
color: var(--idc-terracota-800);
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
.idc-single__content :where(a:hover) {
color: var(--idc-azul-900);
}
.idc-single__content :where(strong, b) {
font-weight: 700;
color: var(--idc-azul-900);
}
.idc-single__content :where(blockquote) {
margin: 0 0 var(--idc-space-6);
padding: var(--idc-space-4) var(--idc-space-5);
border-left: 3px solid var(--idc-ouro);
background: var(--idc-sand);
border-radius: 0 var(--idc-radius-card, 12px) var(--idc-radius-card, 12px) 0;
}
.idc-single__content :where(img) {
max-width: 100%;
height: auto;
border-radius: var(--idc-radius-lg);
}
.idc-single__content :where(figure) {
margin: 0 0 var(--idc-space-6);
}
.idc-single__content :where(figcaption) {
margin-top: var(--idc-space-2);
font-size: var(--idc-text-sm);
color: var(--idc-ink);
opacity: 0.8;
}
.site-main--single-post .idc-strip-cta {
margin-top: 0;
} .idc-instalacoes {
padding: 0 0 var(--idc-space-12);
}
@media (min-width: 768px) {
.idc-instalacoes {
padding: 0 0 var(--idc-space-20);
}
}
.idc-instalacoes__intro {
text-align: center;
max-width: 640px;
margin: 0 auto var(--idc-space-12);
}
.idc-instalacoes__title {
font-size: clamp(28px, 4vw, 32px);
font-weight: 700;
line-height: 1.25;
color: var(--idc-azul-900);
margin-bottom: var(--idc-space-4);
}
.idc-instalacoes__lead {
font-size: var(--idc-text-md);
line-height: 1.6;
color: var(--idc-ink);
}
.idc-instalacoes__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--idc-space-6);
}
@media (min-width: 700px) {
.idc-instalacoes__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.idc-instalacoes__item--wide {
grid-column: 1 / -1;
}
}
@media (min-width: 1024px) {
.idc-instalacoes__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--idc-space-8);
}
.idc-instalacoes__item--wide {
grid-column: span 2;
}
}
.idc-instalacoes__item {
margin: 0;
border-radius: var(--idc-radius-lg);
overflow: hidden;
background: var(--idc-sand);
aspect-ratio: 4 / 3;
position: relative;
}
.idc-instalacoes__item--wide {
aspect-ratio: 16 / 9;
}
.idc-instalacoes__item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.idc-instalacoes__caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: var(--idc-space-4) var(--idc-space-5);
font-size: var(--idc-text-sm);
font-weight: 600;
color: #fff;
background: linear-gradient(transparent, rgba(20, 30, 48, 0.65));
} .idc-team-card__link {
display: block;
color: inherit;
text-decoration: none;
cursor: pointer;
}
.idc-team-card__link:hover .idc-team-card__name,
.idc-team-card__link:focus-visible .idc-team-card__name {
color: var(--idc-azul-700);
}
.idc-team-card__more {
display: inline-block;
margin-top: var(--idc-space-3);
font-size: var(--idc-text-sm);
font-weight: 600;
line-height: 20px;
color: var(--idc-azul-700);
text-decoration: underline;
text-underline-offset: 3px;
}
.idc-team-card__link:hover .idc-team-card__more,
.idc-team-card__link:focus-visible .idc-team-card__more {
color: var(--idc-azul-900);
} .idc-team__viewport .idc-team-card__link {
cursor: pointer;
}
.idc-team-archive {
background: var(--idc-cream);
padding: var(--idc-space-4) 0 var(--idc-space-16);
}
.idc-team-archive__grid {
display: grid;
gap: var(--idc-space-10) var(--idc-space-8);
grid-template-columns: 1fr;
}
@media (min-width: 700px) {
.idc-team-archive__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.idc-team-archive__grid {
grid-template-columns: repeat(3, 1fr);
}
}
.idc-team-archive__empty {
color: var(--idc-ink);
font-size: var(--idc-text-md);
line-height: 1.6;
} .site-main > .idc-team-archive:last-child,
.site-main > .idc-profissional:last-child {
padding-bottom: calc(var(--idc-space-16) + var(--idc-radius-lg));
}
.idc-profissional {
background: var(--idc-cream);
padding: var(--idc-space-6) 0 var(--idc-space-16);
}
.idc-profissional__layout {
display: grid;
gap: var(--idc-space-8);
margin-top: var(--idc-space-6);
}
@media (min-width: 900px) {
.idc-profissional__layout {
grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
gap: var(--idc-space-12);
align-items: start;
}
}
.idc-profissional__photo {
margin: 0;
border-radius: var(--idc-radius-lg);
overflow: hidden;
background: var(--idc-sand);
aspect-ratio: 3 / 4;
}
.idc-profissional__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}
.idc-profissional__header {
margin-bottom: var(--idc-space-6);
}
.idc-profissional__name {
font-size: clamp(28px, 4vw, 40px);
font-weight: 700;
line-height: 1.2;
color: var(--idc-azul-900);
margin: var(--idc-space-2) 0 0;
}
.idc-profissional__spec {
font-size: var(--idc-text-lg);
line-height: 1.5;
color: var(--idc-terracota-800);
margin-top: var(--idc-space-3);
}
.idc-profissional__crm {
font-size: var(--idc-text-sm);
line-height: 1.4;
color: var(--idc-ink);
margin-top: var(--idc-space-2);
}
.idc-profissional__bio {
font-size: var(--idc-text-md);
line-height: 1.7;
color: var(--idc-ink);
}
.idc-profissional__bio p + p {
margin-top: var(--idc-space-4);
}
.idc-profissional__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--idc-space-4);
margin-top: var(--idc-space-8);
}
.idc-profissional__back {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: var(--idc-text-sm);
font-weight: 600;
color: var(--idc-azul-900);
text-decoration: none;
}
.idc-profissional__back:hover {
color: var(--idc-azul-700);
}
.idc-profissional__back img {
width: 12px;
height: 12px;
} .idc-team-modal {
position: fixed;
inset: 0;
z-index: 100050;
display: flex;
align-items: center;
justify-content: center;
padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
}
.idc-team-modal[hidden] {
display: none;
}
.idc-team-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(20, 28, 40, 0.55);
border: 0;
cursor: pointer;
}
.idc-team-modal__dialog {
position: relative;
z-index: 1;
width: min(960px, 100%);
max-height: min(88vh, 820px);
background: var(--idc-cream-warm, var(--idc-cream));
border-radius: var(--idc-radius-lg);
box-shadow: 0 24px 64px rgba(20, 28, 40, 0.28);
overflow: hidden;
display: flex;
flex-direction: column;
}
.idc-team-modal__close {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
background: rgba(248, 247, 244, 0.92);
color: var(--idc-azul-900);
font-size: 28px;
line-height: 1;
cursor: pointer;
display: grid;
place-items: center;
}
.idc-team-modal__close:hover {
background: #fff;
}
.idc-team-modal__nav {
position: absolute;
top: 50%;
z-index: 3;
transform: translateY(-50%);
width: 44px;
height: 44px;
border: 1px solid var(--idc-border);
border-radius: 50%;
background: rgba(248, 247, 244, 0.95);
color: var(--idc-azul-900);
font-size: 28px;
line-height: 1;
cursor: pointer;
display: grid;
place-items: center;
}
.idc-team-modal__nav:hover {
background: #fff;
}
.idc-team-modal__nav--prev {
left: 10px;
}
.idc-team-modal__nav--next {
right: 10px;
}
.idc-team-modal__viewport {
overflow: hidden;
flex: 1 1 auto;
min-height: 0;
}
.idc-team-modal__track {
height: 100%;
}
.idc-team-modal__slide {
display: grid;
grid-template-columns: 1fr;
gap: 0;
max-height: min(88vh, 820px);
overflow: auto;
}
.idc-team-modal__slide[hidden] {
display: none;
}
@media (min-width: 800px) {
.idc-team-modal__slide {
grid-template-columns: minmax(280px, 42%) minmax(0, 1fr);
overflow: hidden;
}
.idc-team-modal__nav--prev {
left: 16px;
}
.idc-team-modal__nav--next {
right: 16px;
}
}
.idc-team-modal__photo {
margin: 0;
background: var(--idc-sand);
aspect-ratio: 3 / 4;
max-height: 42vh;
overflow: hidden;
}
@media (min-width: 800px) {
.idc-team-modal__photo {
max-height: none;
height: 100%;
aspect-ratio: auto;
border-radius: var(--idc-radius-lg) 0 0 var(--idc-radius-lg);
}
}
.idc-team-modal__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}
.idc-team-modal__body {
padding: 28px 24px 32px;
display: flex;
flex-direction: column;
gap: 8px;
min-height: 0;
overflow: auto;
}
@media (min-width: 800px) {
.idc-team-modal__body {
padding: 40px 48px 40px 36px;
}
}
.idc-team-modal__name {
font-family: var(--idc-font-serif);
font-size: clamp(28px, 3vw, 36px);
font-weight: 700;
line-height: 1.15;
color: var(--idc-azul-900);
margin: 4px 0 0;
}
.idc-team-modal__spec {
font-size: var(--idc-text-md);
line-height: 28px;
color: var(--idc-terracota-800);
margin: 0;
}
.idc-team-modal__crm {
font-size: var(--idc-text-sm);
line-height: 20px;
color: var(--idc-ink);
margin: 0 0 8px;
}
.idc-team-modal__bio {
margin-top: 8px;
}
.idc-team-modal__excerpt,
.idc-team-modal__full {
font-size: var(--idc-text-md);
line-height: 28px;
color: var(--idc-ink);
}
.idc-team-modal__excerpt ul,
.idc-team-modal__full ul {
margin: 0;
padding-left: 1.15em;
}
.idc-team-modal__excerpt li + li,
.idc-team-modal__full li + li {
margin-top: 6px;
}
.idc-team-modal__excerpt p,
.idc-team-modal__full p {
margin: 0 0 12px;
}
.idc-team-modal__more {
margin-top: 16px;
padding: 0;
border: 0;
background: none;
font-size: var(--idc-text-sm);
font-weight: 600;
color: var(--idc-terracota-700);
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.idc-team-modal__more:hover {
color: var(--idc-terracota-800);
}
.idc-team-modal__socials {
list-style: none;
margin: 20px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.idc-team-modal__social {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid var(--idc-border);
display: grid;
place-items: center;
background: #fff;
color: var(--idc-azul-900);
transition: background 0.2s ease, border-color 0.2s ease;
}
.idc-team-modal__social:hover {
border-color: var(--idc-azul-900);
background: var(--idc-sand-warm, var(--idc-sand));
}
.idc-team-modal__social img {
width: 18px;
height: 18px;
display: block; filter: brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(900%) hue-rotate(185deg);
}
.idc-team-modal__counter {
margin: 0;
padding: 10px 16px 14px;
text-align: center;
font-size: var(--idc-text-sm);
color: var(--idc-ink);
border-top: 1px solid rgba(65, 74, 92, 0.12);
flex: 0 0 auto;
}
body.idc-team-modal-open {
overflow: hidden;
} @media (max-width: 799px) {
.idc-team-modal {
padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
}
.idc-team-modal__dialog {
width: 100%;
height: min(92dvh, calc(100dvh - 20px));
max-height: min(92dvh, calc(100dvh - 20px));
}
.idc-team-modal__close {
top: 8px;
right: 8px;
width: 36px;
height: 36px;
font-size: 24px;
}
.idc-team-modal__viewport {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}
.idc-team-modal__track {
flex: 1 1 auto;
min-height: 0;
height: 100%;
display: flex;
flex-direction: column;
}
.idc-team-modal__slide {
flex: 1 1 auto;
min-height: 0;
max-height: none;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
grid-template-columns: none;
} .idc-team-modal__photo {
width: 100%;
flex: 0 0 40%;
height: 40%;
min-height: 40%;
max-height: 40%;
aspect-ratio: auto;
border-radius: var(--idc-radius-lg) var(--idc-radius-lg) 0 0;
}
.idc-team-modal__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.idc-team-modal__body {
flex: 1 1 60%;
min-height: 0;
overflow: hidden;
padding: 12px 40px 10px 14px;
gap: 4px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.idc-team-modal__body .idc-eyebrow {
font-size: 10px;
letter-spacing: 0.08em;
margin: 0;
flex: 0 0 auto;
}
.idc-team-modal__name {
font-size: 1.3rem;
line-height: 1.2;
margin: 2px 0 0;
flex: 0 0 auto;
}
.idc-team-modal__spec {
font-size: 13px;
line-height: 1.35;
flex: 0 0 auto;
}
.idc-team-modal__crm {
font-size: 12px;
line-height: 1.3;
margin: 0 0 2px;
flex: 0 0 auto;
}
.idc-team-modal__bio {
margin-top: 6px;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.idc-team-modal__excerpt,
.idc-team-modal__full {
font-size: 13px;
line-height: 1.45;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.idc-team-modal__excerpt ul,
.idc-team-modal__full ul {
padding-left: 1em;
margin: 0;
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.idc-team-modal__excerpt li + li,
.idc-team-modal__full li + li {
margin-top: 0;
}
.idc-team-modal__excerpt p,
.idc-team-modal__full p {
margin: 0 0 6px;
}
.idc-team-modal__more {
margin-top: 8px;
font-size: 12px;
flex: 0 0 auto;
}
.idc-team-modal__socials {
margin-top: 8px;
gap: 8px;
flex: 0 0 auto;
}
.idc-team-modal__social {
width: 32px;
height: 32px;
}
.idc-team-modal__social img {
width: 14px;
height: 14px;
}
.idc-team-modal__counter {
padding: 6px 48px 10px;
font-size: 12px;
}
.idc-team-modal__nav {
width: 34px;
height: 34px;
font-size: 22px;
top: auto;
bottom: 6px;
transform: none;
}
.idc-team-modal__nav--prev {
left: 10px;
}
.idc-team-modal__nav--next {
right: 10px;
}
} @media (max-width: 767px) {
.idc-phases__grid,
.idc-integrativa-grid__bento {
grid-template-columns: 1fr;
}
.idc-page-hero__actions {
width: 100%;
}
.idc-page-hero__actions .idc-btn {
width: 100%;
white-space: normal;
}
}
@media (max-width: 429px) {
.idc-page-hero__split {
gap: var(--idc-space-6);
}
.idc-page-hero__media {
min-height: 220px;
max-height: 360px;
aspect-ratio: 5 / 4;
}
.idc-hub-cards__grid,
.idc-blog-archive__grid,
.idc-instituto__cards {
grid-template-columns: 1fr;
}
.idc-blog-filters {
gap: var(--idc-space-2);
}
.idc-blog-filters__btn {
padding: 8px 12px;
font-size: var(--idc-text-xs);
}
.idc-instituto__grid {
gap: var(--idc-space-8);
}
.idc-contato__form-wrap,
.idc-contato__aside,
.idc-carreiras__inner {
padding: var(--idc-space-5);
}
} .idc-section-header {
margin-bottom: var(--idc-space-8);
}
.idc-section-header__title {
font-family: var(--idc-font-sans);
font-size: var(--idc-text-3xl);
font-weight: 700;
color: var(--idc-azul-900);
margin: 0 0 var(--idc-space-3);
}
.idc-section-header__lead {
margin: 0;
max-width: 40rem;
color: var(--idc-ink);
font-size: var(--idc-text-md);
line-height: 1.6;
} section.idc-accordion {
padding: var(--idc-space-16) 0;
background: var(--idc-cream);
}
.idc-accordion__list {
display: flex;
flex-direction: column;
gap: var(--idc-space-3);
max-width: 48rem;
}
.idc-accordion__list > .idc-accordion__item {
background: var(--idc-white);
border: 1px solid var(--idc-border-soft);
border-radius: var(--idc-radius-md);
padding: 0 var(--idc-space-5);
}
.idc-accordion__summary {
cursor: pointer;
list-style: none;
padding: var(--idc-space-5) 0;
font-weight: 600;
color: var(--idc-azul-900);
}
.idc-accordion__summary::-webkit-details-marker {
display: none;
}
.idc-accordion__list .idc-accordion__panel {
padding: 0 0 var(--idc-space-5);
color: var(--idc-ink);
line-height: 1.6;
}
.idc-specialty-rich {
padding: var(--idc-space-12) 0;
}  .idc-specialty .idc-page-hero--split:not(.idc-page-hero--fisioterapia):not(.idc-page-hero--integrativa):not(.idc-page-hero--carreiras) .idc-page-hero__media {
border-radius: var(--idc-radius-lg);
}
.idc-specialty .idc-page-hero--split:not(.idc-page-hero--fisioterapia):not(.idc-page-hero--integrativa):not(.idc-page-hero--carreiras) .idc-page-hero__media img {
border-radius: var(--idc-radius-lg);
} @media (min-width: 1024px) {
.idc-phases__watermark {
right: -8px;
bottom: -12px;
font-size: 96px;
opacity: 0.35;
color: var(--idc-sand);
}
} @media (min-width: 1024px) {
.idc-integrativa-grid__bento {
gap: 24px;
}
.idc-page-hero--integrativa .idc-page-hero__decor {
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
}
} .idc-carreiras__inner {
padding: 32px 24px;
}
@media (min-width: 768px) {
.idc-carreiras__inner {
padding: 41px;
}
} .idc-page-hero--instituto {
position: relative;
overflow: hidden;
background: var(--idc-cream-warm); padding-bottom: 72px;
}
.idc-page-hero--instituto > .idc-container,
.idc-page-hero--instituto .idc-page-hero__inner {
position: relative;
z-index: 1;
} .idc-page-hero--instituto::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 56px;
background: var(--idc-cream);
clip-path: polygon(0 100%, 100% 0, 100% 100%);
pointer-events: none;
z-index: 0;
} .idc-page-hero--instituto .idc-page-hero__decor {
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
background-size: 100% auto;
background-position: center 28%;
z-index: 0;
}
.idc-page-hero--instituto.idc-page-hero--centered .idc-breadcrumb__list {
justify-content: center;
}
.idc-page-hero--instituto.idc-page-hero--centered .idc-page-hero__inner {
margin-inline: auto;
text-align: center;
align-items: center;
max-width: 896px;
}
.idc-page-hero--instituto .idc-page-hero__title {
font-weight: 500;
font-size: clamp(32px, 4.5vw, 48px);
line-height: 1.167; letter-spacing: -0.02em;
max-width: 780px;
}
.idc-page-hero--instituto .idc-page-hero__lead {
max-width: 768px;
margin-inline: auto;
font-size: 18px;
line-height: 29px;
text-align: center;
}
@media (max-width: 767px) {
.idc-page-hero--instituto.idc-page-hero--centered .idc-breadcrumb__list {
justify-content: flex-start;
}
.idc-page-hero--instituto.idc-page-hero--centered .idc-page-hero__inner {
text-align: left;
align-items: flex-start;
}
.idc-page-hero--instituto .idc-page-hero__lead {
text-align: left;
margin-inline: 0;
font-size: 16px;
line-height: 26px;
}
} .idc-blog-newsletter {
background: var(--idc-cream-soft);
padding: 56px 0 64px;
overflow: hidden;
}
.idc-blog-newsletter__inner {
display: grid;
gap: 28px;
align-items: end;
}
@media (min-width: 900px) {
.idc-blog-newsletter__inner {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 48px;
align-items: center;
}
}
.idc-blog-newsletter__title {
margin: 0 0 12px;
font-family: var(--idc-font-sans);
font-size: clamp(28px, 4vw, 40px);
font-weight: 500;
line-height: 1.15;
letter-spacing: -0.02em;
color: var(--idc-azul-900);
}
.idc-blog-newsletter__lead {
margin: 0;
max-width: 34rem;
color: var(--idc-ink);
font-size: var(--idc-text-md);
line-height: 1.55;
}
.idc-blog-newsletter__form {
display: flex;
flex-wrap: wrap;
gap: 12px;
width: 100%;
}
.idc-blog-newsletter__input {
flex: 1 1 220px;
min-height: 56px;
padding: 0 20px; border: 1px solid rgba(197, 198, 205, 0.5);
border-radius: var(--idc-radius-pill);
background: var(--idc-cream);
font-family: var(--idc-font-sans);
font-size: var(--idc-text-md);
color: var(--idc-azul-900);
box-sizing: border-box;
}
.idc-blog-newsletter__input:focus {
outline: 2px solid var(--idc-terracota-700);
outline-offset: 2px;
}
.idc-blog-newsletter__submit {
min-height: 56px;
min-width: 160px;
padding-inline: 28px;
}
.idc-blog-newsletter__notice {
grid-column: 1 / -1;
margin: 0;
font-size: var(--idc-text-sm);
color: var(--idc-azul-900);
}
@media (max-width: 767px) {
.idc-blog-newsletter {
padding: 40px 0 48px;
}
.idc-blog-newsletter__form {
flex-direction: column;
}
.idc-blog-newsletter__input,
.idc-blog-newsletter__submit {
width: 100%;
}
} @media (max-width: 767px) {
.site-main--page,
.site-main--blog {
overflow-x: clip;
}
.idc-page-hero__title {
font-size: 32px;
line-height: 40px;
}
.idc-specialty .idc-page-hero--split .idc-btn,
.idc-contato__submit,
.idc-carreiras__submit,
.idc-blog-newsletter__submit {
min-height: 56px;
width: 100%;
}
} [data-idc-team-modal-excerpt][hidden],
[data-idc-team-modal-full][hidden],
.idc-team-modal__full[hidden],
.idc-team-modal__excerpt[hidden] {
display: none !important;
} @media (max-width: 1023px) {
.idc-phases__grid {
transform: none !important;
}
.idc-phases__controls {
display: none;
}
} .idc-phases__title-mobile { display: none; }
@media (max-width: 767px) {
.idc-phases__title-desk { display: none; }
.idc-phases__title-mobile { display: inline; }
} .idc-team-modal__photo img,
.idc-profissional__photo img {
object-position: 50% 12%;
}
.idc-team-modal__more { display: none !important; }
@media (max-width: 799px) {
.idc-team-modal__body {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.idc-team-modal__bio,
.idc-team-modal__full {
overflow: visible;
flex: 0 0 auto;
display: block;
}
.idc-team-modal__full ul { display: block; }
.idc-team-modal__full li + li { margin-top: 4px; }
}  .idc-page-hero--fisioterapia .idc-page-hero__title {
font-weight: 600;
color: #333d4f;
letter-spacing: -0.96px;
}
.idc-page-hero--fisioterapia .idc-page-hero__title-accent {
display: block;
color: #96602f;
letter-spacing: 0;
} .idc-phases__label {
font-size: 12px;
line-height: 16px;
font-weight: 700;
letter-spacing: 1.8px;
color: rgba(51, 61, 79, 0.7);
}
.idc-phases__card-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #1f2630;
}
.idc-phases__card-text {
font-size: 16px;
line-height: 28px;
color: #45474c;
}
@media (max-width: 767px) {
.idc-phases__card-title { font-size: 20px; line-height: 28px; }
} .idc-integrativa-grid .idc-integrativa-card {
background: transparent;
border: 1px solid rgba(197, 198, 205, 0.35);
border-radius: 24px;
padding: 24px;
box-shadow: none;
}
.idc-integrativa-card__mark {
background: #ddb98c;
}
.idc-integrativa-card__mark img {
width: 22px;
height: 22px;
opacity: 1;
}
.idc-integrativa-card__title {
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #333d4f;
}
.idc-integrativa-card__text {
font-size: 15px;
line-height: 24px;
color: #45474c;
} .page-template-page-ortopedia .idc-page-hero__actions .idc-btn--primary {
background: #414a5c;
border-color: #414a5c;
color: #fff;
padding: 16px 32px;
}
.page-template-page-ortopedia .idc-page-hero__actions .idc-btn--primary:hover {
background: #333d4f;
border-color: #333d4f;
}
@media (min-width: 1024px) {
.page-template-page-ortopedia .idc-page-hero__media {
aspect-ratio: auto;
height: 600px;
border-radius: 48px !important;
}
.page-template-page-ortopedia .idc-page-hero__media img {
border-radius: 48px !important;
}
} .page-template-page-ortopedia .idc-page-hero__title-accent { display: block; } @media (min-width: 600px) {
.page-template-page-ortopedia .idc-strip-cta__actions,
.page-template-page-medicina-integrativa .idc-strip-cta__actions {
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
}
} .page-template-page-especialidades .idc-btn--strip-light {
background: #f1e1cc;
color: #333d4f;
padding: 16px 32px;
}
.page-template-page-especialidades .idc-btn--strip-light:hover {
background: #ead5b9;
color: #333d4f;
}
.page-template-page-especialidades .idc-btn--strip-light .idc-strip-cta__btn-icon {
filter: brightness(0) saturate(100%) invert(21%) sepia(13%) saturate(1000%) hue-rotate(182deg) brightness(95%);
} .page-template-page-especialidades .idc-hub-card__text {
font-size: 16px;
line-height: 28px;
} .idc-blog-newsletter__title {
font-size: 26px;
font-weight: 700;
letter-spacing: 0;
line-height: 34px;
}
.idc-blog-newsletter__input,
.idc-blog-newsletter__submit {
min-height: 63px;
}
.idc-blog-newsletter__submit {
min-width: 109px;
} .idc-map__frame {
opacity: 1 !important;
} .idc-blog-archive .idc-blog-archive__more{display:flex;justify-content:center;margin-top:48px}
.idc-blog-archive .idc-blog-archive__more-btn{min-width:240px} .idc-team-modal,
.idc-team-modal * {
touch-action: manipulation;
}
.idc-team-modal__dialog,
.idc-team-modal__viewport,
.idc-team-modal__track,
.idc-team-modal__slide,
.idc-team-modal__body {
min-width: 0;
max-width: 100%;
}
.idc-team-modal__dialog { max-width: min(100vw - 20px, 1100px); }
.idc-team-modal__body,
.idc-team-modal__name,
.idc-team-modal__full {
overflow-wrap: anywhere;
}
.idc-team-modal__photo img { max-width: 100%; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } @media (max-width: 1023px) {
.idc-contato__grid .idc-contato__form-wrap,
.idc-contato__grid .idc-contato__aside {
flex: 0 0 auto;
min-height: 0;
}
}.idc-hero__title { font-family: var(--idc-font-sans); }
@media (min-width: 1024px) {
.idc-hero__title { font-size: 48px; line-height: 56px; letter-spacing: -0.96px; }
.idc-hero__media { height: 592px; }
} .idc-hero__bg {
overflow: hidden;
}
.idc-hero__bg img {
position: absolute;
left: 0;
right: 0;
top: 26%;
transform: translateY(-50%);
width: 100%;
height: auto;
max-width: none;
object-fit: fill;
opacity: 1;
}
@media (max-width: 1023px) {
.idc-hero__bg img {
top: 32%;
width: 100%;
}
} .idc-page-hero--centered,
.idc-page-hero--default,
.idc-page-hero--blog {
position: relative !important;
overflow: hidden !important;
}
.idc-page-hero--centered .idc-container {
position: relative;
z-index: 1;
}
.idc-page-hero__decor,
.idc-page-hero--integrativa .idc-page-hero__decor,
.idc-page-hero--instituto .idc-page-hero__decor,
.idc-specialty__decor--organic,
.idc-tratamentos-archive__decor {
background-size: 100% auto !important;
background-position: center 28% !important;
background-repeat: no-repeat !important;
} .idc-contato__decor,
.idc-carreiras__decor {
display: none !important;
} .idc-trust {
height: auto;
display: flex;
align-items: center;
}
@media (min-width: 900px) {
.idc-trust { height: 162px; padding: 0; }
}
.idc-trust__stars img { transform-origin: 50% 55%; }
.idc-trust--prep .idc-trust__stars img {
opacity: 0;
transform: scale(0.28) rotate(-16deg);
}
.idc-trust--on .idc-trust__stars img {
animation: idc-star-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
animation-delay: calc(var(--idc-star, 0) * 95ms + 80ms);
}
@keyframes idc-star-in {
from { opacity: 0; transform: scale(0.28) rotate(-16deg); }
62% { opacity: 1; transform: scale(1.18) rotate(6deg); }
to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.idc-trust--prep .idc-trust__stars img,
.idc-trust--on .idc-trust__stars img {
opacity: 1;
transform: none;
animation: none;
}
}
.idc-pillar--cta .idc-pillar__text { font-size: var(--idc-text-md); } .idc-page-hero__title {
font-family: var(--idc-font-sans);
font-weight: 500;
}
.idc-page-hero--overlay .idc-page-hero__title {
color: var(--idc-white);
font-family: var(--idc-font-sans);
font-weight: 500;
}
.idc-hub-card--cream {
border: 0;
background: var(--idc-cream-soft);
} .idc-blog-newsletter {
background: var(--idc-cream-soft);
}
.idc-blog-newsletter__input {
background: var(--idc-cream);
border: 1px solid rgba(197, 198, 205, 0.5);
}
.idc-blog-card {
background: var(--idc-card-cream, #fbf6ef);
}
.idc-blog-card--archive {
border-radius: 48px;
}
.idc-blog-filters__btn {
border-color: rgba(197, 198, 205, 0.5);
box-shadow: var(--idc-shadow-sm);
}
.idc-blog-filters__btn.is-active {
background: var(--idc-azul-700);
border-color: var(--idc-azul-700);
}
.idc-blog-card__more {
color: var(--idc-terracota-800);
}
.idc-blog-card__cat--ortopedia-regenerativa {
background: var(--idc-sand-warm);
color: var(--idc-orto-badge, #794900);
}
.idc-blog-card__cat--fisioterapia {
background: var(--idc-mint, #e9f0ea);
}
.idc-blog-card__cat--medicina-integrativa {
background: var(--idc-lavender-soft, #eceaf3);
}
.idc-blog-card__cat--dor-e-movimento {
background: var(--idc-sand);
}
.idc-instituto__card {
border-radius: var(--idc-radius-card);
padding: 25px;
}
.idc-specialty__block-title { font-weight: 700; line-height: 40px; } @media (min-width: 1024px) {
.idc-phases__grid,
.idc-integrativa-grid__bento {
gap: 24px;
}
}
.idc-phases__card,
.idc-integrativa-card {
background: var(--idc-cream-soft);
border: 0;
border-radius: var(--idc-radius-lg);
box-shadow: none;
}
.idc-integrativa-card {
padding: var(--idc-space-8);
}
.idc-contato__direct,
.idc-form__file-btn { border-radius: var(--idc-radius-pill); }
@media (min-width: 768px) {
.idc-blog-filters__btn {
padding: 12px 24px;
border-radius: var(--idc-radius-pill);
min-height: 44px;
}
}
.idc-strip-cta__btn {
min-height: 52px;
height: 52px;
padding: 0 32px;
} .idc-strip-cta__decor {
background: url(//www.institutodrchao.com.br/wp-content/themes/instituto-dr-chao/assets/icons/hero-bg-pattern.svg) no-repeat center center / 100% auto !important;
opacity: 0.4 !important;
filter: invert(1) brightness(1.6);
} .idc-treatment-faq-card__icon {
width: 48px;
height: 48px;
margin: 0 0 var(--idc-space-4);
}
.idc-treatment-faq-card__icon img {
display: block;
width: 48px;
height: 48px;
} .site-main--contato,
.site-main--carreiras {
padding-bottom: 0;
}
.site-main--contato .idc-contato,
.site-main--carreiras .idc-carreiras {
padding-bottom: 112px;
} @media (max-width: 767px) {
.idc-page-hero {
padding: 32px 0 40px;
}
.idc-page-hero--overlay {
padding: 32px 0 40px;
}
.idc-page-hero__title {
font-size: 32px;
line-height: 40px;
}
.idc-page-hero__lead {
font-size: 16px;
line-height: 26px;
}
.idc-page-hero--split .idc-page-hero__media,
.idc-page-hero--split .idc-page-hero__media img {
border-radius: 24px;
}
.idc-hub-card {
min-height: 0;
}
.idc-hub-card__media { margin: 24px 24px 0;
height: 192px;
border-radius: 13px;
background: transparent;
}
.idc-treatment-faq-card {
min-height: 0;
padding: 32px 24px;
}
.idc-strip-cta {
padding: 48px 0 64px;
}
.idc-footer {
padding-top: 64px;
}
} @media (min-width: 1024px) {
.idc-specialty .idc-page-hero--split.idc-page-hero--fisioterapia {
padding: 48px 0 40px;
}
.idc-phases.idc-specialty__block {
padding-top: 40px;
padding-bottom: 64px;
}
.idc-phases.idc-specialty__block:last-child {
padding-bottom: calc(64px + var(--idc-radius-lg));
}
.idc-phases__grid {
gap: 24px;
}
.idc-phases__card {
min-height: 0;
padding: 28px 24px;
}
.idc-phases__icon-wrap {
width: 56px;
height: 56px;
background: var(--idc-terracota-700) !important;
box-shadow: none !important;
color: var(--idc-cream);
}
.idc-phases__icon {
width: 24px;
height: 24px;
filter: brightness(0) invert(1);
} .idc-phases .idc-specialty__block-header {
margin-bottom: 32px;
}
}
@media (max-width: 767px) {
.idc-page-hero--fisioterapia {
padding: 32px 0 24px;
}
.idc-phases.idc-specialty__block {
padding-top: 24px;
}
} .idc-page-hero {
background: var(--idc-cream);
} .idc-page-hero.idc-page-hero--instituto {
background: var(--idc-cream-warm);
}
.idc-specialty .idc-page-hero--split .idc-page-hero__title-accent {
font-family: var(--idc-font-serif);
font-weight: 700;
color: var(--idc-terracota-700);
}
.idc-specialty .idc-page-hero--split .idc-page-hero__eyebrow {
color: var(--idc-ouro);
letter-spacing: 0.08em;
}
@media (min-width: 1024px) {
.idc-specialty .idc-page-hero--split {
padding: 64px 0 80px;
}
.idc-treatment-faq.idc-specialty__block {
padding-top: 64px;
padding-bottom: 80px;
}
.idc-specialty .idc-strip-cta {
padding: 64px 0;
}
.idc-page-hero--split .idc-page-hero__media {
border-radius: var(--idc-radius-lg);
}
}
.idc-page-hero__eyebrow {
margin: 0 0 var(--idc-space-4);
} .idc-testimonial__avatar[data-initials]:not(:has(img)) {
background: var(--idc-peach);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--idc-font-sans);
font-size: 14px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.02em;
color: var(--idc-azul-700);
}
.idc-testimonial__avatar[data-initials]:not(:has(img))::before {
content: attr(data-initials);
} .site-main--blog .idc-page-hero__title {
font-family: var(--idc-font-sans);
color: var(--idc-azul-900);
}
.site-main--blog .idc-page-hero__title-accent {
font-family: var(--idc-font-sans);
font-weight: 500;
color: var(--idc-terracota-700);
} .idc-accordion--in-card {
width: 100%;
gap: var(--idc-space-3);
margin-top: var(--idc-space-4);
}
.idc-accordion--in-card .idc-accordion__item {
width: 100%;
background: var(--idc-white);
border: 1px solid rgba(197, 198, 205, 0.35);
border-radius: var(--idc-radius-pill);
overflow: hidden;
transition: none;
}
.idc-accordion--in-card .idc-accordion__item:has(.idc-accordion__trigger[aria-expanded="true"]) {
border-radius: var(--idc-radius-md);
}
.idc-accordion--in-card .idc-accordion__trigger {
background: transparent;
}
.idc-accordion--in-card .idc-accordion__panel {
padding: 0 20px 16px;
} .site-main--fallback {
background: var(--idc-cream);
padding: var(--idc-space-16) 0 var(--idc-space-20);
}
.site-main--fallback .entry-title,
.site-main--fallback .idc-fallback__title {
font-family: var(--idc-font-sans);
font-size: clamp(28px, 4vw, 40px);
font-weight: 700;
color: var(--idc-azul-900);
margin: 0 0 var(--idc-space-4);
}
.site-main--fallback .entry-content,
.site-main--fallback .idc-fallback__lead {
color: var(--idc-ink);
font-size: var(--idc-text-md);
line-height: 1.7;
max-width: 40rem;
}  .idc-page-hero.idc-page-hero--instituto {
background: var(--idc-cream-warm);
padding-bottom: 72px;
}
.idc-page-hero--instituto::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 56px;
background: var(--idc-cream);
clip-path: polygon(0 100%, 100% 0, 100% 100%);
pointer-events: none;
z-index: 0;
} .idc-specialty .idc-page-hero--split:not(.idc-page-hero--fisioterapia):not(.idc-page-hero--integrativa):not(.idc-page-hero--carreiras) .idc-page-hero__media,
.idc-specialty .idc-page-hero--split:not(.idc-page-hero--fisioterapia):not(.idc-page-hero--integrativa):not(.idc-page-hero--carreiras) .idc-page-hero__media img {
border-radius: var(--idc-radius-lg);
} @media (max-width: 767px) {
.idc-phases__grid {
display: grid !important;
grid-template-columns: 1fr;
gap: 16px;
overflow: visible !important;
margin-inline: 0;
padding-inline: 0;
scroll-snap-type: none;
}
.idc-phases__card {
width: 100% !important;
min-width: 0 !important;
}
.idc-hub-card__media img {
border-radius: 13px;
}
}
.site-main--single-post {
background: var(--idc-cream);
}
.idc-single {
max-width: 720px;
}
.idc-single__content {
font-size: 18px;
line-height: 1.7;
}
.idc-carreiras__inner {
border-radius: var(--idc-radius-lg);
} @media (max-width: 767px) {
.idc-contato__form-wrap,
.idc-contato__aside {
padding: 24px;
}
.site-main--contato .idc-contato {
padding-bottom: 80px;
}
.idc-carreiras__inner {
padding: 24px;
}
}