/*
Theme Name: CMS - T&T
Template: cms-principal
Author: Retina Web - Jeferson Dias
Author URI: https://retinaweb.com.br/
Description: Tema feito pela Retina Web para a 
*/

@font-face {
	font-family: 'Benedict';
	src: url('assets/fonts/Benedict.woff2') format('woff2'),
		url('assets/fonts/Benedict.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Setup */
:root {
	--color-dark-blue: #15143F;
	--color-blue: #00B7FF;
	--bs-body-font-family: "Montserrat", sans-serif;
	--bs-body-color: var(--color-dark-blue);
}

.title {
	font-size: 5rem;
	line-height: 1;
}

.title-primary {
	font-size: 7.25rem;
}

.title-secondary {
	font-size: 6rem;
}

.text-benedict {
	font-family: 'Benedict', sans-serif;
}

.text-dark-blue {
	color: var(--color-dark-blue);
}

.icon-list {
	height: 1.5em;
	aspect-ratio: 1;
	width: auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.icon-list__envelope {
	background-image: url(./assets/img/icones/envelope.svg);
}

.icon-list__whatsapp {
	background-image: url(./assets/img/icones/wpp.svg);
}

.icon-list__address {
	background-image: url(./assets/img/icones/local-pin.svg);
}

.icon-list__instagram {
	background-image: url(./assets/img/icones/instagram.svg);
}

.icon-list__tiktok {
	background-image: url(./assets/img/icones/tiktok.svg);
}

.mb-form {
	margin-bottom: 1.5rem;
}

.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%2315143F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/></svg>");
	--bs-border-color: var(--color-dark-blue);
	font-size: 1.25rem;
	padding: 1rem;
	background-size: 1.75rem;
}

.form-contact .form-control {
	border-color: #c8cacd;
	padding: 1.0615rem 1rem;
	font-size: 1.25rem;
	border-radius: 5px;
}

.form-contact .form-label {
	font-size: 1.25rem;
	color: #939393;
	font-weight: 500;
}


.form-contact .form-control.wpcf7-not-valid {
	border-color: red;
}

.form-contact .form-control::placeholder {
	color: transparent !important;
}

/* Fonts */

h1.title {
	font-size: 8rem;
}

.lh-2 {
	line-height: 2;
}

.fs-upper {
	font-size: 1.25rem;
}

/* Colors */

a {
	color: var(--color-dark-blue);
	text-decoration: none;
}

.link-underline {
	text-decoration: underline;
	-webkit-text-decoration-color: var(--bs-body-color) !important;
	text-decoration-color: var(--bs-body-color) !important;
}

.bg-dark-blue {
	background-color: var(--color-dark-blue);
}

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

.figure-blue {
	background-color: var(--color-blue);
	border-radius: 100em 0 0 100em;
	overflow: clip;
}

.figure-blue::before {
	z-index: 1;
	opacity: 0.2;
	background-size: cover;
}

.figure-blue img {
	opacity: 0.2;
}

.btn:not(.btn-toggle-menu) {
	transition: 300ms;
	font-weight: bold;
	text-transform: uppercase;
}

.btn:hover {
	transform: scale(1.1);
}

.btn-send,
.btn-dark-blue {
	--bs-btn-color: var(--color-blue);
	--bs-btn-bg: var(--color-dark-blue);
	--bs-btn-hover-color: var(--color-blue);
	--bs-btn-hover-bg: var(--color-dark-blue);
}

.btn-blue {
	--bs-btn-color: white;
	--bs-btn-bg: var(--color-blue);
	--bs-btn-hover-color: white;
	--bs-btn-hover-bg: var(--color-blue);
}

.form-contact .btn.btn-send {
	--bs-btn-color: white;
	--bs-btn-bg: var(--color-blue);
	--bs-btn-hover-color: white;
	--bs-btn-hover-bg: var(--color-blue);
	text-transform: initial;
	font-size: 1.25rem;
	line-height: 2;
	--bs-btn-padding-y: 0.4rem;
}


.btn-white-1 {
	--bs-btn-color: var(--color-dark-blue);
	--bs-btn-bg: white;
	--bs-btn-hover-color: var(--color-dark-blue);
	--bs-btn-hover-bg: white;
}

.btn-white-2 {
	--bs-btn-color: var(--color-blue);
	--bs-btn-bg: white;
	--bs-btn-hover-color: var(--color-blue);
	--bs-btn-hover-bg: white;
}

.btn-white-1,
.btn-white-2,
.btn-blue,
.btn-send,
.btn-dark-blue {
	min-width: 15.125rem;
}

.navbar {
	--bs-navbar-color: white;
	--bs-navbar-active-color: white;
	--bs-navbar-hover-color: white;
	text-transform: uppercase;
}

.form-control::placeholder {
	color: var(--color-blue) !important;
}

:is(#blog-1, #single-post) .form-control::placeholder {
	color: var(--color-dark-blue) !important;
}

.tag-cloud-link {
	--bg-tag-color: var(--color-dark-blue);
	--tag-color: white;
	--bg-tag-color-hover: var(--color-dark-blue);
	--tag-color-hover: white;
}

:is(.single-produto, .tax-marca) .navbar-nav .nav-link.active:not(li.current-menu-ancestor > .active),
.navbar-nav .nav-link.show:not(li.current-menu-ancestor > .active) {
	color: var(--bs-nav-link-color);
	font-weight: 400;
}

/* Header */

header {
	background-color: var(--color-dark-blue);
	position: relative;
}

footer {
	position: relative;
}

header::after,
footer::after {
	content: '';
	position: absolute;
	background-image: url(./assets/img/icones/logo-2.png);
	width: auto;
	height: 100%;
	aspect-ratio: 2.5;
	background-position: center 5%;
	background-size: cover;
	opacity: 0.02;
	z-index: 1;
	right: 0;
	top: 0;
	transition: 300ms;
}

footer::after {
	background-image: url(./assets/img/icones/logo.png);
	height: 20rem;
	aspect-ratio: 1;
	top: 45%;
	transform: translateY(-50%);

}

body.scrolled header::after {
	background-position: center 60%;
}

.logo-main,
.logo-scrolled {
	transition: 300ms;
}

.logo-main {
	max-height: 7rem;
	height: 100%;
	width: auto;
}

body .logo-scrolled {
	opacity: 0;
	visibility: hidden;
	left: 0;
	transform: scale(3);
	position: absolute;
}

body.scrolled .logo-main {
	opacity: 0;
	max-height: 3.6875rem;
}

body.scrolled .logo-scrolled {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

#primary-menu .dropdown-menu {
	--bs-dropdown-bg: var(--color-dark-blue);
	--bs-dropdown-link-color: white;
	--bs-dropdown-link-hover-color: var(--color-blue);
	--bs-dropdown-link-active-color: var(--color-blue);
	--bs-dropdown-link-hover-bg: var(--color-dark-blue);
	--bs-dropdown-link-active-bg: var(--color-dark-blue);
	min-width: 100%;
	text-align: center;
}

#primary-menu .dropdown-toggle::after {
	display: none;
}

.row-redes-header .icon-list {
	height: 2.5rem;
}

.button-hamb {
	aspect-ratio: 1.6;
	width: 2.5rem;
	font-size: 1rem;
	gap: 0.3rem;
}

.button-bar {
	background-color: white;
	height: .4em;
	clip-path: polygon(5% 0, 0 100%, 100% 100%, 100% 0);
}


/* Footer */

.footer-logo {
	width: 10.125rem;
	height: auto;
}

.icon_invert.icon-list {
	filter: brightness(0) invert(1);
}

.footer-column .icon-list {
	height: 2.75rem;
}

.footer-column .icon-list__whatsapp {
	height: 2.25rem;
}

.footer-column .footer-item {
	font-size: 1.5rem;
}

.footer-title {
	font-size: 1.25rem;
}

#footer-menu .nav-link {
	--bs-nav-link-font-size: 1.25rem;
}

#upperFooter {
	padding: 3rem 0 0.5rem;
}

#footer .text {
	font-size: 1.25rem;
	line-height: 2;
}

.newsletter-column .form-control {
	background: transparent;
}

.newsletter-column .form-control::placeholder,
.newsletter-column .form-control {
	color: white !important;
}

.newsletter-column .btn:hover {
	background-color: transparent;
	border-color: transparent;
}

.newsletter-column .input-group {
	border: 0.125rem solid white;
	border-radius: 0.5rem;
}

.newsletter-column .btn-form__send {
	filter: brightness(30);
}

.newsletter-column .footer-title {
	font-size: 1rem;
}

.footer-column p strong {
	font-weight: bold;
}

.cky-btn-revisit-wrapper,
.ht-ctc {
	z-index: 999 !important;
}

/* HOME - Banner */

.bg-banner {
	aspect-ratio: 3;
}

/* HOME - Quem somos */
#quem-somos {
	.padding-top: 4rem;
	padding-top: 0rem;
}

.banner-content .btn {
	font-size: 1.25rem;
}

.banner-container_type_1 h2 {
	font-size: 8rem;
	font-family: 'Benedict', sans-serif;
	line-height: 0.5;
}

.banner-container_type_2 h2 {
	font-size: 7.25rem;
	margin-top: 12rem;
	margin-bottom: 2.2rem;
	font-family: 'Benedict', sans-serif;
	line-height: 0.5;
}

.banner-subtitle {
	position: absolute;
	margin: 0;
	bottom: 1rem;
	right: 0.5rem;
}

.banner-container_type_1 p {
	font-size: 1.25rem;
}

.banner-container_type_1 .banner-row__gallery {
	margin-bottom: 3.75rem;
}

.container.banner-container_type_1 h3 {
	margin-bottom: 3.75rem;
	font-size: 2rem;
}

.video-border,
.video-bottom {
	border: 0.5rem solid var(--color-blue);
	border-radius: 0.5rem 0.5em 0 0;
}

.video-border{
	display: none;
}

.video-bottom {
	border-radius: 0 0 100em 100em;
	background-color: var(--color-blue);
	padding: 0 0 3rem;
}

.video-bottom h2{
	margin-top: 2rem;
}

#top-about {
	position: relative;
	z-index: 1;
}


:is(#bottom-about, #top-about) :is(.content, .text) {
	font-size: 1.25rem;
	line-height: 2;
}

#bottom-about {
	margin-top: -19.5rem;
    padding-top: 25rem;
	padding-bottom: 0;
}

#bottom-about .content {
	padding-bottom: 9.375rem;
}


/* HOME - Números */

#numeros {
	background-size: 100% 100%;
	aspect-ratio: 2;
	display: flex;
	align-items: end;
	padding-bottom: 10rem;
}

.number-item {
	background: var(--color-blue);
	color: white;
	border-radius: 100%;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 17.5rem;
	margin: auto;
	transition: 300ms;
}

.number-item:hover {
	transform: scale(1.1);
}

.number-item h3 {
	font-size: 5.5rem;
	line-height: 0.85;
}

.number-item p {
	line-height: 1;
}

.number-item .font-sm {
	font-size: 1.25rem;
}

.number-item .font-lg {
	font-size: 2rem;
}

.number-title.title strong {
	font-weight: 500;
}

/* HOME - Produtos */

.card-marca::before {
	background: linear-gradient(75deg, #1A5D94, #090021);
	opacity: 0;
	transition: 300ms;
}

.card-marca .btn-collapse {
	transition: 300ms;
}

.card-marca .btn-collapse:not(.collapsed) {
	transform: rotate(180deg);
}

.card-marca:hover::before {
	opacity: 0.9;
}

.card-marca__figure {
	height: auto;
	width: 17.5rem;
}

.card-marca__title,
.card-marca__text {
	font-size: 0.75rem;
}

.card-marca .image-hover {
	--border-space-x: 9rem;
	--border-space-y: 5rem;
	transition: 300ms;
	top: calc(100% - (12rem + var(--border-space-y)) / 2);
	left: calc(100% - (12rem + var(--border-space-x)) / 2);
	transition: 300ms;
	width: 12rem;
	height: auto;
}

.card-marca .image-hover__active {
	opacity: 0;
}

.card-marca.card-marca__left .card-marca__row {
	padding-left: 2rem;
}

.card-marca.card-marca__right .card-marca__row {
	padding-right: 2rem;
}

.card-marca.card-marca__left .image-hover {
	left: calc(0% + (12rem + var(--border-space-x)) / 2);
}

.card-marca.card-marca__right:hover .image-hover {
	top: 50%;
}

.card-marca.card-marca__left:hover .image-hover {
	top: 50%;
	left: calc(0% + (12rem + var(--border-space-x)) / 2);
}

.card-marca:hover .image-hover {
	opacity: 0;
}

.card-marca:hover .image-hover__active {
	opacity: 1;
}

.card-marca__row {
	position: relative;
	transition: 300ms;
}

.card-marca__row::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: white;
	transition: 300ms;
}

.card-marca__right .card-marca__row::before {
	border-radius: 0 30em 30em 0;
	transform: translateX(-100%);
}

.card-marca__left .card-marca__row::before {
	border-radius: 30em 0 0 30em;
	transform: translateX(100%);
}

.card-marca:hover .card-marca__row::before {
	transform: translateX(0%);
}

.card-marca__content-inner {
	opacity: 0;
	transition: 300ms;
}

.card-marca:hover .card-marca__content-inner {
	opacity: 1;
}

/* HOME - Onde Encontrar? */

#onde-encontrar {
	background: linear-gradient(180deg, #00B7FF, var(--color-dark-blue));
}

.border-rounded {
	border-radius: 0 0 100em 100em;
	background-color: white;
	overflow: clip;
	display: flex;
	aspect-ratio: 1.875;
	padding-top: 5rem;
}

.card-find {
	background-color: var(--color-dark-blue);
	border-radius: 100em 100em 0 0;
	height: 100%;
	margin-top: 1.5rem;
	transition: 300ms;
	padding: 6rem 3rem 0;
}

.card-find:hover {
	margin-top: 0rem;
	padding-top: 2rem;
}

.card-find__title,
.card-find__text {
	font-size: 1.25rem;
}

.card-find__text {
	line-height: 2;
}

.card-find img {
	height: 8.125rem;
	width: auto;
}

.img-encontrar {
	width: 15.4375rem;
	height: 15.4375rem;
}

/* HOME - BLOG */


.card-blog {
	transition: 300ms;
}

.card-blog .card-title {
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--color-dark-blue);
	transition: 300ms;
	min-height: 2.4em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-blog:hover {
	color: white;
	background-color: var(--color-blue);
}

.card-blog:hover .card-title {
	color: white;
}

.card-blog:hover .card-blog__btn {
	background-color: white;
}

/* HOME - Contact */

.title-contact {
	position: relative;
}

.title-contact::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -0.25em;
	width: 6.5em;
	height: 0.125rem;
	background: var(--color-dark-blue);
}

.subtitle {
	font-size: 1rem;
}

#contato .text {
	line-height: 2;
}

#contato {
	padding: 6.875rem 0;
}

.form__home {
	padding: 3.5rem 4.75rem;
	margin-left: 6rem
}

.form__home .wpcf7 form .wpcf7-response-output {
	color: white;
}

.form__home .title {
	font-size: 1rem;
	line-height: 2;
}

.form__home label {
	display: none;
}

.form__home textarea {
	height: 8rem;
	resize: none;
}

.form-control {
	padding: 0.45rem 0.75rem;
}

/* Quem Somos */
#about-page__1 {
	background-position: bottom;
	background-size: 100%;
}

#about-page__1_1 {
	background: linear-gradient(90deg, #090021 20%, #1A5D94, #090021 80%);
	border-radius: 0 0 31.25rem 31.25rem;
}

#about-page .video-border {
	border-width: 0.625rem;
}

#about-page__1_1 .content {
	font-size: 1.25rem;
	padding: 4rem 0;
	line-height: 2;
}

#about-page__1_2 {
	padding: 10rem 0;
}

#about-page__3 {
	padding: 5.625rem 0;
}

#about-page__3 .text {
	font-size: 1.25rem;
	line-height: 2;
}

#about-page__4 {
	padding-top: 12rem;
	padding-bottom: 3rem;
	background-size: contain;
	background-position: top;
}

h3.right-slide {
	font-size: 1rem;
}

h3.right-slide::after {
	content: '';
	display: inline-block;
	height: 1em;
	width: 2.5rem;
	margin-bottom: -0.15em;
	background-image: url(./assets/img/icones/arrow-right.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

}

.slide-valores .slick-track {
	display: flex;
	align-items: center;
	height: 34rem;
}

.slide-valores .slide-item {
	position: relative;
	height: auto;
	padding: 0.25rem;
}

.slide-valores .slide-item .card-values {
	aspect-ratio: 1;
	width: 35rem;
	max-width: 15rem;
	transition: 400ms;
}

.card-values img {
	width: 5.5rem;
	aspect-ratio: 1;
	object-fit: contain;
}

.slide-valores .card-values__title {
	font-size: 1.5rem;
	max-width: 13.5rem;
}

.slide-valores .slide-item.slick-center.slick-current .card-values {
	max-width: 32rem;
	transform: translateX(-15%);
}

.slide-valores .slide-item:is(+ .slick-center) .card-values {
	margin-left: auto;
}

.slide-valores .slide-item:is(.slick-center + .slide-item) .card-values {
	margin-left: auto;
}

.slide-valores .card-values__text:not(#card-text-0) {
	display: none;
}

#about-page__5 {
	background-position: top;
	padding-top: 14rem;
}

#about-page__5 .nav-pills {
	--bs-nav-link-color: white;
	--bs-nav-link-hover-color: white;
	--bs-nav-pills-border-radius: 1.25rem;
	--bs-nav-pills-link-active-color: white;
	--bs-nav-pills-link-active-bg: var(--color-dark-blue);
	--bs-nav-link-padding-y: 1rem;
	--bs-nav-link-padding-x: 1rem;
}

#about-page__5 .nav-link {
	min-width: 12.5rem;
	padding: 1rem;
	font-size: 1.5rem;
	background: var(--color-blue);
}


#about-page__5 .nav-link.active {
	background: var(--color-dark-blue);
}

#about-page__5 .tab-pane.bg-before {
	padding: 6rem 0 8rem;
}

#about-page__5 .tab-pane.bg-before::before {
	z-index: 1;
	opacity: 0.5;
	background-size: cover;
}

#about-page__5 .tab__content p {
	font-size: 1.25rem;
}

#about-page__5 .tab__content p:first-child {
	font-weight: 500;
	font-size: 1.5rem;
}

.btn-form__send {
	position: absolute !important;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	height: 100%;
	font-size: 0;
	aspect-ratio: 0.75;
	background-image: url(./assets/img/paper-plane-right.svg);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}

.btn-form__send:hover {
	transform: scale(1.05) translateY(-50%);
}

.newsletter-input-group {
	padding-right: 3rem;
}

.newsletter-form span.wpcf7-spinner {
	transform: translate(-50%, -50%) scale(1);
	border-radius: 50% !important;
}

input.form-control::placeholder {
	color: var(--main-blue);
}

/* Hero Banner - Páginas */

#hero-banner {
	padding: 6rem 0;
	border-radius: 0 0 31.25rem 31.25rem;
	background: linear-gradient(90deg, #090021 20%, #1A5D94, #090021 80%);
	overflow: clip;
	background-repeat: no-repeat;
}

:is(.blog, #single-post, .archive.category, .archive.tag) #hero-banner {
	border-radius: 0;
}

#hero-banner::after {
	content: '';
	position: absolute;
	background-image: url('./assets/img/icones/logo.png');
	opacity: 0.3;
	width: 20rem;
	aspect-ratio: 1;
	background-size: cover;
	right: 13rem;
	top: 2rem;
	mix-blend-mode: soft-light;
	z-index: 3;

}

#hero-banner>* {
	position: relative;
	z-index: 1;
}

#hero-banner::before {
	background-size: cover;
	z-index: 1;
	opacity: 0.25;
}

.hero-banner__titulo {
	font-size: 8rem;
	line-height: 1;
}

.hero-banner__subtitle,
.hero-banner__text {
	font-size: 1.25rem;
}

/* Lojas */

#lojas-page {
	background: url('./assets/img/fundos/bg-loja-1.png'), url('./assets/img/fundos/bg-loja-2.png');
	background-repeat: no-repeat;
	background-position: right top, left bottom;
	background-size: 17.5rem, 50rem;
}

.lojas-section {
	padding: 4rem 0;
}

.row-filtros {
	margin-bottom: 4rem;
}

.card-loja {
	border-radius: 1rem;
	box-shadow: 0.25rem 0.25rem 1.25rem #00000026;
	color: var(--color-dark-blue);
	padding: 2.125rem 1rem;
	gap: 1.25rem;
	background-color: white;
	transition: 300ms;
}

.card-loja:hover {
	background-color: var(--color-blue);
	color: white;
}

.card-loja:hover a {
	color: white;
}

.card-loja__icon {
	font-size: 4.5rem;
}

.card-loja__title {
	font-size: 1.25rem;
	width: 12.5rem;
}

.card-loja__text {
	font-size: 1.25rem;
}

.card-loja__number {
	font-size: 1.5rem;
}

.btn-load-more {
	text-transform: initial !important;
	line-height: 2;
	font-size: 1.25rem;
	margin-top: 4rem;
	box-shadow: 0 0 0.25rem #0002;
}

/* Representantes */

.representantes-section {
	padding: 5rem 0;
}

.select-representantes {
	margin-bottom: 6rem;
}

#representantes-page {
	background: url('./assets/img/fundos/bg-representante-1.png'), url('./assets/img/fundos/bg-representante-2.png');
	background-repeat: no-repeat;
	background-position: left 3rem, right bottom;
	background-size: 27rem, 120rem;
}

.card-representante {
	box-shadow: 0 0.25rem 1.25rem #00000026;
	border-radius: 1rem;
	overflow: clip;
	min-height: 20rem;
}

.card-representante a {
	font-size: 1.25rem;
}

.card-representante__header h3 {
	font-size: 1.25rem;
	line-height: 2;
}

.card-representante__body {
	padding: 2.625rem 1.125rem 0.75rem;
	background-color: white;
}

/* Blog */
.card-post {
	border-radius: 0.3125rem;
}

.card-post__title {
	font-size: 1.25rem;
	transition: 300ms;
}

.card-post:hover {
	background-color: var(--color-blue);
}

.card-post:hover .card-post__title {
	color: white;
}

.card-post:hover .card-post__content {
	color: white;
}

.card-post:hover .btn {
	background-color: white;
}

.form-control:focus {
	box-shadow: none;
}

#blog-1,
.single-post__inner {
	background: url('./assets/img/fundos/bg-blog-1.png'), url('./assets/img/fundos/bg-blog-2.png');
	background-repeat: no-repeat;
	background-position: left top, right bottom;
	background-size: 17.5rem, 30rem;
	padding: 4rem 0;
}

.input-group:has(.wpcf7-not-valid) {
	border-color: red !important;
}

.single-blog__content {
	font-size: 1.25rem;
}

/* Arquivo - Produtos */

#produtos-archive__inner {
	padding: 8rem 0;
}

#produtos-archive__inner img {
	width: 12.5rem;
	transition: 300ms;
}

#produtos-archive__inner img:hover {
	transform: scale(1.1);
}

/* Marcas */

#product-banner {
	aspect-ratio: 3;
}

#product-banner .banner-subtitle {
	right: 6rem;
	text-shadow: 0.05rem 0.05rem #000A;
}

#product-banner .content {
	margin-bottom: 12.5rem;
}

#product-banner h2 {
	font-size: 7.25rem;
	line-height: 0.5;
}

#product-about {
	background-position: top;
	min-height: 50rem;
	padding: 4rem 0;
}

.slide-products {
	margin-bottom: 2.75rem;
}

.slide-products:not(.slick-slider) {
	overflow: clip;
}

.slide-products .slick-list {
	margin-left: -1.25rem;
}

.slide-products .slick-track {
	display: flex;
	gap: 1.25rem;
}

:is(.slide-products__dots, .seals-slider__dots) ul.slick-dots {
	position: static;
	margin: 4rem 0 2.75rem;
}

:is(.slide-products__dots, .seals-slider__dots) ul.slick-dots button {
	opacity: 1;
	background-color: #d9d9d9;
}

:is(.slide-products__dots, .seals-slider__dots) ul.slick-dots .slick-active button {
	background-color: var(--color-blue);
}

.slide-products .card-produto {
	aspect-ratio: 0.75;
	width: 19.625rem;
	margin: auto;
}

.card-produto img {
	height: 18rem;
}

.card-produto:not(.slick-slide .card-produto) {
	height: 25rem;
}

.card-produto h3 {
	height: 7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1rem;
	font-size: 1.25rem;
}

:is(.slide-products, .seals-slider) .slick-next {
	right: -4.5rem;
}

:is(.slide-products, .seals-slider) .slick-prev {
	left: -4.5rem;
}

:is(.slide-products, .seals-slider) .slick-button {
	position: absolute;
}

.seals-slider:not(.slick-slider) {
	overflow: clip;
}

.seals-slider .slick-track {
	display: flex;
	align-items: center;
}

.seals-slider .slick-slide {
	min-height: 35rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.seals-slider .card-seal {
	transition: 500ms;
	height: 100%;
	min-height: 5rem;
	justify-content: center;
}

.seals-slider .slick-center .card-seal {
	background-color: var(--color-blue);
	min-height: 30rem;
	width: calc(100% + 2rem);
	margin-left: -1rem;
	justify-content: start;
}

.seals-slider .card-seal__text:not(#seal-text-0) {
	display: none;
}

.card-seal__text {
	font-weight: 300;
}

.card-seal__text strong {
	font-weight: bold;
}

.seals-slider img {
	transition: 300ms;
	height: 11.5rem;
	width: auto;
}

.seals-slider .slick-center img {
	filter: brightness(0) invert(1);
}

#product-much-more {
	min-height: 45rem;
	background-position: top;
	padding: 4rem 0;
}

/* Marca Heskell */

.marca-haskell #product-about img {
	border-radius: 50% 0 50% 50%;
	width: 40rem;
}


.marca-haskell #product-much-more img {
	border-radius: 0 50% 50% 50%;
	width: 36rem;
}

.marca-haskell .row-much-more {
	align-items: center;
}

/* Marca Ohmy */

.marca-ohmy #product-about figure {
	background-image: url('./assets/img/products/bg-card-1.png');
	background-position: center;
	background-size: contain;
	padding: 7rem 5rem 3rem 4rem;
	aspect-ratio: 0.834;
	margin: 2.5rem 4rem 2.5rem 3rem;
	background-repeat: no-repeat;
}

.marca-ohmy #product-much-more figure {
	background-image: url('./assets/img/products/bg-card-2.png');
	background-position: center;
	background-size: contain;
	padding: 4.4rem 3.45rem 2.9rem 2rem;
	aspect-ratio: 0.834;
	margin: -1rem 5rem 4rem 3rem;
	background-repeat: no-repeat;
}

.marca-ohmy .card-produto img {
	height: 20rem;
}

.marca-ohmy .card-produto h3 {
	height: 4rem;
	margin-top: 2rem;
}

.marca-ohmy .row-much-more {
	align-items: end;
}

/* Interna - Produto */
#product-inner figure {
	aspect-ratio: 1.15;
}

#product-inner figure::before {
	z-index: 1;
	background-size: cover;
}

#product-inner img {
	width: 35rem;
}

#product-inner .content__inner h3 {
	font-size: 1.5rem;
}

#product-inner .content__inner {
	font-size: 1.125rem;
}

/* Sidebar */


#sidebar .input-group {
	border: 0.125rem solid var(--color-dark-blue);
	border-radius: 0.75rem;
	overflow: clip;
	color: var(--main-blue);
}

.grecaptcha-badge {
    visibility: hidden;
}

@media (max-width:1400px) {
	#numeros {
		aspect-ratio: 1.9;
	}

	.card-find {
		padding: 6rem 1.5rem 0;
	}

	.border-rounded {
		aspect-ratio: 1.8325;
	}

	.slide-valores .slide-item.slick-center.slick-current .card-values {
		max-width: 30rem;
	}

	.marca-ohmy #product-much-more figure {
		margin: -1rem 2rem 4rem 3rem;
	}
}

@media (max-width:1300px) {
	.bg-banner {
		aspect-ratio: 2.5;
	}

	#numeros {
		aspect-ratio: 1.8;
	}

	.border-rounded {
		aspect-ratio: 1.7;
	}

	.seals-slider .slick-center .card-seal {
		width: calc(100% + 2.5rem);
		margin-left: -1.25rem;
	}
}

@media (max-width:1030px) {
	.bg-banner {
		aspect-ratio: 2.2;
	}

	#numeros {
		aspect-ratio: 1.5;
	}

	.border-rounded {
		aspect-ratio: 1.3;
	}

	#hero-banner::after {
		right: 3rem;
	}

	:is(.slide-products, .seals-slider) .slick-button {
		position: static;
	}

	.seals-slider .slick-center .card-seal {
		width: calc(100% + 4rem);
		margin-left: -2rem;
	}

	.marca-ohmy #product-much-more figure {
		padding: 5rem 3.85rem 0rem 1.5rem;
		margin: -13rem 0rem 1rem 3rem;
	}

}

@media (max-width:991px) {
	.navbar {
		--bs-navbar-active-color: var(--color-blue);
	}

	.navbar-nav .nav-link.active,
	.navbar-nav .nav-link.show {
		font-weight: bold;
	}

	.tablet-mw-100 {
		max-width: 100%;
	}

	.card-seal__text {
		background-color: var(--color-blue);
		padding: 1.8125rem 0.95rem;
		border-radius: 0.625rem;
	}

	.site-logo {

		width: 100%;
		background: var(--color-blue);
		border-radius: 0 0 6.25rem 6.25rem;
		height: 30rem;
		aspect-ratio: 1;
		width: auto;
		margin: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.dropdown-item.active,
	.dropdown-item:active {
		color: var(--color-dark-blue);
	}

	#primary-menu {
		gap: 2rem;
		--bs-nav-link-font-size: 2rem;
	}

	.dropdown-item {
		font-size: 2rem;
	}

	#primary-menu .nav-item {
		width: 100%;
		text-align: center;
	}

	#primary-menu .dropdown-menu {
		width: 100%;
		border-radius: 0;
		--bs-dropdown-bg: var(--color-blue);
		--bs-dropdown-link-hover-bg: var(--color-blue);
		--bs-dropdown-link-active-bg: var(--color-blue);
	}

	#primary-menu {
		margin: 5.5rem 0;
	}

	#primary-menu .dropdown-menu {
		--bs-dropdown-item-padding-y: 1rem;
	}

	.logo-main {
		display: none;
	}

	body .logo-scrolled {
		opacity: 1;
		visibility: visible;
		height: 2.5rem;
		width: auto;
		transform: scale(1);
		position: static;
	}

	#header .offcanvas {
		overflow-y: scroll;
	}

	.number-item {
		aspect-ratio: 1;
	}

	#quem-somos {
		padding: 0;
	}

	.bg-banner {
		background-position: 70% 0%;
		aspect-ratio: 2.4;
	}

	.banner-container_type_1 h2 {
		font-size: 5rem;
	}

	.container.banner-container_type_1 h3 {
		margin-bottom: 1.5rem;
		font-size: 1.5rem;
	}

	.banner-container_type_1 .banner-row__gallery {
		margin-bottom: 2rem;
	}

	.banner_icons {
		aspect-ratio: 1;
		width: 5rem;
	}

	.banner-container_type_2 h2 {
		font-size: 5rem;
		margin-top: 7rem;
	}

	.title {
		font-size: 4rem;
	}

	#numeros {
		aspect-ratio: 0.95;
		padding-bottom: 10rem;
	}

	.card-marca::before {
		background: transparent !important;
	}

	.card-marca__row::before {
		display: none;
	}

	.card-marca__content-inner {
		opacity: 1;
	}

	.card-marca.card-marca__right:hover .image-hover,
	.card-marca.card-marca__left:hover .image-hover {
		top: calc(100% - (12rem + var(--border-space-y)) / 2);
	}

	.card-marca:hover .image-hover {
		opacity: 1;
	}

	.btn-collapse {
		font-size: 2.5em;
		border-radius: 100%;
		aspect-ratio: 1;
		height: auto;
		width: 4rem;
		color: white;
		background: var(--color-blue);
		border: 0;
		top: 2.5rem;
		left: 2.5rem;
	}

	.card-marca__title,
	.card-marca__text {
		font-size: 1.75rem;
	}

	.card-marca__row .btn {
		font-size: 1.75rem;
	}

	.border-rounded {
		aspect-ratio: 1;
	}

	#contato {
		padding-bottom: 0;
	}

	#contato .figure-blue {
		border-radius: 5em 5em 0 0;
	}

	.form__home {
		margin: auto;
	}

	.video-border,
	.video-bottom {
		border: none;
	}

	#about-page__5 .tab-pane.bg-before::before {
		background-image: var(--bg-before-mobile);
		background-size: contain;
		background-position: bottom;
	}

	#about-page__5 {
		padding-top: 20rem;
		background-size: 160% 100%;
	}

	.diferentials-tab .tab__content {
		padding-bottom: 70rem;
	}

	#about-page__5 .tab-pane.bg-before {
		padding-bottom: 0;
	}

	.slide-valores .slide-item .card-values {
		width: 27rem;
		max-width: 12rem;
	}

	.slide-valores .card-values__title {
		font-size: 1.25rem;
		max-width: 12rem;
	}

	#about-page__1 {
		background-image: var(--bg-mobile);
		background-size: 35rem;
		background-position: left 45%;
	}

	#about-page__1_1 {
		border-radius: 0 0 10rem 10rem;
	}

	#hero-banner {
		padding: 3rem 0 9rem;
	}

	#hero-banner::after {
		width: 10rem;
	}

	#product-about,
	#product-much-more {
		background-image: var(--bg-mobile);
		background-position: bottom;
		padding-bottom: 12rem;
	}

	#product-much-more {
		background-position: top;
		padding-bottom: 2rem;
	}


	.marca-ohmy #product-about figure {
		margin: 0rem 4rem 2.5rem 3rem;
	}

	.marca-ohmy #product-much-more figure {
		margin: 9rem 3rem 10rem 3rem;
		padding: 8rem 5.85rem 0rem 2.5rem;
	}

	#product-banner {
		background-position: 22%;
		aspect-ratio: 1.4;
	}

	#product-banner .content {
		margin-bottom: 16.5rem;
	}

	.card-representante__header h3 {
		min-height: 5.6em;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#product-banner .banner-subtitle {
		width: 100%;
		left: 0;
		text-align: center;
	}
	.video-bottom h2 {
		margin-top: 0rem;
		padding-top: 3rem;
	}
}

@media (max-width:460px) {
	br:not(.br-mobile br) {
		display: none;
	}

	.site-logo {
		height: 21rem;
		aspect-ratio: auto;
		width: 100%;
	}

	footer::after {
		display: none;
	}

	span.wpcf7-spinner {
		transform: translate(-50%, -50%) scale(3);
		border-radius: 100% !important;
	}

	#primary-menu {
		--bs-nav-link-font-size: 1rem;
	}

	#primary-menu .dropdown-menu {
		--bs-dropdown-item-padding-y: 1rem;
		padding: 0;
	}

	.dropdown-item {
		font-size: 1rem;
	}

	.bg-banner {
		background-position: center;
		aspect-ratio: 0.4629;
	}

	.bg-banner .container,
	.bg-banner .banner-content {
		height: 100%;
	}

	.bg-banner .banner-content {
		display: flex;
		text-align: center;
		justify-content: space-between;
		flex-direction: column;
		padding: 5rem 0;
	}

	.banner-container_type_2 h2 {
		font-size: 6rem;
		margin-top: 11rem;
		line-height: 1;
		padding: 0 1rem;
	}

	.banner-content .btn {
		min-width: auto;
		align-self: center;
	}

	.banner-subtitle {
		transform: translatex(50%);
		bottom: 0;
		right: 50%;
		width: 95%;
	}

	#home-slider ul.slick-dots {
		bottom: 3.25rem;
	}

	:is(#bottom-about, #top-about) :is(.content, .text) {
		font-size: 1rem;
	}

	.video-bottom {
		border-radius: 0 0 6em 6em;
		padding: 2.5rem 0 3rem;
	}

	#bottom-about div:has(>.figure-blue) {
		margin-bottom: 3.5rem;
	}

	.number-title.title strong {
		font-weight: 700;
	}

	.number-title.title {
		font-size: 2.5rem;
	}

	.number-title.title span {
		font-family: 'Montserrat';
		font-size: 1.25rem;
		display: inline-block;
		text-transform: uppercase;
		font-weight: 400;
		padding: 0 1.5rem;
	}

	#numeros {
		aspect-ratio: auto;
		padding: 7rem 0 5rem;
	}

	.number-item {
		width: 11.375rem;
	}

	.number-item h3 {
		font-size: 3.875rem;
	}

	.number-item p {
		font-size: 0.825rem;
		padding: 0 2rem;
	}

	.number-item .font-lg p {
		font-size: 1.25rem;
	}

	.card-marca button {
		font-size: 1.25rem;
		width: 2.15rem;
		top: 2.125rem;
		left: 2.7rem;
	}

	.card-marca__title,
	.card-marca__text {
		font-size: 0.75rem;
	}


	.card-marca__row .btn {
		font-size: 1rem;
		min-width: auto;
	}

	.card-marca .image-hover {
		width: 5.5rem;
		left: calc(100% - (3rem + var(--border-space-x)) / 2);
	}

	.card-marca.card-marca__left .image-hover {
		left: calc(0% + (3rem + var(--border-space-x)) / 2);
	}

	.card-marca.card-marca__left:hover .image-hover {
		left: calc(0% + (3rem + var(--border-space-x)) / 2);
	}

	.card-marca.card-marca__left .image-hover,
	.card-marca.card-marca__right .image-hover,
	.card-marca.card-marca__right:hover .image-hover,
	.card-marca.card-marca__left:hover .image-hover {
		top: calc(100% - (3rem + var(--border-space-y)) / 2);
	}

	#onde-encontrar {
		background: linear-gradient(180deg, #00B7FF 50%, var(--color-dark-blue));
		padding-bottom: 3rem;
	}

	#onde-encontrar h2 {
		color: white;
	}

	.border-rounded {
		background: var(--color-dark-blue);
		border-radius: 0;
		aspect-ratio: auto;
		padding-top: 5.5rem;

	}

	.card-find {
		padding: 4.5rem 1.5rem !important;
		margin-top: 0;
	}

	.card-find__text {
		font-size: 1rem;
	}

	.card-find img {
		height: 5.925rem;
	}

	#contato .contact-list p {
		line-height: 2;
	}

	#contato .figure-blue::before {
		background-position: 87% center;
	}

	.form__home .title {
		padding: 0 2.5rem;
		margin-bottom: 2.5rem;
	}

	.form__home {
		padding: 2rem 3rem 6rem;
	}

	.mb-form {
		margin-bottom: 2.5rem;
	}

	.footer-column:not(:last-child) {
		border-bottom: 0.3125rem solid var(--color-blue);
	}

	.footer-column:not(:first-child) {
		padding: 2.875rem 2.25rem;
		margin: 0;
	}

	.footer-column p {
		font-size: 1rem;
	}

	#about-page__1_1 {
		background: linear-gradient(90deg, #090021 20%, #1A5D94);
		padding-top: 5rem;
		background-repeat: no-repeat;
		position: relative;
		border-radius: 0 0 3.125rem 3.125rem;
	}

	#about-page__1_1::before {
		content: '';
		position: absolute;
		background: url(./assets/img/icones/logo-opacity.png);
		background-size: contain;
		width: 5rem;
		height: auto;
		aspect-ratio: 1;
		top: 1rem;
		right: -1rem;
		transform: rotate(-40deg);
	}

	h1.title {
		font-size: 5.625rem;
	}

	#about-page__1_1 .container {
		max-width: 100%;
	}

	.video-border,
	.video-bottom {
		border-radius: 0;
	}

	#about-page__1_1 .content {
		font-size: 1rem;
		padding: 2rem 3rem;
	}

	#about-page__1_1 .content strong {
		display: block;
		margin-top: 1.5rem;
	}

	#about-page__1 {
		background-size: 15rem;
		background-position: left 38%;
	}

	#about-page__1_2 {
		padding: 5.75rem 0;
	}

	#about-page__3 {
		padding: 3.5rem 0 0;
		position: relative;
	}

	#about-page__3 .content {
		padding-bottom: 8rem;
	}

	#about-page__3 .figure-blue {
		height: 12.875rem;
		margin-top: 3rem;
	}

	#about-page__3 .figure-blue img {
		object-position: 21%;
	}

	#about-page__3 .text {
		font-size: 1rem;
	}

	#about-page__3::after {
		content: '';
		position: absolute;
		width: 18rem;
		height: auto;
		aspect-ratio: 1;
		background-image: url(./assets/img/after-representantes.png);
		background-size: contain;
		background-repeat: no-repeat;
		transform: rotate(249deg);
		left: -10rem;
		bottom: -11rem;
	}

	.slide-valores .slide-item .card-values {
		width: 23.125rem;
		margin: auto;
		max-width: 100%;
		aspect-ratio: 0.8;
		padding: 2rem;
	}

	.slide-valores .card-values__text {
		display: block !important;
	}

	#about-page__5 .tab__content p {
		font-size: 1rem;
	}

	.diferentials-tab .tab__content {
		padding-bottom: 23rem;
	}

	#about-page__5 .tab-pane.bg-before::before {
		background-position: bottom;
	}

	#about-page__5 {
		margin-top: -10rem;
		padding-top: 15rem;
		background-size: cover;
	}

	#about-page__5 .nav-link {
		min-width: 10rem;
	}

	#about-page__5 .tab-pane.bg-before {
		padding: 1rem 2rem 8rem;
	}

	#about-page__5 .tab__content p:first-child {
		font-weight: 400;
		margin-bottom: 1.5rem;
	}

	#hero-banner {
		padding: 1rem 1.25rem 5rem;
		background: linear-gradient(90deg, #090021, #1A5D94);
		min-height: 30.5rem;
	}

	:is(.blog, #single-post) #hero-banner {
		min-height: auto;
		padding: 3rem 1.25rem 3rem;
	}

	#hero-banner::after {
		display: none;
	}

	.hero-banner__titulo {
		font-size: 4rem;
		margin-bottom: 0;
	}

	.hero-banner__subtitle,
	.hero-banner__text {
		font-size: 1rem;
		line-height: 1.5;
	}

	.hero-banner__subtitle {
		line-height: 2;
	}

	.hero-banner__text br {
		display: block !important;
	}

	#lojas-page {
		background: url('./assets/img/fundos/bg-loja-mobile-2.png'), url('./assets/img/fundos/bg-loja-mobile-1.png');
		background-repeat: no-repeat;
		background-position: left 17rem, right 17rem;

	}

	#representantes-page {
		background: url('./assets/img/fundos/bg-representante-mobile-1.png'), url('./assets/img/fundos/bg-representante-mobile-2.png'), url('./assets/img/fundos/bg-representante-mobile-3.png');
		background-repeat: no-repeat;
		background-position: left 13rem, right 11rem, bottom center;
		background-size: 19rem, 10rem, contain;
	}

	.representantes-section {
		padding: 3rem 0;
	}

	.select-representantes {
		margin-bottom: 2rem;
	}

	#blog-1,
	.single-post__inner {
		background: url('./assets/img/fundos/bg-blog-mobile.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: contain;
		padding: 8rem 0 3rem;
	}

	#product-banner .content {
		margin-bottom: 4.5rem;
	}

	#product-banner h2 {
		font-size: 4rem;
		padding: 0 1.5rem 0 1.5rem;
		line-height: 1;
	}

	.marca-haskell #product-banner h2 {
		font-size: 4rem;
		padding: 0 6rem 0 1.5rem;
		line-height: 1;
	}

	#product-banner .banner-subtitle {
		display: none;
	}

	.marca-ohmy #product-about figure {
		padding: 3rem 2.2rem 3rem 1.2rem;
		margin: 0rem 2rem 2.5rem 2rem;
	}

	#product-about {
		padding-bottom: 5rem;
	}

	.fs-upper {
		font-size: 1rem;
	}

	.seals-slider .card-seal__text {
		display: block !important;
		background-color: var(--color-blue);
		padding: 0.75rem;
		border-radius: 0.75rem;
		line-height: 2;
		font-weight: 400;
	}

	#product-inner .content__inner {
		font-size: 1rem;
	}

	#product-inner img {
		width: 20rem;
	}

	.marca-ohmy #product-much-more figure {
		margin: 3rem 1rem 3rem 1rem;
		padding: 4rem 2.85rem 0rem 1.5rem;
	}

}