/*
    Theme Name: Atom Theme
    Theme URI: https://atomdigital.com.br/
    Author: Higor Paulo | Atom Digital
    Author URI: https://atomdigital.com.br/
    Description: Website/One Page/Landing Page
    Version: 2024
    License: Atom Digital
    License URI: https://atomdigital.com.br/
    Tags: criação de páginas web Brasil, criação de páginas web Goiânia, desenvolvimento de sites Goiânia, desenvolvimento de sites responsivos Goiânia, web design Goiânia, otimização SEO, análise de desempenho de sites, técnicas de otimização para sites, gestão de redes sociais, estratégias de marketing nas redes sociais, produção de conteúdo para websites
    Text Domain: Atom Digital
*/
:root{
    /* Cores */
    --color-dark: #000810;
	--color-white: #ffffff;
	--color-primary: #1B1B1B;
	--color-second: #8C8074;
	--color-third: #64594e;
	--color-green: #00DF54;

    --color-gray: #EEEEEE;
    --color-gray-light: #F8F8F8;
    --color-gray-dark: #7f7f7f;
    /* Cores */

    /* Background Cores */
	--bg-color-light: #;
    /* Background Cores */

    /* Cores Borda */
    --color-border-01: #7f7f7f;
    --color-border-02: #C8C8C8;
    --color-border-03: #0B3E64;

    --color-border-opacity01: #;

	/* Box Shadows */
	--box-shadow-01 : 0 30px 30px #eee;

    /* Fonts Family */
    --font-family-01: "Archivo", sans-serif;
}
body{
    color: var(--color-dark);
    font-family: var(--font-family-01);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p{
    font-size: 1.188rem;
}
/*********** Start border ***********/
.at-border-01{
    border: 1px solid var(--color-border-02);
}

.at-border-top-01{    
    border-top: 1px solid var(--color-border-01);
}
.at-border-top-02{    
    border-top: 1px solid var(--color-border-02);
}

.at-border-bottom-01{    
    border-bottom: 1px solid rgba(22, 22, 22, 0.15);
}
.at-border-bottom-02{    
    border-top: 1px solid var(--color-border-02);
}
.at-border-right-01{
    border-right: 1px solid var(--color-border-02);
}

/*********** End border ***********/

/*********** Start Box-shadow ***********/
.at-box-shadow-01{
    box-shadow: 0 20px 2cqh #98989816;;
}
/*********** End Box-shadow ***********/
.background-overlay {
    background-color: #22222280;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
/*********** Start Background ***********/
.at-bg-primary{
    background-color: var(--color-primary);
}
.at-bg-secondary{
    background-color: var(--color-secondary)
}
.at-bg-light{
    background-color: var(--color-white);
}
.at-bg-gray{
    background-color: var(--color-gray);
}
.at-bg-gray-light{
    background-color: var(--color-gray-light);
}
.at-bg-gray-dark{
    background-color: var(--bg-color-gray-dark);
}
/*********** End Background ***********/

/************* Start Colors *************/
.gradient-text {
    background: linear-gradient(90deg, var(--color-second), var(--color-third));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.at-color-dark{
    color: var(--color-dark);
}
.at-color-dark-light{
    color: var(--color-dark-light);
}
.at-color-white{
    color: var(--color-white) !important;
}
.at-color-primary{
    color: var(--color-primary) !important;
}
.at-color-secondary{
    color: var(--color-secondary) !important;
}
.at-color-green{
    color: var(--color-green);
}

.at-color-gray-light{
    color: var(--color-gray-light);
}

.at-color-gray-dark{
    color: var(--color-gray-dark);
}
.at-color-gray{
    color: var(--color-gray);
}
/************* End Colors *************/

/******** Start Style Text Page ********/
.at-text-big{
    font-size: 1.188rem;
}
.at-text-medium{
    font-size: 1.125rem;
}
.at-text{
    font-size: 1rem;
}
.at-text-small{
    font-size: 0.875rem;
}
.at-text-small-sm{
}
/******** End Style Text Page ********/

/******** Start Style Title Page ********/
.at-title{
    font-size: 3rem;
}
.at-title-small{
}
.at-title-medium{
    
}
.at-title-big{ 
    font-size: 3.625rem;
}

.at-subtitle{
    font-size: 1.875rem;

}
.at-subtitle-small{
}
.at-subtitle-medium{
    font-size: 1.625rem;
}
.at-subtitle-big{

}

.at-subtitle_style{
    text-transform: uppercase;
    position: relative;
    padding-left: 60px;
}
.at-subtitle_style::before{
    content: "";
    width: 40px;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    background: linear-gradient(90deg, var(--color-second), var(--color-third));
}
/******** End Style Title Page ********/

/********* Start Style Botões *********/
.at-btn-style-01{
    background: linear-gradient(90deg, var(--color-second), var(--color-third));
    color: var(--color-white);
    padding: 18px 30px;
    display: inline-flex;
    color: var(--bg-color-dark);
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
}
.at-btn-style-01:hover{

}
/********* End Style Botões *********/
.swiper-pagination-bullet{
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
}
.swiper-pagination-bullet-active{
    background: linear-gradient(90deg, var(--color-second), var(--color-third));
}
/********* Start Form *********/
form input,
form textarea{
    width: 100%;
    padding: 16px 20px;
    border: 1px solid var(--color-border-01);
    color: var(--color-gray-dark);
}
form textarea{
    min-height: 7rem;
}
form button{
    width: 100%;
    display: flex;
    justify-content: center;
}
/********* End Form *********/

/********* Start Iframe *********/
.iframe_map>iframe{
    width: 100%;
    height: 660px;
}
@media screen and (max-width: 576px) {
    .iframe_map>iframe{
        width: 100%;
        height: 360px;
    }
}
/********* End Iframe *********/

/********** Start Menu *********/
.at-header-main .navbar-collapse{
    justify-content: end;
}
.navbar{
    padding: 0 !important;
}
.at-header-main .nav-link{
    color: var(--color-white);
    font-size: 0.875rem;
    font-weight: 700;
    transition: color .5s ease-in-out; 
}

.at-header-main .nav-link:hover {
   color: var(--color-white);
}
.at-header-main .nav-link.active{
    background: linear-gradient(90deg, var(--color-second), var(--color-third));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.at-header-main .navbar-brand{
    font-size: inherit;
    padding: 0;
    margin: 0;
}
.at-header-main .navbar-toggler_close,  
.at-header-main .navbar-toggler {
    display: none;
}
.nav-link:focus-visible{
    box-shadow: inherit;
}

@media screen and (max-width: 999px) {
    .at-header-main .navbar-overlay {
        background-color: rgba(0, 0, 0, 0.7);
        display: none;
    }
    .at-header-main .navbar-toggler {
        display: block !important;
        border: inherit;
    }
    .at-header-main .navbar-toggler:focus{
        box-shadow: inherit;
    }
    .at-header-main .navbar-toggler img{
        height: 38px;
        padding: 0;
    }    
    .at-header-main .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 80%;
        height: 100%;
        background-color: var(--color-white);
        z-index: 990;
        transform: translateX(100%);
    }
    .at-header-main .navbar-collapse.show {
        transition: .5s ease-in-out;
        transform: translateX(0);
        padding: 50px;
        padding-left: 15%;
        overflow: auto;
    }
    .at-header-main .collapse:not(.show){
        transition: .5s ease-in-out;
        display: block;
        transform: translateX(150%) !important;
    }
    .at-header-main .navbar-nav{
        width: 100%;
        display: flex;
        flex-direction: column !important;
        align-items: start;
        justify-content: center;
        text-align: left;
    }
    .at-header-main .navbar-nav li{
        width: 100%;
        padding-left: 0 !important;
    }
    .at-header-main .navbar-nav li a{
        color: var(--color-dark);
        font-size: 20px;
        line-height: 74px;
        font-weight: 400;
        border: none;
        padding: 15px 0 !important;
    }
    .at-header-main .navbar-nav li a:hover{
        border: none;
        color: var(--color-secondary);
        font-weight: 500;
    }
    .at-header-main .navbar-toggler_close_content{
        position: absolute;
        right: 10px;
        top: 10px;
        width: 100%;
        display: flex !important;
        justify-content: end;
        margin-bottom: 50px;
    }
    .at-header-main .navbar-toggler_close {
        display: flex;
        background-color: transparent;
        border: none;
    }
    .at-header-main .navbar-toggler_close img{
        max-height: 35px;
    }
    .at-header-main .dropdown-menu{
        border: inherit;
    }
}
/********* End Menu *********/

/********* 
    Start Mvv
*********/
#mvv .nav-pills {
    width: 400px;
    height: 100%;
    justify-content: center;
}
#mvv .nav-pills .nav-item .nav-link{
    width: 100%;
    border-top: 1px solid var(--color-border-02);
    border-bottom: 1px solid var(--color-border-02);
    border-left: 1px solid var(--color-border-02);
    padding: 45px 50px;
    border-radius: inherit;
    text-align: left;
    color: var(--color-dark);
    font-size: 1.625rem;
    font-weight: 700;
}
@media screen and (max-width: 576px) {

    #mvv .nav-pills {
        width: 100%;
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        margin-bottom: 20px;
    }
    #mvv .nav-pills .nav-item .nav-link{
        padding: 10px 40px !important;
        border-right: 1px solid var(--color-border-02);
    }
}
#mvv .nav-pills .nav-link.active{
    background-color: inherit;
    color: var(--color-dark);
    border-left: 2px solid var(--color-border-03);
}
#mvv .tab-content{
    padding: 30px;
    border: 1px solid var(--color-border-02);
    height: 100%;
}
/********* 
    End Mvv
*********/

/********* 
    Start Enterprises
*********/


/* 
####### 
    START INDEX
####### 
*/
.tabsCategoryEnterprises{
    border-bottom: 1px solid var(--color-border-02);
    padding-bottom: .8rem;    
}
.tabsCategoryEnterprises li a{ 
    padding: 0 .5rem 1rem;   
    position: relative;
}
.tabsCategoryEnterprises li a:hover::after,
.tabsCategoryEnterprises li a.page-current::after{
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -.2rem;
    left: 0;
    background: linear-gradient(90deg, var(--color-second), var(--color-third));
}
.search_enterprises{
    display: flex;
}
/* 
####### 
    END INDEX
####### 
*/


/* 
####### 
    START SINGLE
####### 
*/
#tabsStatistics .nav-pills {
    width: 400px;
    height: 100%;
    justify-content: center;
}
#tabsStatistics .nav-pills .nav-item .nav-link{
    width: 100%;
    border-top: 1px solid var(--color-border-02);
    border-bottom: 1px solid var(--color-border-02);
    border-left: 1px solid var(--color-border-02);
    padding: 45px 50px;
    border-radius: inherit;
    text-align: left;
    color: var(--color-dark);
    font-size: 1.625rem;
    font-weight: 700;
}
@media screen and (max-width: 576px) {

    #tabsStatistics .nav-pills {
        width: 100%;
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        margin-bottom: 20px;
    }
    #tabsStatistics .nav-pills .nav-item .nav-link{
        padding: 10px 40px !important;
        border-right: 1px solid var(--color-border-02);
    }
}
#tabsStatistics .nav-pills .nav-link.active{
    background-color: inherit;
    color: var(--color-dark);
    border-left: 2px solid var(--color-border-03);
}
#tabsStatistics .tab-content{
    padding: 30px;
    border: 1px solid var(--color-border-02);
    height: 100%;
}

.at-enterprises_video__image{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.at-icone-play{
    position: absolute; 
    animation: pulse 3s infinite;
    transform-origin: center;
}
@keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.08);
    }
    100% {
      transform: scale(1);
    }
}
.at-enterprises_video__video {
    display: none;
    position: fixed;
    width: 70%;
    height: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: var(--color-font-white);
    padding: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.at-enterprises_video__video-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.at-enterprises_video__video iframe {
    width: 100%;
    height: 100%;
}

.at-enterprises_video__video.active {
    display: flex;
}

.at-enterprises_video__video.active + .at-enterprises_video__video-overlay {
    display: flex;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    color: var(--color-font-white);
    font-size: var(--font-size-title-4);
    cursor: pointer;
}

.gallery figure img{
    max-height: 410px;
}

.progress-container {
    width: 100%;
}  
.progress-bar {
    width: 0%;
    height: 25px;
    background: linear-gradient(90deg, var(--color-second), var(--color-third));
    line-height: 20px;
    color: white;
}

#faq__aconcora .accordion{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
#faq__aconcora .accordion .accordion-button{
    font-size: 1.625rem;
    font-weight: 700;
}
#faq__aconcora .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
#faq__aconcora .accordion-item .accordion-button{
    border-radius: 1px !important;   
}
.accordion-item {
    color: var(--color-dark);
    background-color: inherit;
    border: 1px solid var(--color-border-02);
    border-radius: 0px !important;   
}
.accordion-item:not(:first-of-type){
    border: 1px solid var(--color-border-02);

}
.accordion-button:not(.collapsed) {
    color: var(--color-primary);
    background-color: inherit;
    box-shadow: inherit;
}
.accordion-button:focus {
    z-index: 3;
    border-color: 0;
    outline: 0;
    box-shadow: inherit;
}
/* 
####### 
END SINGLE
####### 
*/

/********* 
    End Enterprises
*********/

/********* 
    Start Blog
*********/
/* 
####### 
START ASIDE
####### 
*/
.list-category{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.list-category li {
    border-bottom: 1px solid var(--color-border-02);
    padding-bottom: 1rem;
}
.list-category li:last-child{
    border-bottom: none;
}
.list-category li a{
    font-size: 1.125rem;
    font-weight: 600;
    padding-left: 1.5rem;
    position: relative;
    display: flex;
    align-items: center;
}
.list-category li a::after{
    content: "";
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
    background-image: url(assets/img/arrow-right-black.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 19px;
    height: 18px;
}
.list-category li a[aria-current="page"] {
    background: linear-gradient(90deg, var(--color-second), var(--color-third));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.list-category li a[aria-current="page"]::after {

    background-image: url(assets/img/arrow-right.svg);
}
/* 
####### 
END ASIDE
####### 
*/

/* 
####### 
START SINGLE
####### 
*/
.blog-single__article .blog-single__img img{
    width: 100%;
}
.blog-single__content h1,
.blog-single__content h2,
.blog-single__content h3,
.blog-single__content h4,
.blog-single__content h5,
.blog-single__content h6{
    font-size: 1.875rem;
    font-weight: 700;
}
/* 
####### 
END SINGLE
####### 
*/

/********* 
    End Blog
*********/

/********* 
    Start Footer 
*********/
/* contacts footer */
.contacts-footer{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.contacts-footer li {
    display: flex;
    gap: .5rem;
    align-items: start;
}
.contacts-footer li img{
    height: 18px;
    margin-top: 5px;
}
/* menu footer */
.menu-footer{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.menu-footer li {
    display: flex;
    gap: .5rem;
    align-items: center;
    position: relative;
}
.menu-footer li::before {
    content: '';
    display: inline-block;
    width: 10px; /* Ajuste conforme necessário */
    height: 15px; /* Ajuste conforme necessário */
    background-image: url('assets/img/icon-menu-style.svg');
    background-repeat: no-repeat;
    background-size: contain; 
}

.menu-footer li img{
    height: 12px;
}
.menu-footer li a{
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
}

.wq-whatsapp_btn {
    position: fixed;
    right: 15px;
    bottom: 15px;
    height: 60px;
    width: 60px;
    color: var(--color-font-white);
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #4dc247;
    z-index: 99;
}
.wq-whatsapp_btn img{
    height: 30px;
}
.wq-whatsapp_btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 50%;
    background-color: rgba(77,194,71,.7);
    animation: whatsapp 2s infinite 2s alternate;
}

@keyframes whatsapp {
    from {
        opacity: .3;
        transform: scale(1);
        box-shadow: 0px 0px 0px #4dc247;
    }

    to {
        opacity: .7;
        transform: scale(1.25);
        box-shadow: 0px 0px 20px #4dc247;
    }
}

/********* 
    End Footer 
*********/

.badge-entregue:before,
.badge-entregue:after{
    position: absolute;
    display: block;
    content: '';
    top: 0px;
    left: 0px;
    z-index: -1;
}
.badge-entregue:before{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #87CEB5, #177CC1);
}
.badge-entregue:after{
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: var(--color-gray);
}
.badge-entregue{
    z-index: 3;
    position: relative;
}