@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{
    font-family: 'Catamaran', sans-serif;
}

a:link,
a:visited,
.nav-link:link,
.nav-link:visited,.linkWhite {
    color: inherit;
    text-decoration: none;
}

.linkWhite:hover{
    color:#08ACA8
}
/*NAVBAR DRESSLER*/
.logo-dressler{ width: 235px; padding-left: 2px; }

.navbar-dressler{
    background-color: white !important ;    
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.3s ease; /* Efeito de transição suave */
}
.scrolled { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1); }

@media screen and (min-width: 992px) {
    .navbar-dressler{ height: 80px; }    
}

#divSegmentos{
    background: #FFF !important; 
    z-index: 99;
}

.dropdown-menu{
    border: 0px !important;
    margin-left: -20px;
}

#divSegmentos h1{

    font-size: 20pt;
    color: #08ACA8;
}

.footer-link, .footer-link:hover{ color:#fff; text-decoration: none; }
/*
---------------------------
LINKS 
---------------------------
*/
@media screen and (min-width: 992px) {
    .dressler-link{
        font-size: 14pt;
        padding-right: 75px;
        color: #000;
    }

    #navContato{ padding-right: 4px; }
}

@media screen and (max-width: 575) {
    #form-email{
        padding: 20px
    }
}

.dressler-link.dressler-active, .dressler-link.actve { color:#15ACA8 !important; font-weight: 600; }
.dressler-link:hover{ color:#15ACA8 !important; }
/*
-----------------------------------------------------------------------------------------------------
INDEX
-----------------------------------------------------------------------------------------------------
*/


.container-puzzle{ margin-top: 100px; margin-bottom: 80px; }
.container-puzzle img{ max-width: 100%; }

.petroleo{
    background: #08ACA8;
    color:#FFF;
    padding: 0; 
    margin: 0;
}

.green{
    background: #AFC904;
    color:#FFF;
    width: 100%; 
    padding: 0; 
    margin: 0;
}
.btn-dressler-petroleo{
    background: #08ACA8;
    color:#FFF;
    border: 1px solid #fff; 
    border-radius: 6px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14pt;
    letter-spacing: 1px;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-dressler-petroleo:hover{
    background: #FFF;
    color:#000 !important;
    border: 1px solid #08ACA8; 
}

.btn-dressler-white {
    background: #fff;
    color: #000;
    border: 1px solid #08ACA8;
    border-radius: 6px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14pt;
    letter-spacing: 1px;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-dressler-white:hover {
    background: #08ACA8;
    color: #fff !important; /* Ajuste a quantidade de deslizamento conforme necessário */
}

.dressler-greencard, .dressler-mini-greencard{
    background-color: #AFC904;
    color:#fff;
    border-radius: 4px;
}

.btn:hover{
    color: inherit
}

@media screen and (min-width: 1400px) {
    .dressler-greencard{ width: 370px; }
}

@media screen and (max-width: 1399px) {
    .dressler-greencard{ width: 310px; }
}

@media screen and (max-width: 1280px) {
    .dressler-greencard{ width: 310px; }
}

@media screen and (max-width: 1199px) {
    .dressler-greencard{ width: 245px; }
}


.dressler-card-text{ font-size: 15pt; letter-spacing: 1px; }
.dressler-middle-first{ margin-top: 15px }
.dressler-middle{ margin-top:-15px }
/*
--------------------------------------------------
TOPS E BOTTONS - ESPAÇAMENTO
--------------------------------------------------
*/
.top-10{ padding-top: 10px; }
.top-20{ padding-top: 20px; }
.top-30{ padding-top: 30px; }
.top-35{ padding-top: 35px; }
.top-40{ padding-top: 40px; }
.top-50{ padding-top: 50px; }
.top-60{ padding-top: 60px; }
.top-70{ padding-top: 70px; }
.top-80{ padding-top: 80px; }
.top-90{ padding-top: 90px; }
.top-100{ padding-top: 100px; }
.top-120{ padding-top: 120px; }
.top-130{ padding-top: 130px; }
.top-140{ padding-top: 140px; }
.top-160{ padding-top: 160px; }

.bottom-10{ padding-bottom: 10px; }
.bottom-20{ padding-bottom: 20px; }
.bottom-30{ padding-bottom: 30px; }
.bottom-35{ padding-bottom: 35px; }
.bottom-40{ padding-bottom: 40px; }
.bottom-50{ padding-bottom: 50px; }
.bottom-60{ padding-bottom: 60px; }
.bottom-70{ padding-bottom: 70px; }
.bottom-80{ padding-bottom: 80px; }
.bottom-90{ padding-bottom: 90px; }
.bottom-100{ padding-bottom: 100px; }
.bottom-120{ padding-bottom: 120px; }
.bottom-130{ padding-bottom: 140px; }
.bottom-140{ padding-bottom: 140px; }
.bottom-160{ padding-bottom: 160px; }

/*
--------------------------------------------------
*/

.dh1-626262, .dh2-626262, .dh2-626262-soft{ color: #626262 }
.dh1-444444{ color: #444444; font-weight: 400; font-size: 25pt; }

.dh1-green{
    color: #AFC904;
    font-weight: 600;
    font-size: 30pt;
}
.dh1, .dh1-626262{
    font-weight: 300;
    font-size: 35pt;
}

.dh1-mini{
    font-weight: 300;
    font-size: 14pt;
}

.dh1-soft{
    font-weight: 350;
    font-size: 30pt;
    margin-left: 40px;
}

.dh2{
    font-size: 25pt;
    font-weight: 300 !important;
}

.dh2-626262{
    font-size: 25pt;
    font-weight: 500 !important;
}

.dh2-626262-soft{
    font-size: 25pt;
    padding:4px;
    font-weight: 400 !important;
}

.dh2-mini, .dh2-quemsomos{
    font-size: 25pt;
    font-weight: 300 !important;
}

.dh3{
    font-size: 22pt;
    font-weight: 300 !important;
    letter-spacing: 2px;
}

.dh3-mini{
    font-size: 18pt;
    font-weight: 300 !important;
    letter-spacing: 2px;
}
/*
--------------------------------------------------------
CLIENTES
--------------------------------------------------------
*/

.img-clientes{
    max-width: 60%;
    max-height: 100px;
}

/*
--------------------------------------------------------
QUEM SOMOS
--------------------------------------------------------
*/
@media screen and (min-width: 992px) {
    /* Contornos */
    .line-top, .line-right , .line-left { position: relative;}
    .line-top {border-top: 3px solid #08ACA8;}
    .line-right {border-right: 3px solid #08ACA8;}
    .line-left { border-left: 3px solid #08ACA8;}

    /* A bolinha */
    .corner { width: 20px; height: 20px; background-color: #AFC904; border-radius: 50%; position: absolute;}

    /*posição das bolinhas*/
    .top-left { top: -11px; left: -11px; }
    .top-right { top: -11px; right: -11px; }
    .bottom-left { bottom: -11px; left: -11px; }
    .bottom-right { bottom: -11px; right: -11px; }

    .dh2-quemsomos{
        margin-top: -20px;
    }
    
}


.span-gray{
    color: #999;
    font-size: 14pt;
    text-align: justify;
}

.span-626262{
    color: #626262;
    font-size: 14pt;
    text-align: justify;
}

.span-959595{
    color: #959595;
    font-size: 14pt;
    text-align: justify;
}

.dressler-fafafa{ background: #FAFAFA; }

.text-abraconee{
    font-size: 14pt;
    word-spacing: 2px;
    letter-spacing: 1px;
}

/*
----------------------------------------------------------------
CONTATO
----------------------------------------------------------------
*/

@media screen and (max-width: 575px) {
    .div-form-email {
        padding-left: 10px !important;
    }
}

.dh1-contato{
    color:#0097B2;
    font-size: 25pt;
}

.dessler-label{
    color:#0097B2;
    letter-spacing: 1.2px;
}

.dressler-input{
    background-color: #FFF;
    border: 1px solid #222;
    border-radius: 4px;
}

.dressler-label-black, .dressler-label-black a{
    color: #000;
    letter-spacing: 1.2px;
}

/*
----------------------------------------------------------------
SERVIÇOS
----------------------------------------------------------------
*/

.dessler-servicos-card-text {
    color: #fff;
    font-size: 14pt;
}


.btn-dressler-greeen {
    background: #AFC904;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14pt;
    letter-spacing: 1px;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-dressler-greeen:hover {
    background: #708102;
    color: #fff !important; 
}