/*
    Theme Name: Atom Theme
    Theme URI: https://hxdigital.com.br/
    Author: Higor Paulo | Hx Digital
    Author URI: https://hxdigital.com.br/
    Description: Website/One Page/Landing Page
    Version: 2024
    License: Atom Digital
    License URI: https://hxdigital.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
*/

@import url(css/pages/defaut/at-header.css);
@import url(css/pages/defaut/at-footer.css);

@import url(css/pages/defaut/at-inc-cta-form.css);

:root{
    /* Cores Deaut */
    --color-font: #2B2B2B;
    --color-font-light: #;
	--color-font-dark: #;
	--color-font-white: #ffffff;
	--color-font-yellow: #EAE55D;
	--color-font-red: #B22222;
	--color-font-black: #;
	--color-font-gray: #;

	--color-details-primary: #B22222;
	--color-details-secondary: #929497;
	--color-details-green: #;

	--bg-color-black: #2B2B2B;
	--bg-color-black-secondary: #3E3E3E;
	--bg-color-black-tree: #232323;
	--bg-color-gray-light: #E9E9E9;
	--bg-color-gray: #F1F1F1;
	--bg-color-gray-secondary: #CACACA;
	--bg-color-gray-tree: #EEEEEE;
	--bg-color-gray-for: #E7E7E7;

    /* Cores Borda */
    --color-border-01: #2B2B2B;
    --color-border-02: #C1C1C1;
    --color-border-03: #c4c4c48e;

    /* Fonts Size */
    --font-size-title-1: 50px;
	--font-size-title-2: 30px;
	--font-size-title-3: 25px;
	--font-size-title-4: 20px;
	--font-size-title-5: 38px;
	--font-size-title-6: 40px;
	--font-size-title-7: 70px;

	--font-size-text-big: 22px;
	--font-size-text: 18px;
	--font-size-text-small: 16px;
	--font-size-text-small02: 12px;
	--font-size-text-small03: 14px;

	--font-size-button: 16px;
	--font-size-button-big: 18px;

    /* Fonts Family */
    --font-family-01: 'Montserrat', sans-serif;
}
body{
    font-family: var(--font-family-01);
    overflow-x: hidden;
    overflow-y: visible;
}

p{
    color: var(--color-font);
    font-size: var(--font-size-text);
    letter-spacing: 1px;
    font-weight: 300;
}

.container{
    max-width: 1200px;
}

/* Titulos */


.at-header-control .container{
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
}
.at-header-control .at-title01{
    color: var(--color-details-primary);
}
.at-header-control .at-control{
    display: flex;
    gap: 15px;
}

.at-control_carousel{
    width: 115px;
    position: relative;
}


.at-title01{
    max-width: 600px;
    font-size: var(--font-size-title-2);
    color: var(--color-font-red);
    line-height: 36px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
}

.at-title_box01{
    font-size: var(--font-size-title-3);
    color: var(--color-font);
    letter-spacing: 10%;
    line-height: 30px;
    font-weight: 400;
}

/* Btns */
.at-btn01{
    cursor: pointer;
    padding: 15px 20px;
    font-size: var(--font-size-button);
    color: var(--color-font);
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid var(--color-details-primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    letter-spacing: 1px;
    background-color: transparent;
    border-radius: 10px;
}
.at-btn01:hover{
    color: var(--color-font-white);
    background-color: var(--color-details-primary);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.at-btn01 span{
    font-weight: 600;
}
.at-btn_black01{
    border-color: var(--color-font);
}
button.at-btn01:disabled,
button.at-btn01[disabled]{
  border: 1px solid #b0b0b0;
  color: #b0b0b0;
}

.at-btn02{
    padding: 15px 20px;
    background-color: var(--color-details-primary);
    font-size: var(--font-size-text-small);
    color: var(--color-font-white);
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-flex;
    border-radius: 10px;
}
/* Controls Carousel */
.swiper-pagination-bullet{
    width: 11px;
    height: 3px;
    border-radius: 10px;
}
.blog-pagination .swiper-pagination-bullet{
    background-color: var(--color-border-03);
    opacity: 1;
}
.swiper-pagination-bullet-active{
    width: 41px;
    background: var(--color-details-primary);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next ,
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    height: 100%;
    top: var(--swiper-navigation-top-offset,40%);
    width: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
}
.swiper-button-next:after{
    content: url("img/assets/icon-next.svg");
    font-size: inherit;
}
.swiper-button-prev:after{
    content: url("img/assets/icon-prev.svg");
    font-size: inherit;
}


/*** cookies ***/
body .cky-notice .cky-title{
    display: none;
}
body .cky-btn{
    border-width: 1px;
}

body .cky-btn-revisit-wrapper{
    display: none;
}

.signature {
    color:var(--color-font-red);
}

/* Estilos para dispositivos com largura entre 993px e 1200px */
/* Estilos específicos para desktops e dispositivos com telas maiores */
@media screen and (min-width: 993px) and (max-width: 1200px) {

}

/* Estilos para dispositivos com largura entre 769px e 992px */
/* Estilos específicos para tablets e dispositivos com telas maiores */
@media screen and (max-width: 999px) {

    
}

/* Estilos para dispositivos com largura entre 577px e 768px */
/* Estilos específicos para tablets e dispositivos com telas um pouco maiores */
@media screen and (min-width: 577px) and (max-width: 768px) {
    

}

/* Estilos para dispositivos com até 576px de largura */
 /* Estilos específicos para dispositivos móveis */
 @media screen and (max-width: 576px) {

    :root{
    /* Fonts Size */
    --font-size-title-1: 40px;
	--font-size-title-2: 25px;
	--font-size-title-3: 20px;
	--font-size-title-4: 18px;
	--font-size-title-5: 25px;
	--font-size-title-6: 30px;
	--font-size-title-7: 50px;

	--font-size-text-big: 18px;
	--font-size-text: 16px;
	--font-size-text-small: 14px;
	--font-size-text-small02: 12px;
	--font-size-text-small03: 13px;

	--font-size-button: 14px;
	--font-size-button-big: 
    }

    .at-header-control .at-control{
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
}