/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html {
	scroll-behavior: smooth;
}

body:not(.elementor-editor-active) [text-split] {
	opacity: 0;
}

[text-split] .word {
	white-space: nowrap;
}

body:not(.elementor-editor-active) [img-reveal] img {
  	-webkit-mask:
    	linear-gradient(#000 0 0),
    	linear-gradient(135deg,#000 50.5%,#0000 0) content-box 50% 50%/200% 200% no-repeat,
    	linear-gradient(-45deg,#000 50.5%,#0000 0) content-box 50% 50%/200% 200% no-repeat;
  	-webkit-mask-composite: xor;
	mask-composite: exclude;
  	transition: all 1.2s ease-out;
	opacity: 0;
}

[img-reveal].reveal img {
  -webkit-mask-position: 0% 0%, 100% 100% !important;
}

body:not(.elementor-editor-active) [bg-reveal]::before {
	backdrop-filter: blur(10px);
	border: 50vw solid #00000050;
	border-bottom: 0;
	border-top: 0;
	transition: all 1.5s ease-out;
}

[bg-reveal].reveal::before {
    backdrop-filter: blur(0) !important;
	border-width: 0px !important;
}

.elementor-widget-nav-menu .botao .elementor-item,
.elementor-field-type-submit .elementor-button,
.elementor-widget-button.botao .elementor-button {
	background-color: var(--e-global-color-accent);
	border-radius: 0.75em;
	padding: 0;
}

.elementor-widget-nav-menu .botao .elementor-item span,
.elementor-field-type-submit .elementor-button-content-wrapper,
.elementor-widget-button.botao .elementor-button-content-wrapper {
	display: block;
	box-sizing: border-box;
	border: 2px solid var(--e-global-color-accent);
	border-radius: 0.75em;
	padding: 0.75em 1.5em;
	background-color: var(--e-global-color-079ede8);
	color: var(--e-global-color-accent);
	transform: translateY(-0.2em);
	transition: transform 0.1s ease;
}

.elementor-widget-nav-menu .botao .elementor-item:hover span,
.elementor-field-type-submit .elementor-button:hover .elementor-button-content-wrapper,
.elementor-widget-button.botao .elementor-button:hover .elementor-button-content-wrapper {
  	transform: translateY(-0.33em);
}

.elementor-widget-nav-menu .botao .elementor-item:active span,
.elementor-field-type-submit .elementor-button:active .elementor-button-content-wrapper,
.elementor-widget-button.botao .elementor-button:active .elementor-button-content-wrapper {
  	transform: translateY(0);
}

.botao.primary .elementor-button {
	background-color: var(--e-global-color-primary);
}

.botao.primary .elementor-button-content-wrapper {
	border-color: var(--e-global-color-primary);
	color: var(--e-global-color-primary);
}

.botao.secondary .elementor-button {
	background-color: var(--e-global-color-secondary);
}

.botao.secondary .elementor-button-content-wrapper {
	border-color: var(--e-global-color-secondary);
	color: var(--e-global-color-secondary);
}

.botao.secondary .elementor-button {
	background-color: var(--e-global-color-secondary);
}

.elementor-widget-nav-menu .menu-item:not(.botao) a:hover {
    background-color: var(--e-global-color-c4e79ae);
}

.elementor-widget-nav-menu .botao .elementor-item {
    letter-spacing: 2.5px;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.elementor-widget-nav-menu .botao .elementor-item {
	background-color: var(--botao-borda);
	padding: 0 !important;
}

.elementor-widget-nav-menu .botao .elementor-item span {
	background-color: var(--botao-bg);
	border-color: var(--botao-borda);
	color: var(--botao-texto);
}

.elementor-widget-nav-menu .menu-item:not(.botao) .elementor-item {
    border-radius: 0.25em;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown .menu-item.botao {
	display: inline-block;
    margin: 10px 0 20px;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown .menu-item:not(.botao) {
    margin: 10px 0;
    padding: 0 10px;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown .menu-item.botao .elementor-item {
    margin: 0 10px;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown .menu-item.botao .elementor-item span {
    border-color: var(--e-global-color-6e306a4);
}

#indicadores > .e-con-inner > .e-grid > a::after {
	content: "Assista";
	display: flex;
	flex-flow: column;
	justify-content: end;
	text-align: center;
	font-size: 0.75em;
	font-family: Tahoma;
	color: black;
	position: absolute;
	top: 10%;
	right: 10%;
	background-image: url('/wp-content/uploads/2026/03/click-3.gif');
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: top;
	height: 64px;
	width: 48px;
	opacity: 0;
	transition: opacity 1s ease;
}

#indicadores > .e-con-inner > .e-grid > a.show-icon::after {
	opacity: 1;
}

#indicadores > .e-con-inner > .e-grid > a:hover,
#indicadores > .e-con-inner > .e-grid > a.animated {
	border-radius: 52px;
	transition: border-radius 0.2s ease;
}

#indicadores > .e-con-inner > .e-grid > a::before {
    content: "";
	background-color: var(--e-global-color-primary);
	border-radius: 50px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

#indicadores > .e-con-inner > .e-grid > a:hover::before,
#indicadores > .e-con-inner > .e-grid > a.animated::before {
	opacity: 0.95;
}

#indicadores > .e-con-inner > .e-grid > a:hover .elementor-image-box-title,
#indicadores > .e-con-inner > .e-grid > a.animated .elementor-image-box-title {
	color: var(--e-global-color-text);
}

#indicadores > .e-con-inner > .e-grid > a:hover .elementor-image-box-description,
#indicadores > .e-con-inner > .e-grid > a.animated .elementor-image-box-description {
	color: var(--e-global-color-079ede8);
}

#indicadores > .e-con-inner > .e-grid .elementor-image-box-img img {
	transform: scale(0.9);
	transition: transform 0.2s ease-in;
}

#indicadores > .e-con-inner > .e-grid > a:hover .elementor-image-box-img img,
#indicadores > .e-con-inner > .e-grid > a.animated .elementor-image-box-img img {
	transform: scale(1);
}

#indicadores > .e-con-inner > .e-grid > a:hover .elementor-image-box-img,
#indicadores > .e-con-inner > .e-grid > a.animated .elementor-image-box-img {
	animation: floating 3s ease-in-out infinite;
}

#indicadores > .e-con-inner > .e-grid > a:hover .elementor-image-box-img::after,
#indicadores > .e-con-inner > .e-grid > a.animated .elementor-image-box-img::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    width: 44px;
    height: 8px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    filter: blur(4px);
    animation: shadow 3s ease-in-out infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0) rotate(-2deg);
	}
	50% {
		transform: translateY(-10px) rotate(2deg);
	}
	100% {
		transform: translateY(0) rotate(-2deg);
	}
}

@keyframes floating-shadow {
    0% {
        transform: translateX(-50%) scale(1);
        opacity: 0.3;
    }
    50% {
        transform: translateX(-50%) scale(0.8);
        opacity: 0.15;
    }
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 0.3;
    }
}

.overlay::before {
    content: "";
    position: absolute;
    backdrop-filter: blur(2px);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.overlay::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.overlay.loading::before {
    background: rgba(255,255,255,0.85);
}

.overlay.loading::after {
    width: 40px;
    height: 40px;
    border: 4px solid #ddd;
    border-top: 4px solid #000;
    border-radius: 50%;
    animation: spin .8s linear infinite;
}

@keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.overlay.success::before {
    background: var(--e-global-color-secondary);
}

.overlay.success::after {
    content: "✔";
    font-size: 48px;
    color: #fff;
    animation: none;
}

.overlay.loading::before,
.overlay.loading::after,
.overlay.success::before,
.overlay.success::after {
    opacity: 1;
    visibility: visible;
}