/*
Theme Name: AMC Models
Author: José Erildo
Author URI: @joseerildo.dev
Description: ...
Version: 1.2
*/

@import "css/base/reset.css";
@import "css/base/base.css";
@import "css/base/containers.css";

@import "css/page-headers/header.css";
@import "css/botoes/botao/botao.css";
@import "css/botoes/buttom--1.css";

@import "css/sections/hero/hero.css";
@import "css/sections/secao__foto/secao__foto.css";
@import "css/sections/scroll--1/scroll--1.css";
@import "css/sections/parceiros/parceiros.css";
@import "css/sections/menu--1/menu--1.css";
@import "css/sections/page_sobre-nos/page_sobre-nos-header.css";
@import "css/sections/frase-animada--1/frase-animada--1.css";
@import "css/sections/page_sobre-nos/nosso-trabalho/nosso-trabalho.css";
@import "css/sections/page_sobre-nos/big-numbers--2/big-numbers--2.css";
@import "css/sections/page_sobre-nos/nossos-clientes/nossos-clientes.css";
@import "css/sections/page_sobre-nos/equipes-estrada/equipes-estrada.css";
@import "css/sections/footer/footer.css";
@import "css/sections/page_contato/page_contato--1.css";
@import "css/sections/page_contato/pagina-contato--1__header.css";
@import "css/sections/nossos-trabalhos/nossos-trabalhos__header.css";
@import "css/sections/nossos-trabalhos/feed.css";
@import "./css/sections/carrossel--3/carrossel--3.css";
@import "./css/sections/galeria--1/galeria--1.css";
@import "./css/sections/blog/blog.css";
@import "./css/sections/blog/post.css";
@import "./css/sections/404/404.css";
@import "./css/sections/page_sobre-nos/diretor/diretor.css";
@import "./css/sections/page_sobre-nos/parceiros/parceiros.css";
@import "./css/sections/como-funciona/carrossel--1/carrossel--1.css";
@import "./css/sections/como-funciona/como-funciona.css";
@import "./css/sections/como-funciona/video--1/video--1.css";
@import "./css/sections/como-funciona/carrossel-3d/carrossel-3d.css";
@import "./css/sections/nossos-trabalhos/depoimentos/depoimentos.css";
@import "./css/sections/page_sobre-nos/orbits.css";
/* --- PRELOADER COM ABERTURA DE DENTRO PARA FORA --- */

/* #preloader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    overflow: hidden;
} */



.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9999;
    pointer-events: none;
    opacity: 1;
    transform: translateX(-100%);
}

html.is-changing .overlay {
    transition: all .5s;
}

html.is-animating .overlay {
    transform: translateX(0%);
}

html.is-rendering .overlay {
    transform: translateX(100%);
}


:root {
    --tec-color-accent-primary: #05BEC0;
    --tec-color-text-event-title: #05BEC0;

    .tribe-events-c-nav__prev,
    .tribe-events-c-nav__next,
    .tribe-common-c-btn-icon--caret-left,
    .tribe-common-c-btn-icon--caret-right {
        display: none !important;
    }

    .tribe-events-header__navigation,
    .tribe-events-footer__navigation {
        display: none !important;
    }

    .tribe-common .tribe-common-h--alt {
        background-color: #0C525D;
    }

    .tribe-events-view {
        background-color: #E9EDF0;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month {
        background-color: #FFFFFF;
        border-radius: 16px;
    }

    .tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button {
        background-color: transparent;
        color: black;
    }

    .tribe-events .tribe-events-calendar-month__calendar-event-title-link:visited,
    .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link:visited,
    .tribe-events .tribe-events-calendar-month__calendar-event-title-link,
    .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link {
        color: rgb(0, 0, 0);
    }

    .tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small,
    .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small {

        display: none !important;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header tr {

        display: none;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item {

        display: none;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar {
        display: block
    }

    .tribe-events-single-event-title {
        color: #05BEC0;
    }

    .single-tribe_events .tribe-events-c-subscribe-dropdown__container,
    .tribe-events .tribe-events-c-subscribe-dropdown__container {
        display: none;
    }

    .tribe-common .tribe-common-h--alt {
        background-color: transparent;
    }

    .tribe-events .tribe-events-calendar-month-mobile-events__day-marker {
        display: none;
    }

    .tribe-events .tribe-events-c-nav {
        display: none;
    }

    .tribe-common span {
        color: black;
    }

    .tribe-events .tribe-events-c-view-selector {
        display: none;
    }

    .tribe-events .tribe-events-calendar-month__day-cell--selected {
        background-color: #05BEC0;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
        background-color: #05BEC0;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search {
        display: none;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
        padding-top: initial;
    }

    /*cor dos eventos*/
    .tribe-events .tribe-events-calendar-list__event-row {
        background-color: white;
        padding: 15px;
        border-radius: 15px;
        border: #E0E2E2 1px solid;

    }

    /*posição dos titulos*/
    .tribe-events .tribe-events-calendar-list__event-header {
        margin-left: 20px;
        margin-top: 4px;
    }

    .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
        padding-left: initial;
        padding-right: initial;
    }

    /*numero da data*/
    .tribe-common .tribe-common-h5 {
        font-size: 6rem !important;
    }

    /*Dia da semana*/
    .tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
        font-size: 2rem !important;
    }

    /*Titulo das categorias*/
    .tribe-events .tribe-events-header__title h1.tribe-events-header__title-text,
    .tribe-events .tribe-events-header__title h2.tribe-events-header__title-text,
    .tribe-events .tribe-events-header__title h3.tribe-events-header__title-text,
    .tribe-events .tribe-events-header__title h4.tribe-events-header__title-text,
    .tribe-events .tribe-events-header__title h5.tribe-events-header__title-text,
    .tribe-events .tribe-events-header__title h6.tribe-events-header__title-text {
        font-family: "Oxygen";
    }

    .tribe-events .tribe-events-l-container {
        padding-top: 50px;
    }
}

/* Container do Menu */
.filtro-estados-estatico {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding-top: 50px;
}

.filtro-estados-estatico h3 {
    color: #797D82;
    font-family: "Oxygen", sans-serif;
    font-size: 1.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24.96px;
    letter-spacing: -0.768px;
    text-align: center;
}

/* Wrapper do Select para customizar a seta */
.select-wrapper {
    position: relative;
    width: 100%;
    max-width: 320px;
    /* Tamanho confortável para leitura */
}

/* Estilo do Select (Herdando propriedades do seu .filter-btn) */
.filter-select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;

    padding: 12px 24px;
    background-color: #FFFFFF;
    border: 1px solid #B2C4C6;
    border-radius: 8px;
    /* Mantendo o estilo pill/arredondado */

    color: #334244;
    font-family: 'Instrument Sans', sans-serif;
    font-weight: 500;
    font-size: 15px;

    transition: all 0.3s ease;
    outline: none;
}

/* Seta Customizada (Usando a sua cor de destaque) */
.select-wrapper::after {
    content: "↓";
    /* Ou use um ícone da sua biblioteca */
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #05BEC0;
    font-weight: bold;
    pointer-events: none;
}

/* Efeito Hover */
.filter-select:hover {
    border-color: #88A6A9;
    background-color: #f8fbfc;
}

/* Estado "Ativo" (Quando o select está focado ou com estado selecionado) */
.filter-select:focus,
.filter-select.active {
    border-color: #05BEC0;
    box-shadow: 0 0 0 2px rgba(5, 190, 192, 0.1);
}

/* Ajuste para o mobile */
@media (max-width: 768px) {
    .filtro-estados-estatico h3 {
        font-size: 1.5rem;
    }
}

/*Remover calendario*/
button[data-js="tribe-events-top-bar-datepicker-button"] {
    pointer-events: none !important;
    cursor: default !important;
    /* Mantém a seta do mouse normal em vez da mãozinha */
}