/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/*
    STRUCTURE
*/

:root {
    --custom-content-width: 120rem;
    --gutter: clamp(1.25rem, 2.5vw, 3rem);
}

.content-width {
    width: 100%;
    max-width: var(--custom-content-width) !important;
    margin-inline: auto;
    padding-inline: var(--gutter);
}

/* BOTOES */

.the-button .elementor-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Fundo animado */
.the-button .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #2E294E;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    z-index: -1;
}

/* Hover */
.the-button .elementor-button:hover::before {
    transform: scaleX(1);
}

/* Rotação do ícone */
.the-button .elementor-button-icon {
    transition: transform 0.4s ease;
}

.the-button .elementor-button:hover .elementor-button-icon {
    transform: rotate(-45deg);
}

/* HERO VIDEO
----------------------------------------- */

.hero-video {
    position: relative;
    overflow: hidden;
}


/* Overlay inicial */

.hero-video .intro-overlay {
    position: absolute;
    inset: 0;
    z-index: 20;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    clip-path: inset(0 0 0 0);

    transition:
        clip-path 0.9s cubic-bezier(.76, 0, .24, 1);
}


/* Logo */

.hero-video .intro-logo {
    opacity: 1;
   /* transform: translateY(0);

    transition:
        transform 0.8s cubic-bezier(.22, 1, .36, 1),
        opacity 0.6s ease; */
	clip-path: inset(0 0 0 0);

    transition:
        clip-path 0.9s cubic-bezier(.76, 0, .24, 1);
}


/* Quando o vídeo estiver pronto */

.hero-video.intro-ready .intro-logo {
   /* transform: translateY(-60px); */
	clip-path: inset(0 0 100% 0);
    opacity: 0;
}


/* Overlay desaparece ligeiramente depois */

.hero-video.intro-ready .intro-overlay {
    clip-path: inset(0 0 100% 0);
    pointer-events: none;

    transition-delay: 0.15s;
}

/* Bloco esquerdo:
   começa fechado e revela da esquerda para a direita */
.hero-left-block {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.9s cubic-bezier(.76, 0, .24, 1);
}

/* Bloco direito:
   começa fechado e revela da direita para a esquerda */
.hero-right-block {
    clip-path: inset(0 0 0 100%);
    transition: clip-path 0.9s cubic-bezier(.76, 0, .24, 1);
}

/* Só entram depois de o intro terminar */
.hero-video.hero-blocks-ready .hero-left-block,
.hero-video.hero-blocks-ready .hero-right-block {
    clip-path: inset(0 0 0 0);
}

/* NAV
----------------------------------------- */

.nav-block {
    transform: translateY(-100%);
    transition: transform 0.6s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
}


/* Entrada inicial */

.nav-block.nav-ready {
    transform: translateY(0);
}


/* Após a entrada inicial:
   esconder quando scroll down */

.nav-block.nav-hidden {
    transform: translateY(-100%);
}


/* Mostrar */

.nav-block.nav-visible {
    transform: translateY(0);
}

/* HEADER GLOBAL — PÁGINAS INTERIORES */

.nav-block-global {
    transform: translateY(0);
    transition: transform 0.6s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
}

/* Esconder ao fazer scroll down */

.nav-block-global.nav-hidden {
    transform: translateY(-100%);
}

/* Mostrar ao fazer scroll up */

.nav-block-global.nav-visible {
    transform: translateY(0);
}

/* TEAM */

.pic {
	aspect-ratio:1/1;
}

/* ORB */
 @property --a {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes spin {
    to {
        --a: 360deg;
    }
}
.orb {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden !important;
    border-radius: 0px;
}
.orb::before{
    content: "";
    position: absolute;
    background: conic-gradient(
        from var(--a),
        transparent 0%,
        #9055a2,
        #2e294e,
        #011638  
    );
    inset: 0%;
    filter: blur(100px);
    animation: spin 20s linear infinite;
}
.orb::after {
    content: "";
    position: absolute;
    background: conic-gradient(
        from var(--a),
        transparent 0%,
        #9055a2,
        #2e294e,
        #011638  
    );
    inset: 0%;
    filter: blur(100px);
    animation: spin 50s linear infinite reverse;
}