@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
    --brand-blue: #77b7ba;
    --brand-salmon: #ff835d;
	--wrap-padding: 3.2rem;
}

::selection{ background: var(--brand-blue); color: #fff; }
::-moz-selection{ background: var(--brand-blue); color: #fff; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--brand-blue); }
::-webkit-scrollbar-thumb { background: #fff; border-radius: 16px; border: 2px solid var(--brand-blue); width: 6px; }
::-webkit-scrollbar-thumb:hover { background: #fff; }

/* Border-boxing */
*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, select { -webkit-appearance: none; appearance: none; }
select { -webkit-appearance: menulist; appearance: menulist; }

/* Clearfix */
.cf { zoom: 1; }
.cf::before,
.cf::after { content: ""; display: table; }
.cf::after { clear: both; }

/* Base */
html,
body { height: 100%; }
html { font-size: 62.5%; }
body { background: #fff; font-size: 16px; margin: 0; padding: 0; }
img { border: 0; }

.wrapper { max-width: 192.8rem; margin: 0 auto; }
.wrap { width: 100%; max-width: 156rem; margin: 0 auto; padding: 0 var(--wrap-padding); position: relative; }
.controle { clear: both; word-spacing: -4px; height: 0; line-height: 0; }
.divider { border-bottom: 1px solid rgba(0,0,0,0.025); height: 0; margin: 24px 0; overflow: hidden; }

a { color: var(--brand-blue); text-decoration: underline; }
a:hover { text-decoration: none; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.sr-only { height: 1px; width: 1px; overflow: hidden; }
.grecaptcha-badge { visibility: hidden; }

/* Messages */
.message { flex: 1 0 100%; border-radius: 2px; color: #fff; font: bold 13px Arial, Helvetica, sans-serif; margin: 10px 0 20px; padding: 20px; text-shadow: 1px 1px 0px rgba(0,0,0,0.15); }

/* Colors */
.white { color: #fff; }
.default { color: #3ccbb5; }

/* UI Colors */
.c-default { background: #fafafa; border: 1px solid #ddd; color: #484848; }
.c-default:hover, .c-default:focus { background: #eee; }
.c-primary { background: #2282F0; }
.c-primary:hover, .c-primary:focus { background: #1771d8; }
.c-success { background: #61b261; }
.c-success:hover, .c-success:focus { background: #58a558; }
.c-info { background: #428bca; }
.c-info:hover, .c-info:focus { background: #3f7fb7; }
.c-alert { background: #f0b94e; }
.c-alert:hover, .c-alert:focus { background: #d9a43c; }
.c-error { background: #d9534f; }
.c-error:hover, .c-error:focus { background: #cf4a46; }
.c-black { background: #353535; }
.c-black:hover, .c-black:focus { background: #252525; }

.bg-gradient { background: var(--brand-blue); }

/* Scroll to top */
.btn-scroll-to-top { display: none; cursor: pointer; color: #fff; border-radius: 2px 0 0 0; position: fixed; bottom: 0; right: 0; z-index: 1200; width: 36px; height: 36px; line-height: 33px; font-family: FontAwesome; font-size: 1em; text-align: center; }
.wp-fixed { box-shadow: 0 5px 10px rgba(0,0,0,0.15); position: fixed; bottom: 16px; right: 16px; z-index: 9999; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background: #25d366; color: #fff;  font: 600 13px 'Poppins', Arial, Helvetica, sans-serif; text-decoration: none; }
.wp-fixed i { font-size: 36px; vertical-align: middle; }

/* Header */
header { background: #fff; height: auto; margin: 0; padding: 0; width: 100%; height: auto; position: relative; top: 0; left: 0; z-index: 6001; transition: all 0.35s ease; }

header .header-topbar { background-color: var(--brand-blue); height: auto; }
header .header-topbar .header-topbar-message { color: #fff; font: 500 1.4rem/2rem 'Poppins', Arial, Helvetica, sans-serif; padding: 1.2rem 2.4rem; text-align: center; }

header .header-bar { padding: var(--wrap-padding); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
header .logotipo { margin: 0 3.2rem 0 0; padding: 0; text-decoration: none; }
header .logotipo img { max-width: 32rem; height: auto; }
header nav { flex: 1; display: flex; align-items: center; justify-content: flex-end; height: 60px; margin: 0; padding: 0; }
header nav > ul { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; width: 100%; }
header nav > ul > li { display: inline-flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0 0.8rem; padding: 0; list-style: none; }
header nav > ul > li > a { color: #161616; display: inline-block; font: 700 1.32rem/2.4rem 'Poppins', Arial, Helvetica, sans-serif; margin: 0; padding: 0.8rem; text-decoration: none; transition: all 0.35s ease; position: relative; text-transform: uppercase; }
header nav > ul > li > a strong { font-weight: 800; }
header nav > ul > li.sm { position: relative; }
header nav > ul > li.sm::after { content: ''; width: 6px; height: 6px; border-bottom: 2px solid #161616; border-left: 2px solid #161616; transform: translate(0, -1px) rotate(-45deg); transition: all 0.35s ease-in; }
header nav > ul > li:hover > a,
header nav > ul > li:hover::after { color: var(--brand-blue); border-color: var(--brand-blue); }

header nav > ul > li.sm > ul { display: none; border-top: 2px solid var(--brand-blue); position: absolute; top: 100%; left: -100%; width: 300%; background: #fff; box-shadow: 0 1.2rem 2.4rem rgba(0 0 0 / 15%); list-style: none; margin: 0; padding: 1.2rem; }
header nav > ul > li.sm:hover > ul { display: block; }
header nav > ul > li.sm > ul > li { margin: 0; padding: 0; list-style: none; }
header nav > ul > li.sm > ul > li > a { border-bottom: 1px solid rgba(0 0 0 / 5%); color: #161616; display: block; font: 700 1.2rem/2rem 'Poppins', Arial, Helvetica, sans-serif; margin: 0; padding: 0.8rem; text-decoration: none; transition: all 0.35s ease; position: relative; text-transform: uppercase; }
header nav > ul > li.sm > ul > li > a:hover { color: var(--brand-blue); }
header nav > ul > li.sm > ul > li > a:last-child { border: 0; }

header .busca { border: 2px solid var(--brand-blue); display: flex; align-items: center; justify-content: center; margin: 0 0 0 2.4rem; }
header .busca > i { flex: 0 0 4rem; height: 4rem; width: 4rem; background: none; border: 0; color: var(--brand-blue); font-size: 2.4rem; outline: none; display: flex; align-items: center; justify-content: center; cursor: pointer; }
header .busca-wrap { display: none; }
header .busca-wrap.on { position: fixed; inset: 0; background-color: var(--brand-blue); opacity: 0.925; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
header .busca-wrap form { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 80%; max-width: 960px; }
header .busca-wrap form input[type="text"] { flex: 1; background: none; border: 0; border-bottom: 2px solid #fff; color: #fff; font: italic 4rem serif; height: 7.2rem; padding: 1.6rem; outline: none; }
header .busca-wrap form input[type="text"]::placeholder { color: #fff; opacity: 0.65; }
header .busca-wrap form button[type="submit"] { flex: 0 0 7.2rem; height: 7.2rem; width: 7.2rem; background: none; border: 0; border-bottom: 2px solid #fff; color: #fff; font: italic 4rem serif; outline: none; display: flex; align-items: center; justify-content: center; }
header .busca-wrap > i.fa-times { position: absolute; bottom: 4rem; left: calc(50% - 2rem); color: #181818; font-size: 2.4rem; outline: none; display: flex; align-items: center; justify-content: center; cursor: pointer; }

header .nav-icon,
header .phone-icon,
header .close,
header .close-btn { display: none; }

/* Footer */
footer { border-top: 1px solid rgba(0 0 0 / 5%); background: #fff; height: auto; margin: 0; padding: 6.4rem 0; }
footer .wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
footer .footer-col { flex: 0 0 33.333333%; margin: 0; padding: 2.4rem; }
footer h5 { color: #161616; font: 700 2rem/2.4rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0; text-transform: uppercase; text-align: center; }
footer h5::after { content: ''; display: block; background: #161616; height: 0.2rem; width: 2.4rem; margin: 1.6rem auto; }
footer p { color: #646464; font: italic 1.6rem/2.4rem serif; margin: 0.8rem 0; padding: 0; text-align: center; }
footer p a { color: #646464; text-decoration: none; }
footer p a:hover { color: var(--brand-blue); }
footer .footer-logo { display: block; max-width: 80%; }
.footer-social-icons { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.2rem; }
.footer-social-icons a { display: inline-flex; flex: 0 0 4rem; height: 4rem; width: 4rem; background: none; border: 2px solid var(--brand-blue); color: var(--brand-blue); font-size: 2.4rem; outline: none; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.35s ease-in-out; }
.footer-social-icons a:hover { background: var(--brand-blue); color: #fff; }

/* Hero Posts */
.hero-posts { background: #fff; margin: 0 0 6.4rem; min-height: auto; position: relative; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 0.8rem; }
.hero-post-section { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 0.8rem; padding: 0 0.8rem; width: 100%; }
.hero-post-content { flex: 0 1 30%; align-self: stretch; }
.hero-post-image { flex: 1 1; background: var(--brand-blue); }
.hero-post-content { display: flex; align-items: center; justify-content: center; flex-flow: wrap column; padding: 4rem 8rem; text-align: center; }
.hero-post-content h2 { color: #161616; font: 700 2.4rem/3.2rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0; text-transform: uppercase; }
.hero-post-content h2::after { content: ''; display: block; background: #161616; height: 0.2rem; width: 2.4rem; margin: 1.6rem auto; }
.hero-post-content h2 a { color: inherit; text-decoration: none; transition: all 0.35s ease-in-out; }
.hero-post-content h2 a:hover { color: var(--brand-blue); }
.hero-post-content p { color: #666; font: italic 400 2rem/2.4rem serif; margin: 0 0 2.4rem; }
.hero-post-content a.btn-post { border: 1px solid #161616; color: #161616; font: 600 1.2rem/2rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0; padding: 1.2rem 2rem; text-decoration: none; text-transform: uppercase; transition: all 0.35s ease-in-out; }
.hero-post-content a.btn-post:hover { background-color: var(--brand-blue); border-color: var(--brand-blue); color: #fff; }
.hero-post-image img { display: block; aspect-ratio: 1/0.85; object-fit: cover; width: 100%; height: auto; }
.hero-post-image:nth-child(2) { order: 2; }
.hero-post-image:nth-child(3) { order: 3; }

.hero-post-section[data-post-position="1"] .hero-post-content { order: 3; }
.hero-post-section[data-post-position="2"] .hero-post-content { order: 4; }
.hero-post-section[data-post-position="3"] .hero-post-content { order: 1; }
.hero-post-section[data-post-position="4"] .hero-post-content { order: 3; }
.hero-post-section[data-post-position="5"] .hero-post-content { order: 4; }

.hero-post-section[data-post-position="2"] .hero-post-image,
.hero-post-section[data-post-position="4"] .hero-post-image { background: var(--brand-salmon); }

.hero-post-section[data-post-position="1"] .hero-post-image:nth-child(2) img,
.hero-post-section[data-post-position="2"] .hero-post-image:nth-child(3) img,
.hero-post-section[data-post-position="3"] .hero-post-image:nth-child(3) img,
.hero-post-section[data-post-position="4"] .hero-post-image:nth-child(2) img,
.hero-post-section[data-post-position="5"] .hero-post-image:nth-child(1) img { mix-blend-mode: overlay; filter: grayscale(95%); }

/* Sections */
.section { padding: 6.4rem 0; }
.section h2 { color: #161616; font: 700 4rem/4.8rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0; text-transform: uppercase; }
.section h2::after { content: ''; display: block; background: #161616; height: 0.2rem; width: 2.4rem; margin: 1.6rem 0; }
.section h2.text-center::after { margin-left: auto; margin-right: auto; }

/* Posts Section */
.section-posts { border: 1px solid rgba(0 0 0 / 7.5%); border-left: 0; border-right: 0; }
.section-posts .wrap { display: flex; align-items: flex-start; gap: 4rem; flex-wrap: wrap; }
.post-block { flex: 0 0 calc(50% - 2rem); display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; }
.post-block .post-content { flex: 0 0 60%; display: flex; align-items: flex-start; justify-content: flex-start; flex-flow: wrap column; padding: 2.4rem 4rem; }
.post-block .post-content h2 { color: #161616; font: 700 2.4rem/3.2rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0; text-transform: uppercase; }
.post-block .post-content h2 a { color: inherit; text-decoration: none; transition: all 0.35s ease-in-out; }
.post-block .post-content h2 a:hover { color: var(--brand-blue); }
.post-block .post-content h2::after { content: ''; display: block; background: #161616; height: 0.2rem; width: 2.4rem; margin: 1.6rem 0; }
.post-block .post-content p { color: #666; font: italic 400 1.8rem/2.4rem serif; margin: 0 0 2.4rem; }
.post-block .post-content a.btn-post { border: 1px solid #161616; color: #161616; font: 600 1.2rem/2rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0; padding: 1.2rem 2rem; text-decoration: none; text-transform: uppercase; transition: all 0.35s ease-in-out; }
.post-block .post-content a.btn-post:hover { background-color: var(--brand-blue); border-color: var(--brand-blue); color: #fff; }
.post-block .post-image { height: 360px; flex: 1; overflow: hidden; text-decoration: none; }
.post-block .post-image img { display: block; object-fit: cover; width: 100%; height: 100%; transition: all 0.5s ease-in-out; }
.post-block:hover .post-image img { scale: 1.1; }

.posts-paginator { flex: 1 0 100%; margin: 4rem 0 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.posts-paginator a,
.posts-paginator span { border: 2px solid #161616; color: #161616; font: 700 1.4rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0.2rem; padding: 0.8rem 1.6rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-decoration: none; text-transform: uppercase; }
.posts-paginator a:hover { background: var(--brand-blue); border-color: var(--brand-blue); color: #fff; }
.posts-paginator a.on,
.posts-paginator span { opacity: 0.25; pointer-events: none; }

/* Videos Section */
.section-videos { height: auto; }
.videos-wrap { display: flex; align-items: flex-start; margin: 4rem 0 0; gap: 4rem; flex-wrap: wrap; }
.videos-wrap .video-item { flex: 0 0 calc(50% - 2rem); display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; position: relative; overflow: hidden; text-decoration: none; }
.videos-wrap .video-item img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; transition: all 0.5s ease-in-out; }
.videos-wrap .video-item:hover img { scale: 1.1; }
.videos-wrap .video-item h3 { color: #fff; font: 600 2rem/3.2rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0; text-transform: uppercase; position: absolute; z-index: 10; inset: 4rem; padding: 0; display: flex; align-items: center; justify-content: center; flex-flow: column wrap; text-align: center; }
.videos-wrap .video-item h3::before,
.videos-wrap .video-item h3::after { content: ''; display: block; background: #fff; height: 0.2rem; width: 2.4rem; margin: 1.6rem 0; transition: all 0.5s ease-in-out; }
.videos-wrap .video-item::after { content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); position: absolute; inset: 0; opacity: 0.65; pointer-events: none; z-index: 9; }
.videos-wrap .video-item:hover h3::before,
.videos-wrap .video-item:hover h3::after { width: 24rem; }

/* About Section */
.section-about { background: var(--brand-blue); height: 64rem; margin: 6.4rem 0 0; padding: 0; position: relative; }
.section-about::before { content: ''; background: #fff; height: 100%; width: 50%; position: absolute; top: 0; left: 0; }
.section-about .wrap { background: #fff; height: 100%; position: relative; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.section-about .wrap::before { content: ''; background: var(--brand-blue); height: 100%; width: 25%; position: absolute; top: 0; right: 0; z-index: 9; }
.about-text { flex: 0 0 50%; padding: 4.8rem; z-index: 10; }
.about-text h2 { color: var(--brand-blue); }
.about-text h2::after { background-color: var(--brand-blue); }
.about-text p { color: #666; font: italic 400 2rem/2.4rem serif; margin: 0 0 2.4rem; }
.about-image { flex: 0 0 50%; height: 100%; z-index: 10; display: flex; align-items: flex-end; justify-content: center; }
.about-image img { display: block; height: 100%; width: auto; max-width: 100%; }

/* Newsletter */
.newsletter { margin: -6.4rem 0 6.4rem; position: relative; z-index: 11; }
.newsletter .wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: calc(var(--wrap-padding) * 2); background: var(--brand-salmon); }
.newsletter .newsletter-text { flex: 0 1 40%; }
.newsletter h5 { display: inline-block; color: #fff; font: 700 2.4rem/2.4rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0 0 1.6rem; text-transform: uppercase; }
.newsletter p { color: #fff; font: italic 2rem/2.8rem serif; margin: 0; }
.newsletter form { flex: 0 1 70%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 0 24px; position: relative; }
.newsletter .mailing { flex: 1; background: none; border: 0; border-bottom: 2px solid #fff; color: #fff; font: 1.4rem 'Poppins', Arial, Helvetica, sans-serif; height: 4.4rem; margin: 0 0.8rem; padding: 0 1.2rem; outline: none; text-transform: none; }
.newsletter .mailing::placeholder { color: #fff; }
.btn-cadastro { background: var(--brand-blue); border: 0; color: #fff; font: 800 14px 'Poppins', Arial, Helvetica, sans-serif; height: 4.4rem; margin: 0 0.8rem; padding: 0 2.4rem; outline: none; text-transform: uppercase; }

/* Instagram Fake */
.instagram-fake { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.instagram-fake a { display: flex; flex: 0 0 20%; position: relative; }
.instagram-fake a img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.instagram-fake a span { position: absolute; inset: 0; background: var(--brand-blue); color: #fff; font: 1.4rem/2rem Arial, Helvetica, sans-serif; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 4rem; opacity: 0; text-align: center; transition: all 0.35s ease-in-out; }
.instagram-fake a:hover span { opacity: 0.95; }

/* Content */
main { height: auto; }

main .title { background: var(--brand-blue); padding: 6.4rem 0 2.4rem; }
main .title h1 { color: #fff; font: 700 4.8rem/5.6rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; text-transform: uppercase; margin: 0; text-align: center; }
main .title h1::after { content: ''; display: block; background: #fff; height: 0.2rem; width: 2.4rem; margin: 1.6rem auto; }

main nav.breadcrumbs { background: var(--brand-blue); padding: 2.4rem; }
main nav.breadcrumbs .wrap { display: flex; align-items: center; justify-content: center; }
main nav.breadcrumbs a,
main nav.breadcrumbs span { color: #fff; font: 500 13px/18px 'Poppins', Arial, Helvetica, sans-serif; margin: 0; text-decoration: none; }
main nav.breadcrumbs a:after { content: '›'; display: inline-flex; margin: 0 8px; }

.content { margin: 4rem 0; padding: 0; }
.content h2 { color: var(--brand-blue); font: 600 3.2rem/4rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 1.6rem 0; padding: 0; }
.content h3 { color: var(--brand-salmon); font: 600 2.4rem/3.2rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.1rem; margin: 0.8rem 0; padding: 0; }
.content h4 { color: var(--brand-blue); font: 500 2rem/2.4rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0.8rem 0; padding: 0; }
.content h5 { color: var(--brand-blue); font: 800 1.6rem/2rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin-bottom: 0.8rem;padding: 0; text-transform: uppercase; }
.content h6 { color: var(--brand-blue); font: 500 1.4rem/2rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin-bottom: 0.8rem; padding: 0; text-transform: uppercase; }
.content h1:empty,
.content h2:empty,
.content h3:empty,
.content h4:empty,
.content h5:empty,
.content h6:empty { display: none; }
.content h2 strong,
.content h3 strong,
.content h4 strong,
.content h5 strong,
.content h6 strong { font-family: 'Poppins'; }
.content p { color: #646464; font: 1.48rem/2.4rem 'Poppins', Arial, Helvetica, sans-serif; margin: 0 0 1.6rem; padding: 0; }
.content ul,
.content ol { margin: 0; padding: 0 3.2rem 2.4rem; }
.content ul li,
.content ol li { color: #646464; font: 1.48rem/2rem 'Poppins', Arial, Helvetica, sans-serif; margin: 0 0 0.8rem; padding: 0; }

/* Post */
.post-title { margin: 4rem 0; }
.post-title h1 { color: #161616; font: 700 4.8rem/5.6rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; text-transform: uppercase; margin: 0; text-align: center; }
.post-title h1::after { content: ''; display: block; background: #161616; height: 0.2rem; width: 2.4rem; margin: 1.6rem auto; }
.post-title .post-title-info { border: 1px solid #161616; border-left: 0; border-right: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2.4rem; padding: 1.6rem; }
.post-title .post-title-info span { color: #161616; font: 600 1.24rem/2rem 'Poppins', Arial, Helvetica, sans-serif; }
.post-title .post-title-info .post-rating { display: flex; gap: 0.4rem; }
.post-title .post-title-info .post-rating i { color: var(--brand-salmon); font-size: 1.6rem; }
.post-title .post-title-info .post-categories { display: flex; gap: 1.2rem; }
.post-title .post-title-info .post-categories a { color: var(--brand-blue); text-decoration: none; }
.post-title .post-title-info .post-buttons { display: flex; gap: 1.2rem; }
.post-title .post-title-info .post-buttons a { background-color: var(--brand-salmon); color: #fff; padding: 0.8rem 1.2rem; text-decoration: none; }
.post-title-image { height: auto; margin: 2.4rem 0 0; }
.post-title-image img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }

.post-title h1,
.post-title .post-title-info,
.post-description,
.post-recipe { max-width: 75%; margin: 0 auto; }

.section-posts.post-other-posts .wrap > h2 { flex: 1 0 100%; }

/* Contato */
.contato-form { width: 75%; margin: 0 auto; }
.contato-form p { text-align: center; }
.contato-form form { display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: wrap; margin: 4rem 0; }
.contato-form label { flex: 1 0 100%; margin: 0 0 8px; padding: 0 4px; width: 100%; }
.contato-form label span { display: block; color: rgba(0,0,0,0.5); font: 500 12px/16px 'Poppins', Arial, Helvetica, sans-serif; margin: 0; padding: 4px; }
.contato-form div.btn-wrap { flex: 1 0 100%; text-align: center; padding: 0 4px; }
.contato-form div.btn-wrap .btn-enviar { background: var(--brand-red); border: 0; border-radius: 8px; cursor: pointer; color: #fff; font: 800 14px 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; height: 56px; width: 100%; margin: 0 auto; padding: 14px 32px; transition: all 0.35s ease; text-transform: uppercase; }
.contato-form div.btn-wrap .btn-enviar:hover { width: 100%; }

.fields { background: #fdfdfd; border: 0; border-bottom: 2px solid #161616; color: #646464; display: block; font: italic 2rem serif; outline: none; }
.fields:focus { border-color: var(--brand-blue); color: var(--brand-blue); }

.text:not(div) { height: auto; margin: 0; padding: 12px; height: 48px; width: 100%; max-width: 100%; }
textarea.textarea { height: 140px; margin: 0; padding: 12px; width: 100%; max-width: 100%; }
.select { height: 48px; margin: 0; padding: 10px; width: 100%; max-width: 100%; }
.select-multiple { height: 120px; margin: 0; padding: 6px; width: 100%; max-width: 100%; }
.radio, .checkbox { cursor: pointer; margin: 0 0 5px !important; vertical-align: middle; }
.radio-inline, .checkbox-inline { display: inline-block !important; flex: 0 0 auto; width: auto; padding: 0 30px 0 0 }
.radio input, .checkbox input { float: left; margin: 3px 10px 0 0; }

.custom-radio { padding: 10px; overflow: hidden; }
.custom-radio input { visibility: hidden; position: absolute; text-indent: -9999px; }
.custom-radio span { display: inline-block; padding: 0; }
.custom-radio span::before { content: '\f00c'; color: #fff; font-family: 'FontAwesome'; font-size: 9px; font-weight: normal; display: inline-block; line-height: 12px; width: 18px; height: 18px; background: #fff; border: 3px solid #ccc; border-radius: 50%; margin: -1px 7px 0; vertical-align: middle; text-align: center; }
.custom-radio.radio-on span::before { border: 3px solid #00386b !important; background: #00386b; }

.custom-checkbox { padding: 5px !important; margin: 0 10px 10px 0 !important; overflow: hidden; }
.custom-checkbox input { visibility: hidden; position: absolute; text-indent: -9999px; }
.custom-checkbox span { display: inline-block; padding: 0; font-size: 14px; }
.custom-checkbox span::before { content: '\f00d'; color: #fff; font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; display: inline-block; line-height: 16px; width: 22px; height: 22px; background: #fff; border: 3px solid #ccc; border-radius: 10%; margin: 0 10px 0 0; vertical-align: middle; text-align: center; }
.custom-checkbox.checkbox-on span { color: #2957A4 !important; }
.custom-checkbox.checkbox-on span::before { border: 3px solid #2957A4 !important; background: #2957A4; }


/*
    Responsive
*/
@media screen and (max-width: 1440px) {

    /* Header */
    header .logotipo { margin: 0; }
    header nav > ul > li { margin: 0; }

    /* Hero Posts */
    .hero-post-content { padding: 4rem; }
    .hero-post-content p { font: italic 400 1.64rem/2.24rem serif; }

}

@media screen and (max-width: 1024px) {
    :root {
        --wrap-padding: 2.4rem;
    }

    html { font-size: 56.5%; }

    /* Header */
    header,
	header.fixed { box-shadow: 0 16px 32px rgb(63 73 198 / 10%); position: sticky; }
    header .header-topbar .header-topbar-message { font: 1.24rem 'Poppins', Arial, Helvetica, sans-serif; padding: 0.8rem 0; }
    header .header-bar { padding: 0 var(--wrap-padding); }
    header .header-bar::after { content: ''; display: block; width: 28px; }
    header .logotipo img { max-width: 18rem; }


    header .nav-icon { cursor: pointer; float: right; display: block; border-top: 3px solid var(--brand-blue); width: 28px; height: 19px; margin: 0; position: relative; transition: all 0.5s ease; }
    header .nav-icon::before { content: ''; display: block; background: var(--brand-blue); height: 3px; width: 100%; position: absolute; top: 5px; left: 0; transition: all 0.5s ease; }
    header .nav-icon::after { content: ''; display: block; background: var(--brand-blue); height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease; }
	header .close { flex:1 0 100%; border-bottom: 1px solid rgba(0 0 0 / 7.5%); color: #fff; font: 600 1.6rem/2.4rem 'Poppins', Arial, Helvetica, sans-serif; margin: 0 0 1.6rem; display: flex; align-items: center; gap: 1.6rem; padding: 1.2rem; text-align: left; }

    header nav { display: block; background: var(--brand-blue); box-shadow: 0 16px 32px rgb(63 73 198 / 10%); position: fixed; top: 0; left: -410px; width: 320px; height: 100%; overflow: auto; margin: 0; padding: 24px; transition: all 0.45s ease; z-index: 9999; }
	header nav.on { left: 0; }
    header nav > ul { align-items: flex-start; justify-content: flex-start; width: 100%; }
    header nav > ul > li { flex: 1 0 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
    header nav > ul > li > a { display: flex; align-items: center; justify-content: space-between; color: #fff; font: 600 1.6rem/2.4rem 'Poppins', Arial, Helvetica, sans-serif; letter-spacing: 0.2rem; margin: 0; padding: 1.2rem; }
    header nav > ul > li.sm::after { content: ''; width: 6px; height: 6px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: translate(0, -1px) rotate(-45deg); transition: all 0.35s ease-in; }
    header nav > ul > li:hover > a,
    header nav > ul > li:hover::after { color: var(--brand-blue); border-color: var(--brand-blue); }

    header nav > ul > li.sm > ul { display: none; border-top: 2px solid var(--brand-blue); position: absolute; top: 100%; left: -100%; width: 300%; background: #fff; box-shadow: 0 1.2rem 2.4rem rgba(0 0 0 / 15%); list-style: none; margin: 0; padding: 1.2rem; }
    header nav > ul > li.sm:hover > ul { display: block; }
    header nav > ul > li.sm > ul > li { margin: 0; padding: 0; list-style: none; }
    header nav > ul > li.sm > ul > li > a { border-bottom: 1px solid rgba(0 0 0 / 5%); color: #161616; display: block; font: 700 1.2rem/2rem 'Poppins', Arial, Helvetica, sans-serif; margin: 0; padding: 0.8rem; text-decoration: none; transition: all 0.35s ease; position: relative; text-transform: uppercase; }
    header nav > ul > li.sm > ul > li > a:hover { color: var(--brand-blue); }
    header nav > ul > li.sm > ul > li > a:last-child { border: 0; }

    /* Hero Posts */
    .hero-post-content { order: 0 !important; flex: 0 0 50%; }
    .hero-post-image:nth-child(3) { display: none; }
    .hero-post-image img { mix-blend-mode: unset !important; filter: unset !important; }
    .hero-post-section:nth-child(odd) { flex-direction: row-reverse; }

    /* Posts Section */
    .section-posts .wrap { gap: 2.4rem; }
    .post-block { flex: 0 0 calc(50% - 1.2rem); }
    .post-block .post-content { padding: 2.4rem; }

    /* Videos Section */
    .videos-wrap { gap: 2.4rem; }
    .videos-wrap .video-item { flex: 0 0 calc(50% - 1.2rem); }

    /* Newsletter */
    .newsletter .newsletter-text { flex: 1 0 100%; text-align: center; }
    .newsletter form { flex: 1 0 100%; margin: 2.4rem 0 0; padding: 0; }
    .newsletter .mailing,
    .btn-cadastro { flex: 1 0 100%; margin: 0.8rem 0; }

    /* Instagram Fake */
    .instagram-fake a { flex: 0 0 25%; }
    .instagram-fake a:nth-child(9),
    .instagram-fake a:nth-child(10) { display: none; }

}

@media screen and (max-width: 768px) {

    /* Footer */
    footer { padding: 4rem 0; }
    footer .footer-col { flex: 1 0 100%; }

    /* Posts Section */
    .section-posts .wrap { gap: 4rem; }
    .post-block { flex: 1 0 100%; }
    .post-block .post-content { flex: 0 0 55%; padding: 2.4rem 3.2rem; }
    .post-block .post-image { flex: 0 0 45%; height: auto; }
    .post-block .post-image img { height: auto; aspect-ratio: 1; object-fit: cover; }

    /* Section Vídeos */
    .videos-wrap .video-item img { aspect-ratio: 1; }

    /* Section About */
    .section-about { height: auto; margin: 0; padding: 0 var(--wrap-padding); }
    .section-about .wrap::before { display: none; }
    .about-text,
    .about-image { flex: 1 0 100%; }

    /* Newsletter */
    .newsletter { margin: 0; }

    /* Instagram Fake */
    .instagram-fake a { flex: 0 0 50%; }

    /* Post */
    .post-title .post-title-info span { flex: 0 0 calc(50% - 1.2rem); align-items: center; justify-content: flex-start; text-align: left; }
    .post-title .post-title-info .post-buttons { flex: 1 0 100%; display: flex; align-items: center; justify-content: flex-start; }
    .post-title .post-title-info .post-buttons a { flex: 0 0 calc(50% - 0.8rem); text-align: center; }
    .post-title h1,
    .post-title .post-title-info,
    .post-description,
    .post-recipe { max-width: unset; }

}

@media screen and (max-width: 640px) {
    /* Section */
    .section { padding: 4rem 0; }
    .section h2 { font: 700 3.2rem/4rem 'Poppins', Arial, Helvetica, sans-serif; }

    /* Hero Posts */
    .hero-posts { margin: 0; }
    .hero-post-section,
    .hero-post-section:nth-child(odd) { flex-direction: column-reverse; padding: 0 1.6rem; }
    .hero-post-content { background: #fff; margin: -6.4rem 2.4rem 4rem; flex: 1 0 100%; }
    .hero-post-image { flex: 1 0 100%; }

    /* Posts Section */
    .post-block .post-content { padding: 0.8rem 0 0.8rem 3.2rem; }

    /* Section About */
    .section-about { padding: 0; }

    /* Post */
    .post-title h1 { font: 700 3.2rem/4rem 'Poppins', Arial, Helvetica, sans-serif; }
    .post-title-image img { aspect-ratio: unset; }

}

@media screen and (max-width: 520px) {

    /* Hero Posts */
    .hero-post-content { margin: -6.4rem 2.4rem 2.4rem; padding: 2.4rem; }

    /* Posts Section */
    .post-block .post-content { padding: 0 0 0 2.4rem; }
    .post-block .post-content h2 { font: 700 1.8rem/2.4rem 'Poppins', Arial, Helvetica, sans-serif; }
    .post-block .post-content h2::after { margin: 0.8rem 0; }

    .posts-paginator a,
    .posts-paginator span { font: 700 1.24rem 'Poppins', Arial, Helvetica, sans-serif; padding: 0.8rem 1.2rem; }

    /* Videos Section */
    .videos-wrap { gap: 1.6rem; }
    .videos-wrap .video-item { flex: 1 0 100%; }

    /* Section About */
    .about-text { padding: 2.4rem; }



    /* Content */
    main nav.breadcrumbs { display: none; }
}


@media screen and (max-width: 380px) {

}