@import url("https://fonts.googleapis.com/css2?family=Amaranth:wght@400;700&family=Titillium+Web:wght@400;600&family=Sacramento&family=Roboto:wght@400;500;600&family=Roboto+Slab:wght@400&display=swap"); :root {
--color-primary: #88B6B6;
--color-secondary: #FBB35C;
--color-text: #7A7A7A;
--color-accent: #EB8B3C;
--color-heading-dark: #728584;
--color-footer-bg: #4a4a4a;
--color-topbar-bg: #f6f6f6;
--color-white: #ffffff;
--color-teal-light: rgba(136, 182, 182, 0.08);
--color-teal-border: rgba(136, 182, 182, 0.35);
--max-width: 1140px;
--shadow-sm: 0 2px 8px rgba(136, 182, 182, 0.15);
--shadow-md: 0 6px 24px rgba(136, 182, 182, 0.2);
--shadow-accent: 0 6px 20px rgba(235, 139, 60, 0.35);
--radius-sm: 6px;
--radius-md: 10px;
--transition: 0.25s ease;
}
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Titillium Web', sans-serif;
font-size: 22px;
font-weight: 400;
color: var(--color-text);
line-height: 1.5;
background: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Amaranth', sans-serif;
font-weight: 600;
color: var(--color-primary);
}
a {
text-decoration: none;
color: inherit;
}
img {
max-width: 100%;
height: auto;
display: block;
}
.container {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 20px;
}
.section-title {
font-family: 'Amaranth', sans-serif;
font-size: 32px;
font-weight: 700;
color: var(--color-primary);
margin: 0 0 10px;
}
.section-divider {
width: 60px;
height: 4px;
background: linear-gradient(90deg, var(--color-secondary), var(--color-accent));
margin: 10px auto 20px auto;
border-radius: 2px;
}
.btn {
display: inline-block;
padding: 12px 28px;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
font-size: 16px;
color: var(--color-white);
background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
border: none;
border-radius: var(--radius-sm);
cursor: pointer;
transition: transform var(--transition), box-shadow var(--transition), background var(--transition);
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: var(--shadow-accent);
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(235, 139, 60, 0.45);
background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
color: var(--color-white);
}
.btn:active {
transform: translateY(0);
box-shadow: var(--shadow-accent);
}
.btn-sm {
padding: 8px 20px;
font-size: 14px;
}
.btn-lg {
padding: 16px 36px;
font-size: 18px;
} .section-cta-embreve {
background-image: url(//irispsicologia.com.br/images/Iris_Home_OrangeBg.png);
background-size: cover;
background-position: center;
padding: 80px 0;
text-align: center;
position: relative;
}
.section-cta-embreve::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(114, 133, 132, 0.25) 0%, rgba(235, 139, 60, 0.15) 100%);
pointer-events: none;
}
.cta-embreve-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.cta-title {
font-family: 'Amaranth', sans-serif;
font-size: 36px;
font-weight: 700;
color: var(--color-white);
margin: 0 0 16px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.cta-text {
font-size: 18px;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 32px;
max-width: 480px;
line-height: 1.55;
}
.btn-cta {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 15px;
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--color-accent);
background: var(--color-white);
padding: 16px 40px;
border-radius: var(--radius-sm);
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
transition: transform var(--transition), box-shadow var(--transition), color var(--transition);
}
.btn-cta:hover {
transform: translateY(-3px);
box-shadow: 0 10px 32px rgba(0, 0, 0, 0.26);
color: var(--color-primary);
}
@media (max-width: 767px) {
.cta-title { font-size: 26px; }
.cta-text { font-size: 16px; }
}
@media (max-width: 480px) {
.section-cta-embreve { padding: 52px 0; }
}
@media (max-width: 767px) {
body {
font-size: 18px;
}
.section-title {
font-size: 26px;
}
.section-subtitle {
font-size: 22px;
}
}
@media (max-width: 480px) {
body {
font-size: 16px;
}
.section-title {
font-size: 22px;
}
.btn {
padding: 10px 20px;
font-size: 14px;
}
.btn-lg {
padding: 12px 24px;
font-size: 16px;
}
} .site-header {
position: sticky;
top: 0;
z-index: 1000;
width: 100%;
} .navbar {
background-color: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 2px 20px rgba(136, 182, 182, 0.15);
padding: 14px 0;
}
.navbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.navbar-logo img {
height: 54px;
width: auto;
display: block;
clip-path: inset(4px 0 0 0);
margin-top: -4px;
}
.nav-menu {
display: flex;
list-style: none;
gap: 0;
align-items: center;
margin: 0;
padding: 0;
}
.nav-menu > li {
position: relative;
}
.nav-menu > li > a {
display: block;
padding: 8px 14px;
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
font-weight: 600;
color: var(--color-text);
transition: color var(--transition);
white-space: nowrap;
}
.nav-menu > li > a:hover,
.nav-menu > li > a.active {
color: var(--color-primary);
} .nav-menu > li:not(.nav-cta-item) > a::after {
content: '';
display: block;
height: 2px;
background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
transform: scaleX(0);
transform-origin: left;
transition: transform 0.25s ease;
border-radius: 1px;
}
.nav-menu > li:not(.nav-cta-item) > a:hover::after {
transform: scaleX(1);
}
.nav-menu > li > a.active {
color: var(--color-primary);
}
.nav-menu > li > a.active::after {
content: '';
display: block;
height: 3px;
background: var(--color-accent);
transform: scaleX(1);
border-radius: 4px;
} .nav-cta-item {
margin-left: 12px;
}
.nav-cta-btn {
padding: 9px 22px !important;
font-size: 14px !important;
letter-spacing: 0.8px;
border-radius: var(--radius-sm) !important;
color: var(--color-white) !important;
} .submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
list-style: none;
min-width: 220px;
box-shadow: 0 8px 28px rgba(136, 182, 182, 0.22);
border-top: 2px solid var(--color-primary);
border-radius: 0 0 var(--radius-sm) var(--radius-sm);
padding: 8px 0;
z-index: 999;
}
.submenu.open {
display: block;
}
.submenu li {
position: relative;
}
.submenu li > a {
display: block;
padding: 10px 18px;
font-size: 14px;
color: var(--color-text);
white-space: nowrap;
transition: background var(--transition), color var(--transition);
}
.submenu li > a:hover {
background: var(--color-teal-light);
color: var(--color-primary);
} .has-submenu2 .submenu2 {
display: none;
position: absolute;
top: 0;
left: 100%;
background: rgba(255, 255, 255, 0.98);
list-style: none;
min-width: 260px;
box-shadow: 0 8px 28px rgba(136, 182, 182, 0.22);
padding: 8px 0;
z-index: 999;
}
.has-submenu2:hover .submenu2 {
display: block;
}
.submenu-toggle {
display: none;
} .hamburger {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 4px;
}
.hamburger span {
display: block;
width: 26px;
height: 2px;
background: var(--color-text);
transition: transform 0.3s, opacity 0.3s;
}
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } @media (max-width: 900px) {
.navbar-inner {
gap: 0;
}
.navbar-logo {
margin-left: -20px;
}
.hamburger { display: flex; }
.nav-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.98);
flex-direction: column;
align-items: flex-start;
box-shadow: 0 8px 24px rgba(136, 182, 182, 0.2);
padding: 12px 0;
z-index: 999;
}
.nav-menu.mobile-open { display: flex; }
.nav-menu > li { width: 100%; }
.nav-menu > li > a {
padding: 12px 24px;
border-bottom: none;
}
.nav-menu > li > a.active {
border-bottom: none;
color: var(--color-primary);
}
.nav-menu > li.nav-cta-item {
margin: 8px 24px;
width: calc(100% - 48px);
box-sizing: border-box;
}
.nav-cta-btn {
display: block;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.has-submenu {
position: relative;
}
.submenu-toggle {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
width: 48px;
height: 44px;
background: none;
border: none;
cursor: pointer;
color: var(--color-primary);
font-size: 12px;
}
.submenu {
position: static;
box-shadow: none;
border-top: none;
border-radius: 0;
min-width: unset;
background: var(--color-teal-light);
padding: 4px 0;
border-left: 3px solid var(--color-primary);
margin: 0 16px 4px 32px;
}
.submenu li > a {
padding: 10px 16px;
font-size: 14px;
white-space: normal;
}
.has-submenu2 .submenu2 {
position: static;
display: block;
background: #ececec;
padding-left: 16px;
}
.navbar {
position: relative;
}
} .footer {
background-color: #3a3a3a;
color: var(--color-white);
}
.footer-main {
padding: 60px 0 52px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1.4fr;
gap: 48px;
align-items: start;
} .footer-brand {
display: flex;
flex-direction: column;
gap: 16px;
}
.footer-logo {
max-width: 280px;
height: auto;
display: block;
clip-path: inset(4px 0 0 24px);
margin-top: -4px;
margin-left: -20px;
}
.footer-tagline {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
line-height: 1.55;
max-width: 240px;
margin: 0;
}
.footer-socials {
display: flex;
gap: 10px;
margin-top: 4px;
}
.footer-socials a {
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.75);
font-size: 14px;
transition: background var(--transition), color var(--transition), transform var(--transition);
}
.footer-socials a:hover {
background: var(--color-primary);
color: var(--color-white);
transform: translateY(-2px);
} .footer-col-title {
font-family: 'Titillium Web', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.45);
margin: 0 0 16px;
}
.footer-links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-links a {
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
color: rgba(255, 255, 255, 0.72);
transition: color var(--transition);
}
.footer-links a:hover {
color: var(--color-white);
} .footer-bottom {
background-color: rgba(0, 0, 0, 0.28);
padding: 16px 0;
}
.footer-bottom p {
font-family: 'Titillium Web', sans-serif;
color: rgba(255, 255, 255, 0.45);
font-size: 13px;
margin: 0;
}
.footer-bottom a {
color: var(--color-accent);
text-decoration: none;
font-weight: 600;
transition: opacity var(--transition);
}
.footer-bottom a:hover {
opacity: 0.8;
text-decoration: underline;
}
@media (max-width: 1024px) {
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 36px;
}
.footer-brand {
grid-column: 1 / -1;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
gap: 24px;
}
.footer-tagline {
max-width: 300px;
}
}
@media (max-width: 600px) {
.footer-grid {
grid-template-columns: 1fr;
}
.footer-brand {
flex-direction: column;
gap: 14px;
}
.footer-main {
padding: 40px 0 32px;
}
} .hero {
position: relative;
width: 100%;
height: 610px;
overflow: hidden;
display: flex;
align-items: center;
} .hero-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center right;
opacity: 0;
transition: opacity 0.6s ease;
}
.hero-bg.active {
opacity: 1;
}
.hero-bg.fading {
opacity: 0;
} .hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to right,
rgba(22, 50, 48, 0.93) 0%,
rgba(22, 50, 48, 0.78) 38%,
rgba(22, 50, 48, 0.30) 58%,
rgba(22, 50, 48, 0.0) 72%
);
z-index: 1;
} .hero-wrap {
position: relative;
z-index: 2;
width: 100%;
padding: 0 20px 0 260px;
}
.hero-content {
max-width: 560px;
} .hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.9);
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
font-weight: 600;
padding: 6px 14px;
border-radius: 20px;
margin-bottom: 24px;
letter-spacing: 0.3px;
backdrop-filter: blur(4px);
}
.hero-badge-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--color-secondary);
flex-shrink: 0;
} .hero-title {
font-family: 'Amaranth', sans-serif;
font-size: 58px;
font-weight: 700;
color: var(--color-white);
line-height: 1.12;
margin: 0 0 20px;
text-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}
.hero-title-accent {
color: var(--color-secondary);
} .hero-subtitle {
font-family: 'Titillium Web', sans-serif;
font-size: 19px;
color: rgba(255, 255, 255, 0.82);
line-height: 1.6;
margin: 0 0 36px;
} .hero-ctas {
display: flex;
align-items: center;
gap: 20px;
}
.hero-btn-primary {
font-size: 17px;
padding: 13px 28px;
letter-spacing: 0.6px;
}
.hero-btn-secondary {
font-family: 'Titillium Web', sans-serif;
font-size: 18px;
font-weight: 600;
color: var(--color-white);
border: 2px solid rgba(255, 255, 255, 0.6);
padding: 11px 24px;
border-radius: var(--radius-sm);
transition: background var(--transition), border-color var(--transition);
white-space: nowrap;
}
.hero-btn-secondary:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.9);
color: var(--color-white);
} .hero-dots {
position: absolute;
bottom: 28px;
right: 32px;
z-index: 3;
display: flex;
align-items: center;
gap: 8px;
}
.hero-dot {
height: 8px;
width: 8px;
border-radius: 4px;
border: none;
background: rgba(255, 255, 255, 0.45);
cursor: pointer;
padding: 0;
transition: background var(--transition), width var(--transition);
}
.hero-dot.active {
background: var(--color-white);
width: 22px;
}
@media (max-width: 1024px) {
.hero { height: 520px; }
.hero-title { font-size: 42px; }
}
@media (max-width: 767px) {
.hero {
height: auto;
min-height: 520px;
padding: 80px 0 60px;
align-items: flex-end;
}
.hero-overlay {
background: linear-gradient(
to bottom,
rgba(22, 50, 48, 0.55) 0%,
rgba(22, 50, 48, 0.88) 50%,
rgba(22, 50, 48, 0.95) 100%
);
}
.hero-wrap {
padding: 0 20px;
max-width: 100%;
}
.hero-content {
max-width: 100%;
text-align: center;
}
.hero-badge {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.hero-title { font-size: 32px; }
.hero-subtitle { font-size: 15px; }
.hero-ctas {
flex-direction: column;
align-items: center;
gap: 12px;
justify-content: center;
width: 100%;
}
.hero-btn-primary,
.hero-btn-secondary {
width: 100%;
}
}
@media (max-width: 480px) {
.hero-title { font-size: 36px; }
} .page-banner {
background: var(--color-white);
padding: 40px 0 32px;
border-bottom: 3px solid transparent;
border-image: linear-gradient(90deg, var(--color-secondary), var(--color-accent)) 1;
}
.page-banner-inner {
display: flex;
flex-direction: column;
gap: 6px;
}
.page-banner-title {
font-family: 'Amaranth', sans-serif;
font-size: 36px;
font-weight: 700;
color: var(--color-primary);
margin: 0;
letter-spacing: 0.3px;
}
.breadcrumbs {
font-size: 14px;
color: #aaa;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0;
}
.breadcrumbs a {
color: #aaa;
transition: color var(--transition);
text-decoration: none;
}
.breadcrumbs a:hover {
color: var(--color-accent);
}
.breadcrumbs .delimiter {
margin: 0 6px;
color: #aaa;
}
.breadcrumbs .current {
color: var(--color-text);
font-weight: 600;
}
@media (max-width: 767px) {
.page-banner {
padding: 28px 0 22px;
}
.page-banner-title {
font-size: 26px;
}
}
@media (max-width: 480px) {
.page-banner-title {
font-size: 22px;
}
} .nav-cards-section {
padding: 60px 0 50px;
background: var(--color-white);
text-align: center;
}
.nav-cards-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
text-align: center;
}
.nav-card {
display: flex;
flex-direction: column;
align-items: center;
padding: 28px 16px 24px;
border: 1px solid var(--color-teal-border);
border-radius: var(--radius-md);
background: var(--color-white);
transition: transform var(--transition), box-shadow var(--transition), background var(--transition), border-color var(--transition);
cursor: default;
}
.nav-card:hover {
transform: translateY(-5px);
background: var(--color-teal-light);
box-shadow: var(--shadow-md);
border-color: var(--color-primary);
}
.nav-card-icon {
font-size: 44px;
color: var(--color-primary);
margin-bottom: 16px;
transition: color var(--transition), transform var(--transition);
display: block;
}
.nav-card:hover .nav-card-icon {
color: var(--color-accent);
transform: scale(1.1);
}
.nav-card-title {
font-family: 'Amaranth', sans-serif;
font-size: 20px;
color: var(--color-primary);
margin: 0 0 10px;
}
.nav-card-title a {
color: inherit;
transition: color var(--transition);
}
.nav-card:hover .nav-card-title a {
color: var(--color-accent);
}
.nav-card-text {
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
color: var(--color-text);
line-height: 1.5;
margin: 0;
}
@media (max-width: 1024px) {
.nav-cards-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.nav-cards-grid {
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.nav-card {
padding: 20px 12px 18px;
}
.nav-card-icon {
font-size: 36px;
margin-bottom: 10px;
}
.nav-card-title {
font-size: 17px;
}
.nav-card-text {
font-size: 14px;
}
}
@media (max-width: 480px) {
.nav-cards-section {
padding: 40px 0 32px;
}
.nav-card {
padding: 16px 10px 14px;
}
.nav-card-icon {
font-size: 30px;
margin-bottom: 8px;
}
.nav-card-title {
font-size: 15px;
margin-bottom: 6px;
}
.nav-card-text {
font-size: 13px;
}
}
@media (max-width: 380px) {
.nav-cards-grid {
grid-template-columns: 1fr;
}
} .blog-sidebar {
display: flex;
flex-direction: column;
gap: 28px;
position: sticky;
top: 90px;
}
.sidebar-widget {
background: var(--color-white);
border: 1px solid var(--color-teal-border);
border-radius: var(--radius-md);
padding: 24px;
}
.sidebar-widget-title {
font-family: 'Amaranth', sans-serif;
font-size: 18px;
font-weight: 700;
color: var(--color-primary);
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 2px solid rgba(136, 182, 182, 0.2);
} .sidebar-search {
display: flex;
border: 1px solid var(--color-teal-border);
border-radius: var(--radius-sm);
overflow: hidden;
}
.sidebar-search input {
flex: 1;
padding: 10px 14px;
border: none;
outline: none;
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
color: var(--color-text);
background: #fff;
}
.sidebar-search input::placeholder {
color: #bbb;
}
.sidebar-search button {
background: var(--color-teal-light);
border: none;
padding: 10px 14px;
cursor: pointer;
color: var(--color-primary);
font-size: 14px;
transition: background var(--transition), color var(--transition);
border-left: 1px solid var(--color-teal-border);
}
.sidebar-search button:hover {
background: var(--color-primary);
color: var(--color-white);
} .sidebar-categories {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar-categories li {
border-bottom: 1px solid rgba(136, 182, 182, 0.15);
}
.sidebar-categories li:last-child {
border-bottom: none;
}
.sidebar-categories li button {
background: none;
border: none;
cursor: pointer;
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
color: var(--color-text);
padding: 9px 0;
width: 100%;
text-align: left;
display: flex;
align-items: center;
gap: 8px;
transition: color var(--transition);
}
.sidebar-categories li button i {
color: var(--color-secondary);
font-size: 12px;
}
.sidebar-categories li button:hover,
.sidebar-categories li.active button {
color: var(--color-primary);
} .sidebar-recent {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.sidebar-recent-item {
display: flex;
align-items: center;
gap: 12px;
color: var(--color-text);
transition: color var(--transition);
}
.sidebar-recent-item:hover {
color: var(--color-primary);
}
.sidebar-recent-item img {
width: 68px;
height: 52px;
object-fit: cover;
border-radius: var(--radius-sm);
flex-shrink: 0;
}
.sidebar-recent-item span {
font-size: 14px;
line-height: 1.4;
}
@media (max-width: 1024px) {
.blog-sidebar {
position: static;
top: auto;
}
}
@media (max-width: 480px) {
.sidebar-widget {
padding: 16px;
}
.sidebar-recent-item img {
width: 52px;
height: 40px;
}
.sidebar-widget-title {
font-size: 16px;
}
}  .whatsapp-button {
position: fixed;
bottom: 28px;
right: 28px;
width: 56px;
height: 56px;
border-radius: 50%;
background-color: #25d366;
color: #fff;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
transition: transform 0.3s, box-shadow 0.2s;
z-index: 9998;
text-decoration: none;
}
.whatsapp-button:hover {
transform: scale(1.1);
box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
} .scroll-to-top {
position: fixed;
bottom: 96px;
right: 28px;
width: 56px;
height: 56px;
border-radius: 50%;
background-color: var(--color-accent);
color: #fff;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
box-shadow: 0 4px 12px rgba(235, 139, 60, 0.3);
opacity: 0;
pointer-events: none;
transform: translateY(12px);
transition: opacity 0.3s, transform 0.3s, background-color 0.2s, box-shadow 0.2s;
z-index: 9999;
}
.scroll-to-top--visible {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.scroll-to-top:hover {
background-color: var(--color-primary);
box-shadow: 0 6px 16px rgba(136, 182, 182, 0.4);
}  .section-stats {
background: #e8f4f4;
padding: 44px 0;
}
.stats-grid {
display: grid;
grid-template-columns: 1fr auto 1fr auto 1fr;
align-items: center;
gap: 0;
}
.stat-divider {
width: 1px;
height: 60px;
background: rgba(136, 182, 182, 0.4);
margin: 0 40px;
}
.stat-item {
display: flex;
flex-direction: column;
gap: 8px;
}
.stat-number {
font-family: 'Amaranth', sans-serif;
font-size: 48px;
font-weight: 700;
color: var(--color-primary);
line-height: 1;
}
.stat-label {
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
color: var(--color-heading-dark);
line-height: 1.45;
max-width: 260px;
} .section-oferecemos {
padding: 70px 0 60px;
background: var(--color-white);
}
.oferecemos-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
}
.oferecemos-ver-tudo {
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
font-weight: 600;
color: var(--color-accent);
transition: color var(--transition);
white-space: nowrap;
padding-bottom: 4px;
}
.oferecemos-ver-tudo:hover {
color: var(--color-primary);
}
.oferecemos-texto {
font-size: 18px;
line-height: 1.75;
color: var(--color-text);
max-width: 860px;
margin: 0;
} .offer-cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.offer-card {
border: 1px solid rgba(136, 182, 182, 0.22);
border-radius: var(--radius-md);
overflow: hidden;
background: var(--color-white);
transition: transform var(--transition), box-shadow var(--transition);
}
.offer-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-md);
}
.offer-card-image {
width: 100%;
height: 220px;
overflow: hidden;
}
.offer-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
display: block;
}
.offer-card:hover .offer-card-image img {
transform: scale(1.04);
}
.offer-card-body {
padding: 22px 24px 28px;
display: flex;
flex-direction: column;
gap: 10px;
}
.offer-card-category {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
color: var(--color-primary);
background: rgba(136, 182, 182, 0.12);
border: 1px solid rgba(136, 182, 182, 0.35);
padding: 3px 10px;
border-radius: 20px;
align-self: flex-start;
}
.offer-card-title {
font-family: 'Amaranth', sans-serif;
font-size: 22px;
font-weight: 700;
color: var(--color-primary);
margin: 0;
line-height: 1.3;
}
.offer-card-text {
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
color: var(--color-text);
line-height: 1.55;
margin: 0;
}
.offer-card-link {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
font-weight: 600;
color: var(--color-accent);
margin-top: 4px;
transition: color var(--transition);
align-self: flex-start;
}
.offer-card-link:hover {
color: var(--color-primary);
} .section-iris {
padding: 70px 0;
background: #f6f9f9;
}
.section-iris-inner {
display: grid;
grid-template-columns: 380px 1fr;
gap: 60px;
align-items: center;
}
.iris-image-col {
position: relative;
}
.iris-image-col::after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 60px;
height: 3px;
background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-accent) 100%);
border-radius: 2px;
}
.iris-photo {
width: 100%;
height: auto;
display: block;
border-radius: 6px;
box-shadow: var(--shadow-md);
border: 1px solid rgba(136, 182, 182, 0.12);
}
.iris-text-col .section-title {
margin-bottom: 4px;
}
.iris-body {
margin: 16px 0 24px;
}
.iris-body p {
font-size: 17px;
color: var(--color-text);
line-height: 1.7;
margin-bottom: 14px;
}
.iris-actions {
display: flex;
align-items: center;
gap: 24px;
margin-top: 8px;
}
.iris-actions .btn {
margin-bottom: 24px;
}
.iris-socials {
display: flex;
gap: 14px;
}
.iris-socials a {
font-size: 20px;
color: var(--color-primary);
transition: color var(--transition), transform var(--transition);
display: inline-block;
}
.iris-socials a:hover {
color: var(--color-accent);
transform: scale(1.2);
} .iris-quotes-section {
padding: 60px 0;
background: transparent;
}
.iris-quote-card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 249, 249, 0.95) 100%);
border-radius: 16px;
padding: 60px 50px;
margin-bottom: 36px;
box-shadow: 0 8px 32px rgba(136, 182, 182, 0.12);
border: 2px solid rgba(136, 182, 182, 0.2);
min-height: 240px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
animation: fadeInQuote 0.6s ease;
position: relative;
overflow: visible;
}
.iris-quote-card::before {
content: '"';
position: absolute;
top: 20px;
left: 16px;
font-size: 100px;
color: rgba(251, 179, 92, 0.28);
font-family: Georgia, serif;
font-weight: 700;
line-height: 0.8;
pointer-events: none;
}
@keyframes fadeInQuote {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.iris-quote-text {
font-family: 'Amaranth', sans-serif;
font-size: 20px;
line-height: 1.9;
color: #728584;
margin: 24px 0 28px;
font-weight: 400;
font-style: italic;
text-align: center;
position: relative;
z-index: 1;
letter-spacing: 0.3px;
max-width: 100%;
}
.iris-quote-author {
font-family: 'Sacramento', cursive;
font-size: 32px;
color: var(--color-accent);
margin: 0;
font-weight: 400;
line-height: 1.2;
position: relative;
z-index: 1;
text-align: center;
}
.iris-quote-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
}
.iris-quote-dot {
height: 11px;
width: 11px;
border-radius: 50%;
border: 2px solid rgba(136, 182, 182, 0.35);
background: transparent;
cursor: pointer;
padding: 0;
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.iris-quote-dot:hover {
border-color: var(--color-accent);
transform: scale(1.3);
}
.iris-quote-dot.active {
background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
border-color: var(--color-accent);
box-shadow: 0 0 12px rgba(235, 139, 60, 0.3);
} @media (max-width: 1024px) {
.section-iris-inner {
grid-template-columns: 1fr;
gap: 36px;
}
.offer-cards-grid {
grid-template-columns: 1fr 1fr;
}
.stats-grid {
grid-template-columns: 1fr;
gap: 0;
}
.stat-divider {
width: 60px;
height: 1px;
margin: 20px 0;
}
}
@media (max-width: 767px) {
.offer-cards-grid {
grid-template-columns: 1fr;
}
.oferecemos-header {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.iris-image-col {
max-height: 420px;
overflow: hidden;
}
.iris-photo {
max-height: 420px;
object-fit: cover;
}
.iris-actions {
flex-direction: column;
align-items: flex-start;
}
.iris-quote-card {
padding: 40px 36px;
}
.iris-quote-text {
font-size: 18px;
}
.iris-quote-author {
font-size: 28px;
}
}
@media (max-width: 480px) {
.stat-number { font-size: 36px; }
.stat-item {
text-align: center;
padding: 16px 0;
}
.stat-label {
max-width: 100%;
margin: 0 auto;
font-size: 16px;
}
.stat-divider {
width: 60px;
height: 1px;
margin: 16px auto;
}
.section-oferecemos { padding: 48px 0 40px; }
.section-iris { padding: 48px 0; }
.iris-quote-card {
padding: 28px 24px;
}
.iris-quote-open {
font-size: 52px;
}
.iris-quote-text {
font-size: 16px;
line-height: 1.65;
}
.iris-quote-author {
font-size: 26px;
}
.iris-quotes-section {
padding: 48px 0 40px;
}
}  .section-familias-intro {
padding: 70px 0;
background: var(--color-white);
}
.familias-intro-grid {
display: grid;
grid-template-columns: 500px 1fr;
gap: 60px;
align-items: center;
}
.familias-intro-img img {
width: 100%;
height: auto;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
display: block;
}
.familias-intro-text p {
font-size: 17px;
color: var(--color-text);
line-height: 1.7;
margin-bottom: 14px;
}
.familias-intro-lead {
font-size: 19px !important;
color: var(--color-primary) !important;
border-left: 3px solid var(--color-secondary);
padding-left: 14px;
margin-bottom: 20px !important;
}
.familias-intro-closing {
font-style: italic;
color: var(--color-primary) !important;
} .section-video {
padding: 60px 0;
background: #f6f9f9;
text-align: center;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
}
.video-wrapper iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: none;
} .section-cursos {
padding: 60px 0 40px;
background: var(--color-white);
text-align: center;
}
.cursos-intro {
font-size: 17px;
color: var(--color-text);
line-height: 1.7;
max-width: 760px;
margin: 0 auto;
} .section-curso-item {
padding: 60px 0;
background: var(--color-white);
}
.curso-item-grid {
display: grid;
grid-template-columns: 420px 1fr;
gap: 60px;
align-items: center;
}
.curso-img img {
width: 100%;
height: auto;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
display: block;
}
.curso-badge {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
color: var(--color-primary);
background: rgba(136, 182, 182, 0.12);
border: 1px solid rgba(136, 182, 182, 0.35);
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 10px;
}
.curso-info .section-title {
margin-bottom: 4px;
}
.curso-info p {
font-size: 17px;
color: var(--color-text);
line-height: 1.7;
margin-bottom: 14px;
}
.curso-details {
background: #f6f9f9;
border-left: 3px solid var(--color-secondary);
padding: 12px 16px;
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
font-size: 16px !important;
margin-bottom: 20px !important;
} .section-cursos-embreve {
padding: 20px 0 70px;
background: var(--color-white);
}
.cursos-embreve-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
margin-top: 32px;
}
.curso-embreve-card {
border: 1px solid var(--color-teal-border);
border-radius: var(--radius-md);
overflow: hidden;
background: var(--color-white);
transition: transform var(--transition), box-shadow var(--transition);
display: flex;
flex-direction: column;
}
.curso-embreve-card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-md);
}
.curso-embreve-img-wrap {
height: 200px;
overflow: hidden;
}
.curso-embreve-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.workshop-embreve-card:hover .curso-embreve-img-wrap img {
transform: scale(1.04);
}
.curso-embreve-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.curso-embreve-body .curso-badge {
align-self: flex-start;
}
.curso-embreve-body .btn-outline {
margin-top: auto;
align-self: flex-start;
}
.curso-embreve-title {
font-family: 'Amaranth', sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--color-primary);
margin: 0;
line-height: 1.3;
}
.curso-embreve-body p {
font-size: 15px;
color: var(--color-text);
line-height: 1.6;
margin: 0;
}
.btn-outline {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--color-primary);
background: transparent;
border: 2px solid var(--color-primary);
padding: 9px 20px;
border-radius: var(--radius-sm);
transition: background var(--transition), color var(--transition);
align-self: flex-start;
margin-top: 4px;
}
.btn-outline:hover {
background: var(--color-primary);
color: var(--color-white);
} .section-familias-cta {
padding: 60px 0;
background: linear-gradient(120deg, #7aaead 0%, #88B6B6 60%, #9ec4c4 100%);
position: relative;
overflow: hidden;
}
.familias-cta-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
position: relative;
z-index: 1;
}
.familias-cta-left {
display: flex;
align-items: center;
gap: 24px;
}
.familias-cta-icon {
flex-shrink: 0;
width: 64px;
height: 64px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.15);
border: 2px solid rgba(255, 255, 255, 0.25);
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
color: #fff;
}
.familias-cta-title {
font-family: 'Amaranth', sans-serif;
font-size: 26px;
font-weight: 700;
color: #fff;
margin: 0 0 6px;
text-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.familias-cta-text {
font-size: 16px;
color: rgba(255, 255, 255, 0.88);
line-height: 1.65;
margin: 0;
max-width: 500px;
}
.familias-cta-btn {
display: inline-block;
flex-shrink: 0;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--color-primary);
background: #fff;
border: 2px solid #fff;
padding: 15px 36px;
border-radius: var(--radius-sm);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
transition: background var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.familias-cta-btn:hover {
background: transparent;
color: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
transform: translateY(-2px);
}
@media (max-width: 860px) {
.familias-cta-inner {
flex-direction: column;
text-align: center;
gap: 32px;
}
.familias-cta-left {
flex-direction: column;
align-items: center;
text-align: center;
}
}
@media (max-width: 1024px) {
.familias-intro-grid,
.curso-item-grid { grid-template-columns: 1fr; gap: 36px; }
.cursos-embreve-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
.section-familias-intro,
.section-workshop-item { padding: 48px 0; }
}
@media (max-width: 480px) {
.familias-intro-lead { font-size: 16px; }
.familias-intro-text p { font-size: 15px; }
.familias-cta-title { font-size: 20px; }
.familias-cta-text { font-size: 14px; }
.familias-cta-btn { padding: 10px 20px; font-size: 14px; }
.section-familias-cta { padding: 32px 0; }
.curso-badge { font-size: 10px; }
.section-cursos-embreve { padding: 40px 0; }
} .section-cursos-intro {
padding: 60px 0 40px;
background: var(--color-white);
text-align: center;
}
.cursos-intro-text {
font-size: 17px;
color: var(--color-text);
line-height: 1.7;
max-width: 760px;
margin: 0 auto 16px;
} .section-curso-detail {
padding: 60px 0;
background: #f6f9f9;
}
.curso-detail-grid {
display: grid;
grid-template-columns: 420px 1fr;
gap: 60px;
align-items: center;
}
.curso-detail-img img {
width: 100%;
height: auto;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
display: block;
}
.workshop-badge {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
color: var(--color-primary);
background: rgba(136, 182, 182, 0.12);
border: 1px solid rgba(136, 182, 182, 0.35);
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 10px;
}
.curso-detail-info p {
font-size: 17px;
color: var(--color-text);
line-height: 1.7;
margin-bottom: 14px;
}
.curso-event-details {
background: var(--color-white);
border-left: 3px solid var(--color-secondary);
padding: 12px 16px;
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
font-size: 16px !important;
margin-bottom: 20px !important;
} .section-cursos-list {
padding: 20px 0 70px;
background: var(--color-white);
}
.cursos-list-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
margin-top: 32px;
}
.curso-list-item {
border: 1px solid var(--color-teal-border);
border-radius: var(--radius-md);
overflow: hidden;
background: var(--color-white);
transition: transform var(--transition), box-shadow var(--transition);
display: flex;
flex-direction: column;
}
.workshop-list-item:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-md);
}
.curso-list-img-wrap {
height: 200px;
overflow: hidden;
}
.workshop-list-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.workshop-list-item:hover .workshop-list-img-wrap img {
transform: scale(1.04);
}
.curso-list-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.curso-list-body .curso-badge {
align-self: flex-start;
}
.curso-list-body .btn-outline {
margin-top: auto;
align-self: flex-start;
}
.curso-list-title {
font-family: 'Amaranth', sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--color-primary);
margin: 0;
line-height: 1.3;
}
.workshop-list-body p {
font-size: 15px;
color: var(--color-text);
line-height: 1.6;
margin: 0;
}
.btn-outline {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--color-primary);
background: transparent;
border: 2px solid var(--color-primary);
padding: 9px 20px;
border-radius: var(--radius-sm);
transition: background var(--transition), color var(--transition);
align-self: flex-start;
margin-top: 4px;
}
.btn-outline:hover {
background: var(--color-primary);
color: var(--color-white);
} .section-cursos-quem-somos {
padding: 60px 0;
background: #f6f9f9;
text-align: center;
}
.cursos-profiles-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-top: 32px;
}
.curso-profile {
background: var(--color-white);
border: 1px solid var(--color-teal-border);
border-radius: var(--radius-md);
padding: 32px 28px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.curso-profile-photo {
width: 130px;
height: 130px;
object-fit: cover;
border-radius: 50%;
box-shadow: 0 4px 16px rgba(136, 182, 182, 0.25);
margin-bottom: 16px;
display: block;
}
.curso-profile-name {
font-family: 'Amaranth', sans-serif;
font-size: 22px;
font-weight: 700;
color: var(--color-primary);
margin: 0 0 12px;
}
.curso-profile-bio {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
display: flex;
flex-direction: column;
gap: 8px;
}
.workshop-profile-bio li {
font-size: 14px;
color: var(--color-text);
line-height: 1.6;
padding-left: 14px;
position: relative;
}
.workshop-profile-bio li::before {
content: '•';
position: absolute;
left: 0;
color: var(--color-secondary);
font-weight: 700;
}
@media (max-width: 1024px) {
.curso-detail-grid { grid-template-columns: 1fr; gap: 36px; }
.cursos-list-grid { grid-template-columns: 1fr; }
.cursos-profiles-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
.section-workshop-detail { padding: 48px 0; }
}
@media (max-width: 480px) {
.cursos-intro-text { font-size: 15px; }
.curso-detail-info p { font-size: 15px; }
.curso-profile {
padding: 20px 16px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.curso-profile-photo {
width: 60px;
height: 60px;
}
.workshop-profile-bio li { font-size: 13px; }
.section-cursos-list { padding: 40px 0; }
}  .section-profiles {
padding: 70px 0 60px;
background: var(--color-white);
}
.profiles-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.profile-card {
border: 1px solid var(--color-teal-border);
border-radius: var(--radius-md);
overflow: hidden;
background: var(--color-white);
display: flex;
flex-direction: column;
transition: box-shadow var(--transition), transform var(--transition);
}
.profile-card:hover {
box-shadow: var(--shadow-md);
transform: translateY(-4px);
}
.profile-card-top {
background: #f6f9f9;
padding: 36px 32px 24px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.profile-photo {
width: 160px;
height: 160px;
object-fit: cover;
border-radius: 50%;
box-shadow: 0 4px 16px rgba(136, 182, 182, 0.3);
margin-bottom: 16px;
display: block;
}
.profile-role {
font-family: 'Titillium Web', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--color-secondary);
margin-bottom: 6px;
}
.profile-name {
font-family: 'Amaranth', sans-serif;
font-size: 22px;
font-weight: 700;
color: var(--color-primary);
margin: 0;
}
.profile-card-body {
padding: 24px 28px 32px;
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
}
.profile-credentials {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.profile-section-label {
font-family: 'Titillium Web', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
color: var(--color-primary);
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 6px;
}
.profile-section-label i {
font-size: 11px;
}
.profile-section-divider {
border: none;
border-top: 1px solid var(--color-teal-border);
margin: 16px 0;
}
.profile-credentials li {
font-size: 14px;
color: var(--color-text);
line-height: 1.5;
display: flex;
align-items: flex-start;
gap: 8px;
}
.profile-credentials li i {
color: var(--color-primary);
font-size: 12px;
margin-top: 3px;
flex-shrink: 0;
} .section-parceria {
padding: 70px 0;
background: #f6f9f9;
}
.parceria-inner {
display: grid;
grid-template-columns: 480px 1fr;
gap: 64px;
align-items: center;
}
.parceria-photo {
width: 100%;
height: auto;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
display: block;
}
.parceria-tag {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--color-secondary);
margin-bottom: 8px;
}
.parceria-text-col .section-title {
margin-bottom: 4px;
}
.parceria-text p {
font-size: 16px;
color: var(--color-text);
line-height: 1.75;
margin-bottom: 14px;
}
.parceria-quote {
margin-top: 24px;
border-left: 3px solid var(--color-secondary);
padding: 12px 20px;
background: rgba(251, 179, 92, 0.06);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
font-size: 16px;
font-style: italic;
color: var(--color-primary);
font-weight: 600;
line-height: 1.6;
} @media (max-width: 1024px) {
.profiles-grid { grid-template-columns: 1fr; }
.parceria-inner { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 767px) {
.section-profiles { padding: 48px 0 40px; }
.profile-card-top { padding: 28px 20px 20px; }
.profile-card-body { padding: 20px 20px 28px; }
.section-parceria { padding: 48px 0; }
.parceria-text p { font-size: 15px; }
}
@media (max-width: 480px) {
.profile-photo {
width: 130px;
height: 130px;
}
.profile-name { font-size: 20px; }
.profile-role { font-size: 13px; }
.profile-section-label {
font-size: 10px;
}
.profile-credentials li {
font-size: 13px;
}
.parceria-quote {
padding: 8px 12px;
font-size: 14px;
}
.parceria-tag {
font-size: 10px;
}
} .section-mission {
padding: 70px 0;
background: var(--color-white);
}
.mission-grid {
display: grid;
grid-template-columns: 360px 1fr;
gap: 64px;
align-items: start;
}
.mission-photos {
display: flex;
flex-direction: column;
gap: 20px;
position: sticky;
top: 100px;
}
.mission-photo {
width: 100%;
height: auto;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
display: block;
}
.mission-text-col .section-title {
margin-bottom: 4px;
}
.mission-intro {
font-size: 17px;
color: var(--color-text);
line-height: 1.75;
margin-bottom: 36px;
font-style: italic;
border-left: 3px solid var(--color-secondary);
padding-left: 16px;
} .mission-pilares {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 32px;
}
.missao-pilar {
display: flex;
gap: 18px;
align-items: flex-start;
}
.missao-pilar-icon {
flex-shrink: 0;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(136, 182, 182, 0.12);
border: 1px solid var(--color-teal-border);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-primary);
font-size: 17px;
margin-top: 2px;
}
.missao-pilar-title {
font-family: 'Amaranth', sans-serif;
font-size: 17px;
font-weight: 700;
color: var(--color-primary);
margin-bottom: 6px;
}
.missao-pilar-text {
font-size: 16px;
color: var(--color-text);
line-height: 1.7;
margin: 0;
}
.mission-closing {
font-size: 16px;
color: var(--color-text);
line-height: 1.75;
padding-top: 24px;
border-top: 1px solid var(--color-teal-border);
} .section-importante {
padding: 60px 0;
background: #f6f9f9;
}
.importante-box {
max-width: 780px;
margin: 0 auto;
text-align: center;
}
.importante-icon {
font-size: 32px;
color: var(--color-secondary);
display: block;
margin-bottom: 12px;
}
.importante-title {
font-family: 'Amaranth', sans-serif;
font-size: 28px;
font-weight: 700;
color: var(--color-primary);
}
.importante-text {
font-size: 16px;
color: var(--color-text);
line-height: 1.75;
text-align: center;
}
.importante-text strong {
color: var(--color-primary);
font-weight: 700;
}
@media (max-width: 1024px) {
.mission-grid {
grid-template-columns: 1fr;
gap: 36px;
}
.mission-text-col {
order: -1;
}
.mission-photos {
flex-direction: row;
position: static;
}
.missao-pilar {
flex-direction: column;
align-items: center;
text-align: center;
}
.missao-pilar-icon {
margin-top: 0;
margin-bottom: 12px;
}
}
@media (max-width: 600px) {
.mission-photos { flex-direction: column; }
}
@media (max-width: 767px) {
.section-mission { padding: 48px 0; }
.mission-intro,
.missao-pilar-text,
.mission-closing,
.importante-text { font-size: 15px; }
.mission-photos { position: static; }
}
@media (max-width: 480px) {
.missao-pilar { gap: 12px; }
.missao-pilar-icon {
width: 38px;
height: 38px;
font-size: 18px;
flex-shrink: 0;
}
.missao-pilar-title { font-size: 16px; }
.importante-title { font-size: 22px; }
.importante-box {
padding: 24px 16px;
}
} .section-videos {
padding: 60px 0 80px;
background: var(--color-white);
}
.video-player-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
margin-bottom: 32px;
}
.video-player-wrap iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: none;
}
.video-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 32px;
}
.video-pagination--bottom {
margin-top: 32px;
margin-bottom: 0;
}
.vpag-btn {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
font-weight: 600;
color: var(--color-primary);
background: transparent;
border: 2px solid var(--color-teal-border);
padding: 8px 20px;
border-radius: var(--radius-sm);
cursor: pointer;
transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.vpag-btn:hover {
background: var(--color-primary);
color: var(--color-white);
border-color: var(--color-primary);
}
.vpag-hide {
visibility: hidden;
}
.vpag-info {
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
color: var(--color-text);
}
.video-thumbs-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.video-thumb {
cursor: pointer;
border-radius: var(--radius-sm);
overflow: hidden;
border: 2px solid transparent;
transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition);
background: var(--color-white);
}
.video-thumb:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-sm);
}
.video-thumb--active {
border-color: var(--color-primary);
box-shadow: var(--shadow-sm);
}
.video-thumb-img-wrap {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
background: #000;
}
.video-thumb-img-wrap img {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
display: block;
transition: opacity var(--transition);
}
.video-thumb:hover .video-thumb-img-wrap img {
opacity: 0.85;
}
.video-thumb-play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity var(--transition);
}
.video-thumb:hover .video-thumb-play,
.video-thumb--active .video-thumb-play {
opacity: 1;
}
.video-thumb-play i {
font-size: 32px;
color: var(--color-white);
filter: drop-shadow(0 2px 6px rgba(0,0,0,0.5));
}
.video-thumb-title {
font-family: 'Titillium Web', sans-serif;
font-size: 13px;
color: var(--color-text);
line-height: 1.45;
padding: 10px 10px 12px;
margin: 0;
}
@media (max-width: 1024px) {
.video-thumbs-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
.video-thumbs-grid { grid-template-columns: repeat(2, 1fr); }
.section-videos { padding: 40px 0 60px; }
}
@media (max-width: 480px) {
.video-thumbs-grid { grid-template-columns: 1fr; }
} .section-blogs {
padding: 60px 0 80px;
background: #f6f9f9;
}
.blogs-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 48px;
align-items: start;
} .blog-card {
background: var(--color-white);
margin-bottom: 28px;
border-radius: var(--radius-md);
overflow: hidden;
border: 1px solid var(--color-teal-border);
transition: transform var(--transition), box-shadow var(--transition);
}
.blog-card:last-child {
margin-bottom: 0;
}
.blog-card:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-md);
}
.blog-card-img-link {
display: block;
overflow: hidden;
aspect-ratio: 16 / 9;
}
.blog-card-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.4s ease;
}
.blog-card-img-link:hover .blog-card-img {
transform: scale(1.03);
}
.blog-card-body {
padding: 24px 28px 28px;
}
.blog-card-title {
font-family: 'Amaranth', sans-serif;
font-size: 24px;
font-weight: 700;
color: var(--color-primary);
margin-bottom: 8px;
line-height: 1.3;
transition: color var(--transition);
}
.blog-card-title:hover {
color: var(--color-accent);
}
.blog-card-meta {
font-size: 12px;
color: #b0b0b0;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 14px;
display: flex;
align-items: center;
gap: 8px;
}
.meta-dot {
color: #ddd;
}
.blog-card-excerpt {
font-size: 16px;
color: var(--color-text);
line-height: 1.65;
}
.blogs-loading,
.blogs-empty-msg {
font-size: 17px;
color: var(--color-text);
text-align: center;
padding: 48px 0;
} .blogs-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 36px;
}
.pagination-page,
.pagination-arrow {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
font-weight: 700;
width: 38px;
height: 38px;
border-radius: 50%;
border: 2px solid var(--color-teal-border);
background: var(--color-white);
color: var(--color-primary);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.pagination-page:hover,
.pagination-arrow:hover:not(:disabled) {
background: var(--color-primary);
color: var(--color-white);
border-color: var(--color-primary);
}
.pagination-page.active {
background: var(--color-primary);
color: var(--color-white);
border-color: var(--color-primary);
}
.pagination-arrow {
font-size: 20px;
line-height: 1;
}
.pagination-arrow:disabled {
opacity: 0.3;
cursor: default;
}
@media (max-width: 1024px) {
.blogs-layout { grid-template-columns: 1fr; }
.blog-sidebar { order: 2; }
.blogs-main { order: 1; }
}
@media (max-width: 767px) {
.section-blogs { padding: 40px 0 56px; }
.blog-card-body { padding: 16px 18px 20px; }
.blog-card-title { font-size: 20px; }
.blog-card-excerpt { font-size: 15px; }
}
@media (max-width: 480px) {
.blog-card-title { font-size: 18px; }
.blog-card-excerpt { font-size: 14px; }
.blog-card-body { padding: 14px 14px 18px; }
.blog-card { margin-bottom: 16px; }
.blogs-pagination { gap: 6px; margin-top: 28px; }
.pagination-page,
.pagination-arrow { width: 32px; height: 32px; font-size: 13px; }
} .section-post {
padding: 60px 0 80px;
background: #f9f9f9;
}
.post-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 48px;
align-items: start;
}
.post-article {
background: var(--color-white);
border-radius: 4px;
overflow: hidden;
margin-bottom: 48px;
}
.post-meta-top {
font-size: 12px;
color: #aaa;
text-transform: uppercase;
letter-spacing: 0.5px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
padding: 20px 28px 0;
}
.post-meta-top a {
color: var(--color-accent);
font-weight: 600;
}
.post-meta-top a:hover {
color: var(--color-primary);
}
.meta-dot {
color: #ccc;
}
.post-featured-img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
object-position: center;
display: block;
margin-top: 16px;
} .post-content {
padding: 28px 28px 32px;
font-size: 17px;
color: var(--color-text);
line-height: 1.75;
}
.post-content p {
margin-bottom: 20px;
}
.post-content p:last-child {
margin-bottom: 0;
}
.post-content a {
color: var(--color-accent);
text-decoration: underline;
transition: color 0.2s;
}
.post-content a:hover {
color: var(--color-primary);
}
.post-content strong {
font-weight: 700;
color: var(--color-heading-dark);
} .post-comments {
background: var(--color-white);
border-radius: 4px;
padding: 32px 28px;
}
.comments-title {
font-family: 'Amaranth', sans-serif;
font-size: 22px;
color: var(--color-heading-dark);
margin-bottom: 8px;
}
.comments-list {
list-style: none;
margin: 24px 0 32px;
display: flex;
flex-direction: column;
gap: 20px;
}
.comment-item {
display: flex;
gap: 16px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.comment-avatar {
font-size: 40px;
color: #ccc;
flex-shrink: 0;
}
.comment-body {
flex: 1;
}
.comment-name {
font-size: 16px;
color: var(--color-heading-dark);
display: block;
margin-bottom: 2px;
}
.comment-date {
font-size: 13px;
color: #aaa;
display: block;
margin-bottom: 8px;
}
.comment-text {
font-size: 16px;
color: var(--color-text);
line-height: 1.6;
} .comment-form-title {
font-family: 'Amaranth', sans-serif;
font-size: 18px;
color: var(--color-heading-dark);
margin-bottom: 20px;
}
.comment-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px;
}
.comment-form-group {
margin-bottom: 16px;
}
.comment-form-group:last-of-type {
margin-bottom: 20px;
}
.comment-form input,
.comment-form textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid #d0d0d0;
border-radius: 4px;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: var(--color-text);
box-sizing: border-box;
transition: border-color 0.2s;
}
.comment-form input:focus,
.comment-form textarea:focus {
outline: none;
border-color: var(--color-primary);
}
.comment-form textarea {
resize: vertical;
}
.comment-success {
display: inline-block;
margin-left: 16px;
color: #2e7d32;
font-size: 15px;
font-weight: 600;
}
.comment-error {
color: #c62828;
font-size: 15px;
margin-bottom: 12px;
}
.comment-form button:disabled {
opacity: 0.7;
cursor: not-allowed;
}
@media (max-width: 1024px) {
.post-layout {
grid-template-columns: 1fr;
}
.comment-form-row {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.section-post {
padding: 40px 0 56px;
}
.post-content {
padding: 20px 18px 24px;
font-size: 16px;
}
.post-comments {
padding: 24px 18px;
}
.post-meta-top {
padding: 16px 18px 0;
}
}
@media (max-width: 480px) {
.post-content {
font-size: 15px;
}
.comment-text {
font-size: 15px;
}
} .section-contato {
padding: 70px 0 90px;
background: #f6f9f9;
}
.contato-inner {
max-width: 760px;
margin: 0 auto;
}
.contato-header {
text-align: center;
margin-bottom: 40px;
}
.contato-title {
font-family: 'Amaranth', sans-serif;
font-size: 37px;
font-weight: 700;
color: var(--color-primary);
margin-bottom: 10px;
}
.contato-subtitle {
font-size: 21px;
color: var(--color-text);
line-height: 1.6;
} .contact-form {
background: #fff;
border-radius: var(--radius-md);
border: 1px solid var(--color-teal-border);
padding: 44px 48px;
display: flex;
flex-direction: column;
gap: 20px;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.form-group label {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.4px;
color: var(--color-heading-dark);
text-transform: uppercase;
}
.form-group input,
.form-group textarea {
border: 1.5px solid #ddeaea;
border-radius: var(--radius-sm);
padding: 12px 14px;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
color: var(--color-text);
background: #fff;
width: 100%;
transition: border-color var(--transition), box-shadow var(--transition);
}
.form-group input::placeholder,
.form-group textarea::placeholder {
color: #c5d5d5;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 3px rgba(136, 182, 182, 0.14);
}
.form-group textarea {
resize: vertical;
min-height: 130px;
}
.form-error {
font-size: 19px;
color: #d94f4f;
}
.btn-submit {
align-self: flex-start;
font-size: 19px;
font-weight: 700;
letter-spacing: 0.6px;
padding: 13px 32px;
cursor: pointer;
border: none;
}
.btn-submit:disabled {
opacity: 0.6;
cursor: default;
} .form-success {
background: #fff;
border: 1px solid var(--color-teal-border);
border-radius: var(--radius-md);
padding: 48px 32px;
text-align: center;
}
.form-success i {
font-size: 40px;
color: var(--color-primary);
margin-bottom: 14px;
display: block;
}
.form-success p {
font-size: 22px;
color: var(--color-primary);
font-weight: 600;
}
@media (max-width: 1024px) {
.form-group textarea { width: calc(100% - 64px); }
}
@media (max-width: 767px) {
.contact-form { padding: 32px 24px; }
.form-row { grid-template-columns: 1fr; }
.section-contato { padding: 48px 0 64px; }
.contato-info-row { grid-template-columns: 1fr; }
.contato-title { font-size: 28px; }
.contato-subtitle { font-size: 17px; }
.form-group input,
.form-group textarea { font-size: 16px; }
.form-group label { font-size: 15px; }
.form-error { font-size: 15px; }
.btn-submit { font-size: 16px; }
}
@media (max-width: 480px) {
.contact-form { padding: 24px 16px; }
.contato-title { font-size: 22px; }
.contato-subtitle { font-size: 15px; }
.contato-header { margin-bottom: 20px; }
.contato-info-card { padding: 12px 14px; gap: 10px; }
.contato-info-icon { width: 36px; height: 36px; font-size: 14px; }
.contato-info-value { font-size: 13px; }
}   .iris-quote-card {
display: none;
}
.iris-quote-card.active {
display: block;
} body.admin-bar .site-header {
top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .site-header {
top: 46px;
}
} .sidebar-categories li a {
background: none;
border: none;
cursor: pointer;
font-family: 'Titillium Web', sans-serif;
font-size: 15px;
color: var(--color-text);
padding: 9px 0;
width: 100%;
text-align: left;
display: flex;
align-items: center;
gap: 8px;
transition: color var(--transition);
}
.sidebar-categories li a::before {
content: '\f0da'; font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: var(--color-secondary);
font-size: 12px;
}
.sidebar-categories li a:hover,
.sidebar-categories li.current-cat > a {
color: var(--color-primary);
} .sidebar-categories .count {
margin-left: auto;
font-size: 13px;
color: #b5b5b5;
} .blogs-pagination a.pagination-page,
.blogs-pagination span.pagination-page {
text-decoration: none;
}
.blogs-pagination .pagination-page.current {
background: var(--color-primary);
color: var(--color-white);
}
.blogs-pagination .pagination-arrow.disabled {
opacity: 0.4;
pointer-events: none;
} .comment-form .comment-notes,
.comment-form .logged-in-as {
font-size: 14px;
color: #999;
margin-bottom: 12px;
}
.comment-form .comment-form-cookies-consent {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
margin: 8px 0 16px;
}
.comment-form .comment-form-cookies-consent input {
width: auto;
margin: 0;
}
.comment-item .comment-respond {
margin-top: 16px;
} .comment-item .comment-awaiting-moderation {
display: block;
font-size: 13px;
font-style: italic;
color: var(--color-accent);
margin-top: 4px;
} .post-content .alignleft {
float: left;
margin: 0 20px 16px 0;
}
.post-content .alignright {
float: right;
margin: 0 0 16px 20px;
}
.post-content .aligncenter {
margin-left: auto;
margin-right: auto;
}
.post-content .wp-caption-text {
font-size: 14px;
color: #999;
text-align: center;
margin-top: 6px;
}
.post-content img {
height: auto;
} .contact-form .wpcf7-form-control-wrap {
display: block;
}
.contact-form .wpcf7-not-valid-tip {
color: #d63638;
font-size: 14px;
margin-top: 4px;
}
.contact-form .wpcf7-response-output {
margin: 16px 0 0;
padding: 12px 16px;
border-radius: var(--radius-sm);
border: 1px solid var(--color-teal-border);
font-size: 15px;
}
.contact-form .wpcf7-spinner {
margin: 0 0 0 12px;
}.paid-variations { margin-top: 10px; }
body #booked-profile-page .booked-profile-appt-list .appt-block .pay,
body #booked-profile-page .booked-profile-appt-list .appt-block .edit { font-size:12px; padding-left:10px; border:1px solid #ccc; background:#eee; color:#888; }
body #booked-profile-page .booked-profile-appt-list .appt-block .pay:hover,
body #booked-profile-page .booked-profile-appt-list .appt-block .edit:hover { background:#ddd; }
div.booked-wc-checkout-section { line-height:1.3; padding:0 0 10px; }
.woocommerce-checkout-review-order div.booked-wc-checkout-section:last-child { padding:0; margin:0 0 -1.4em; }
span.booked_wc_payment_pending { color: #E35656; font-weight:600; }
span.booked_wc_payment_completed { color:#000; font-weight:600; }.epyt-debug{background-color:#ddd;color:#000;cursor:pointer;text-align:left}iframe.__youtube_prefs__{border-width:0}.epyt-gallery{text-align:center}.epyt-gallery .epyt-figure{margin-block:0;margin-inline:0}.epyt-gallery iframe{margin-bottom:0}.epyt-gallery.epyt-lb iframe{display:none;height:0!important}.epyt-gallery-list{display:block;margin:0 -8px;position:relative;transition:opacity .3s ease-out}.epyt-gallery-list .epyt-gallery-thumb{box-sizing:border-box}.epyt-gallery-list p{display:none}.epyt-gallery-clear{clear:both}.epyt-gallery-list.epyt-loading{opacity:.5;transition:opacity .3s ease-out}.epyt-gallery-thumb{box-sizing:border-box;cursor:pointer;display:block!important;float:left;height:auto;opacity:1;overflow-y:hidden;padding:0 8px 10px;position:relative}.epyt-gallery-thumb.hover{height:auto;opacity:1;position:relative;transition:opacity .3s ease-out}.epyt-gallery-img-box{width:100%}.epyt-gallery-img{background-position:50%!important;background-size:cover!important;height:0;overflow:hidden!important;padding-top:56.25%!important;position:relative;width:100%}.epyt-gallery-playhover{height:100%;left:0;opacity:0;position:absolute;text-align:center;top:-10px;transition:opacity .3s ease-out;vertical-align:middle;width:100%}.epyt-gallery-thumb.epyt-current-video .epyt-gallery-playhover,.epyt-gallery-thumb.hover .epyt-gallery-playhover{opacity:1;top:0;transition:all .3s ease-out}.epyt-gallery-thumb .epyt-gallery-playcrutch{display:inline-block;height:100%;vertical-align:middle;width:0}.epyt-gallery-playhover .epyt-play-img{border:none;box-sizing:border-box;display:inline-block!important;height:auto!important;margin:0!important;max-width:15%!important;min-width:30px!important;padding:0!important;vertical-align:middle!important;width:auto}.epyt-gallery-title{font-size:80%;line-height:120%;padding:10px}.epyt-gallery-notitle{padding:4px}.epyt-gallery-notitle span{display:none}.epyt-gallery-rowtitle{left:0;opacity:0;overflow-x:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:100%;white-space:nowrap;width:100%;z-index:10}.epyt-gallery-rowtitle.hover{opacity:1;transition:opacity .2s linear}.epyt-gallery-rowbreak{clear:both}.epyt-pagination{clear:both;padding:10px 8px;text-align:center}.epyt-pagination.epyt-hide-pagination *{display:none!important}.epyt-pagenumbers>div,.epyt-pagination>div{display:inline-block;padding:0 2px;vertical-align:middle}.epyt-pagination .epyt-pagebutton{cursor:pointer;display:inline-block;padding:0 10px}.epyt-pagebutton>div{display:inline}.epyt-pagination .epyt-loader{display:none}.epyt-gallery-list.epyt-loading .epyt-pagination .epyt-loader{display:inline-block}body .lity-container{max-width:964px;width:100%}.epyt-curtain .lity-opened iframe{opacity:0;transition:opacity .3s linear .5s}.epyt-gallery-allthumbs.epyt-cols-1 .epyt-gallery-thumb{width:100%}.epyt-gallery-allthumbs.epyt-cols-2 .epyt-gallery-thumb{width:50%}.epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb{width:33.333%}.epyt-gallery-allthumbs.epyt-cols-4 .epyt-gallery-thumb{width:25%}.epyt-gallery-allthumbs.epyt-cols-5 .epyt-gallery-thumb{width:20%}.epyt-gallery-allthumbs.epyt-cols-6 .epyt-gallery-thumb{width:16.666%}.epyt-gallery-allthumbs.epyt-cols-7 .epyt-gallery-thumb{width:14.285%}.epyt-gallery-allthumbs.epyt-cols-8 .epyt-gallery-thumb{width:12.5%}.epyt-gallery-allthumbs.epyt-cols-9 .epyt-gallery-thumb{width:11.111%}.epyt-gallery-allthumbs.epyt-cols-10 .epyt-gallery-thumb{width:10%}.epyt-gallery-allthumbs.epyt-cols-11 .epyt-gallery-thumb{width:9.09%}.epyt-gallery-allthumbs.epyt-cols-12 .epyt-gallery-thumb{width:8.333%}.epyt-gallery-allthumbs.epyt-cols-13 .epyt-gallery-thumb{width:7.692%}.epyt-gallery-allthumbs.epyt-cols-14 .epyt-gallery-thumb{width:7.142%}.epyt-gallery-allthumbs.epyt-cols-15 .epyt-gallery-thumb{width:6.666%}.epyt-gallery-allthumbs.epyt-cols-16 .epyt-gallery-thumb{width:6.25%}.epyt-gallery-allthumbs.epyt-cols-17 .epyt-gallery-thumb{width:5.882%}.epyt-gallery-allthumbs.epyt-cols-18 .epyt-gallery-thumb{width:5.555%}.epyt-gallery-allthumbs.epyt-cols-19 .epyt-gallery-thumb{width:5.263%}.epyt-gallery-allthumbs.epyt-cols-20 .epyt-gallery-thumb{width:5%}.epyt-pagebutton.hide,.epyt-pagenumbers.hide{display:none!important;opacity:0!important;visibility:hidden!important}.epyt-gallery-subscribe{clear:both;padding:15px 0 10px;text-align:center}.epyt-gallery-subscribe a.epyt-gallery-subbutton,.epyt-gallery-subscribe a.epyt-gallery-subbutton:hover{background-color:#e62117!important;border-radius:3px;color:#fff!important;display:inline-block;padding:5px 10px;text-decoration:none!important}.epyt-gallery-subscribe a.epyt-gallery-subbutton img{background:transparent;-webkit-box-shadow:none;box-shadow:none;display:inline-block;height:auto!important;margin:0;padding:0 6px 3px 0;vertical-align:middle!important;width:20px!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__{background-color:#000;background-image:-webkit-linear-gradient(top,#000,#444);background-image:linear-gradient(180deg,#000,#444);height:auto;padding:25px;text-align:left}body div.__youtube_prefs__.__youtube_prefs_gdpr__ *{color:#e3e3e3!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__ a{text-decoration:underline}body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__,body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__:hover{background:#e62117!important;border-radius:3px;border-width:0;box-sizing:border-box;color:#fff!important;display:inline-block;font-weight:400;padding:5px 10px;text-decoration:none!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__ img{background:transparent;-webkit-box-shadow:none;box-shadow:none;display:inline-block;height:auto!important;margin-left:8px;padding:0 6px 3px 0;vertical-align:middle!important;width:20px!important}body .epyt-gallery-img-gdpr{background-color:#000;background-image:-webkit-linear-gradient(top,#000,#444);background-image:linear-gradient(180deg,#000,#444)}.epyt-facade{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.epyt-facade:hover{-webkit-filter:brightness(90%);-moz-filter:brightness(90%);filter:brightness(90%)}.epyt-facade img.epyt-facade-poster{border:none;cursor:pointer;display:block;height:auto;left:50%;margin:0;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.epyt-facade button.epyt-facade-play{background-color:transparent!important;border-width:0!important;cursor:pointer;height:48px;left:50%;margin-left:-34px;margin-top:-24px;position:absolute;top:50%;-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1);transition:opacity .25s cubic-bezier(0,0,.2,1);width:68px}.epyt-facade button.epyt-facade-play svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.epyt-facade button.epyt-facade-play svg .ytp-large-play-button-bg{-webkit-transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);fill:#212121;fill-opacity:.8}.epyt-facade:hover button.epyt-facade-play svg .ytp-large-play-button-bg{-webkit-transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);fill:red;fill-opacity:1}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.epyt-facade{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.__youtube_prefs_gdpr__{position:relative}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.__youtube_prefs_gdpr__{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper.epyt-is-override__wrapper:before{padding:0}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper.epyt-is-override__wrapper .epyt-is-override.__youtube_prefs_gdpr__{bottom:unset;left:unset;position:relative;right:unset;top:unset}