@font-face {

    font-family: 'Gotham Black';

    src: url('../font/Gotham-Black.otf');

}

@font-face {

    font-family: 'Gotham Book';

    src: url('../font/Gotham-Book.otf');

}

*{

    box-sizing: border-box;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

b, u, i, center, 

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

caption,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

ol, ul {margin-left: 18px; list-style: none;}



body {

    zoom: 1;

    word-wrap: break-word;

    word-break: normal;

    overflow-x: hidden;

}

em { 

    margin: 0; 

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

}

strong, b {

    font-weight: bold;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

    display: block;

}

html,iframe, body {

    width: 100%;

    height: 100%;

}

a:visited, a:link {

    text-decoration: none !important;

}

a:hover {

    text-decoration: none !important;

}

::selection { background: #0077f5; color: #fff; } ::-moz-selection { background: #0077f5; color: #fff; }

.sucesso {

    border: solid 1px #005937;

    color: #005937;

    background: #fff;

    border-radius: 5px;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.erro {

    border: solid 1px #b73541;

    color: #b73541;

    background: #ffbfc5;

    border-radius: 5px;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.full {

    width: 100%;

    margin: 0 auto;

    position: relative;

}



.pdg-0 {

    padding-left: 0px;

    padding-right: 0px;

}

.pdg-tp-60{

	padding-top: 60px;

}

.mrg-0 {

    margin-left: 0px;

    margin-right: 0px;

}

.mrg-bt-30{

	margin-bottom: 30px;

}

.mrg-bt-60{

	margin-bottom: 60px;

}

.white{

	color: #fff !important;

}

.height-full{height: 100%;}

.section{white-space: pre;}

.pos-rel{position: relative;}

.pos-abs{position: absolute;}

.pos-fix{position: fixed;}

.overflow-hidden{overflow: hidden;}

.display-none{display: none !important;}

.display-align {

    display: flex;

    align-items: center;

    justify-content: center;

}

.cursor-pointer{cursor: pointer;}

.outline-none{outline: none !important;}

.border-none{border: none !important;}

.background-full {

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    transition: all 1s;

}

.slick-initialized {

    visibility: visible;

}

.slick-initialized .slick-slide {

    float: none;

    display: inline-block;

    vertical-align: middle;

}

.slick-initialized .slick-slide {

    outline: none;

}



/* BREADCRUMB */

.breadcrumb {

    background-color: #F5F5F5;

    padding: 50px;

}



.breadcrumb a {

    color: #737373;

}



.breadcrumb span {

    color: #737373;

    font-weight: 900;

}



/* GERAL */

.font-0 {font-size: 0;}



.overlay {

    display: none;

    position: fixed;

    width: 100%; 

    height: 100%;

    left: 100%;

    background: rgba(14, 14, 14, 0.7);

    overflow: hidden; 

    z-index: 1050;

}



.padrao-btn button {

    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;

    position: relative;

    height: 40px;

    width: 22em;

    font-size: 12px;

    letter-spacing: 1px;

    background: transparent;

    border: 2px solid #474747;

    color: #474747;

    text-transform: uppercase;

    cursor: pointer;

    outline: none;

    font-weight: 600;

    transition: all ease 0.5s;

}



.padrao-btn button:hover {

    color: #fff;

    border: 2px solid #0077f5!important;

    background: #0077f5;

}

.newsletter .padrao-btn button:hover {
    border: 2px solid #004469!important;
    background: #004469;
}


.padrao-btn.blue-claro button {
    background: #0077f5;
    border: 2px solid #0077f5;
    color: #fff;
    border-radius: 15px;
}

.padrao-btn.blue-claro button:hover {
    background: transparent;
    color: #0077f5;
}


.padrao-btn.blue-escuro button {
    background: #004469;
    border: 2px solid #004469;
    color: #fff;
    border-radius: 15px;
}

.padrao-btn.blue-escuro button:hover {
    background: transparent;
    color: #004469;
}

.banner-wrapper { position: relative; }



.img-sobre-banner {

    position: absolute;

    right: 73%;

    top: 60%;

    width: 35%;

    height: auto;

    background-image: url(<?=$pathSite?>library/img/home-destaque.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 50;

    pointer-events: none;

}





.img-sobre-banner.interna {

    top: 50%;

}



.secundario-btn {

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    position: relative;

    height: 40px;

    width: 17em;

    font-size: 12px;

    border-radius: 15px;

    letter-spacing: 1px;

    background: #0077f5;

    border: 2px solid #0077f5;

    color: #fff;

    text-transform: uppercase;

    cursor: pointer;

    outline: none;

    font-weight: 600;

    transition: all ease 0.5s;

}



.secundario-btn:hover {

    background: transparent;

}



.secundario-btn:hover {

    color: #0077f5;

}



@media (max-width: 1024px) {
    .padrao-btn {
        text-align: center;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .img-sobre-banner, .img-sobre-banner.interna {
        display: none;
    }
}

@media (max-width: 425px) {
    .padrao-btn button {
        width: 18em;
    }
}


/*MODAL*/

.modal {

    top: -30px !important;

}

.modal-dialog {

    margin-top: 0;

}

.modal-content {

    float: left;

    width: 100%;

    top: 20em;

    border-radius: 10px!important;

    backdrop-filter: blur(10px)!important;

    box-shadow: 0 0 40px rgba(8,7,16,0.6)!important;

    padding: 10px 20px 0px 20px;

}

.modal-body {

    float: left;

    width: 100%;

    text-align: justify;

    background-color: #ffffffc9;

    backdrop-filter: blur(10px);

    box-shadow: 0 0 40px rgba(8,7,16,0.6);

}

.modal-body .display-align {

    justify-content: space-between;

}



.button {

    font-family: monospace!important;

    display: inline-block;

    padding: 0.5em 1.0em;

    border-radius: 4px;

    background: #ffffff;

    font-family: Arial;

    font-size: 16px;

    cursor: pointer;

    color: #515151;

    border: 1px solid #515151;

    margin: 10px;

    -webkit-transition: background 0.3s;

    -moz-transition: background 0.3s;

    transition: background 0.3s;

}

  

.button:hover {

    background-color: rgba(0,0,0,0.1);

}

  

.button:active, .button.is-checked {

    background-color: rgba(0,0,0,0.1);

    outline: none;

}

  

.button-group {

    margin: 20px;

    text-align: center;

}

  

.button-group:after {

    content: '';

    display: block;

    clear: both;

}



.grid article {

    float: left;

    margin: 1%;

    width: 23%;

}

  

@media (max-width: 1024px) {

    .grid article {

        width: 31.3%;

    }

}



@media (max-width: 767px) {

    .grid article {

        width: 48%;

    }

}



@media (max-width: 479px) {

    .grid article {

        margin: 2% 0;

        width: 100%;

    }

}



.insta-ref {

    opacity: 0;

    width: 0;

    height: 0;

    overflow: hidden;

}



.conteudo-site {

    max-width: 100%;

    transition: all ease-in-out 0.2s;

}



.pst-center{

	position: relative;

	left: 50%;

	transform: translateX(-50%);

}



/* Estilo da barra de rolagem */

html::-webkit-scrollbar {

  width: 5px;

  height: 5px;

}



html::-webkit-scrollbar-track {

  background: #f1f1f1;

}



html::-webkit-scrollbar-thumb {

  background: #0077f5;

  border-radius: 10px;

}



html::-webkit-scrollbar-thumb:hover {

  background: #0077f5; /* opcional - efeito hover */

}



body {

    /* Only IE */

    scrollbar-face-color: #d6a85a; scrollbar-shadow-color: #173352; scrollbar-highlight-color: #173352;

    /* Only FireFox */

    scrollbar-color: #d6a85a #173352;

    /* View Scrollbar */

    overflow-y: scroll;overflow-x: hidden;

    

    -moz-appearance: none !important;

	margin: 0px !important;

	padding: 0px !important;

	border: 0px !important;

        

    scrollbar-track-color: black;    

    

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

}





/* =========================================
   HEADER PADRAO (SEU CÓDIGO ORIGINAL + AJUSTES)
   ========================================= */

#descricao-espacamento.display-align {
    flex-direction: column;
    align-items: unset;
    position: relative;
    right: 10%;
}

.bordered-text {
    text-transform: uppercase;
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    text-shadow: 
        1px 1px 0px #271B1B, 
        -1px -1px 0px #271B1B, 
        1px -1px 0px #271B1B, 
        -1px 1px 0px #271B1B;
}

.header-padrao {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 5px;
    font-size: 55px;
    background-image: linear-gradient(180deg, #500580 50%, #0077f5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 600;
}    

.header-titulo {
    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;
    font-size: 20px;
    color: #004469;
    font-weight: 600;
}

.header-titulo a {
    color: #474747;
    text-decoration: underline!important;
}

/* Ajuste para o Menu da Esquerda ficar no início */
.navbar-expand-lg .navbar-collapse {
    justify-content: flex-start;
}

#construction .navbar-expand-lg .navbar-collapse {
    justify-content: center;
}

@media (max-width: 1199px) {
    .header-padrao {
        font-size: 36px;
    }
    .header-destaque {
        font-size: 25px;
    }
    .header-titulo {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .header-padrao {
        font-size: 35px;
    }
    .header-destaque {
        text-align: center;
    }
    .header-titulo {
        font-size: 24px;
    }
    #descricao-espacamento.display-align {
        right: 0;
    }
}

@media (max-width: 425px) {
    .header-titulo {
        font-size: 18px;
    }
}

@media (max-width: 375px) {
    .header-titulo {
        font-size: 15px;
    }
}

/* --------------------------------- HEADER CONTAINER --------------------------------- */

.container-header {
    display: flex;
    justify-content: center;
    position: fixed;
    left: 0;
    z-index: 50;
    border-bottom: solid 1px transparent;
    transition: all 0.5s;
}

.container-header .menu-linha {
    background-color: transparent;
    width: 100%;
    border-radius: 0px;
    padding: 25px 100px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: all ease 0.5s;
}

#construction .container-header .menu-linha {
    background-color: #fff;
}

.container-header .menu-linha.principal {
    width: 100%;
    position: absolute;
    border-radius: 0;
}

.secundario .info {
    color: #fff;
}

.secundario .info .bi, .rodape-rede .bi {
    color: #ffffff;
}

.secundario .info .bi-geo-alt {
    margin-left: 3em;
}

.navbar {
    width: 100%;
}

.navbar .nav-menu {
    height: 73px;
    position: relative;
    transition: all 0.5s;
}

.nav-brand {
    position: relative;
    margin: 0!important;
}

.nav-brand a {
    padding-top: 0;
    padding-bottom: 0;
}

.nav-brand img {
    height: 75px;
    position: relative;
    transition: all 0.5s;
    color: #fff;
}

/* --- BOTÃO HAMBURGUER --- */
.navbar-toggler {
    border: 2px solid #fff;
    outline: none;
    border-radius: 50%;
    padding: 7px 10px;
}

.navbar-toggler.collapsed .icon-top {
    transform: rotate(0);
}

.navbar-toggler.collapsed .icon-mid {
    opacity: 1;
}

.navbar-toggler.collapsed .icon-bot {
    transform: rotate(0);
}

.navbar-toggler:focus {
    outline: none;
}

.icon-bar {
    width: 21px;
    height: 2px;
    background-color: #0077f5;
    margin: 5px 0;
    transition: all 0.5s;
}

.navbar-toggler .icon-top {
    transform: rotate(-45deg) translate(-5px, 5px);
}

.navbar-toggler .icon-mid {
    opacity: 0;
}

.navbar-toggler .icon-bot {
    transform: rotate(45deg) translate(-3px, -4px);
}

/* ESTE COMANDO GARANTE QUE FIQUE: ESQUERDA - CENTRO - DIREITA */
.container-header .nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; 
}

#construction .container-header .nav-menu {
    justify-content: center;
}

.menu-item {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.menu-item:last-child {
    padding-right: 0;
}

.menu-item-link {
    font-size: 15px;
    font-weight: 600;
    font-family: "Gotham Black",Arial;
    cursor: pointer;
    transition: all 0.5s;
}

#construction .menu-item-link {
    font-size: 35px;
    color: #312D2E;
    text-transform: uppercase;
    font-family: "Gotham Black",Arial;
}

/* =========================================================
   NOVO: ESTILOS PARA O MENU DA DIREITA (IDs 20 e 5)
   ========================================================= */

/* Estilização específica dos links da direita (Book, Contact) */
.nav-brand.desktop .menu-item-link {
    color: #0077F5; 
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
}

.nav-brand.desktop .menu-item-link:hover {
    text-decoration: none;
}

.nav-brand.desktop a {
    text-decoration: none !important;
}

/* Lógica de Visibilidade (Bootstrap Utilities Helpers) */
/* Garante que o menu da direita suma em telas menores que 992px */
@media (max-width: 991px) {
    .nav-brand.desktop {
        display: none !important;
    }
    
    /* Utilitários caso seu bootstrap seja antigo */
    .d-none { display: none !important; }
    .d-lg-none { display: block !important; } 
}

@media (min-width: 992px) {
    /* Utilitários caso seu bootstrap seja antigo */
    .d-lg-none { display: none !important; }
    .d-lg-flex { display: flex !important; }
}

/* =========================================================
   MEDIA QUERIES GERAIS
   ========================================================= */

@media (max-width: 1440px) {
    .nav-brand img {
        height: 45px;
    }

    .container-header .menu-linha {
        padding: 0 30px;
    }
}

@media (max-width: 768px) {
    .nav-brand img, .container-header.fixo .nav-brand img {
        height: 75px!important;
    }
    .header {
        padding-bottom: 5em;
    }

    #tela-espera .container-header .menu-linha {
        padding: 15px 50px;
    }

    .container-header .menu-linha.principal {
        top: auto;
    }
}

@media (max-width: 425px) {
    #tela-espera .container-header .menu-linha {
        padding: 15px 30px;
    }

    #construction .menu-item-link {
        font-size: 20px;
    }
}

/* =========================================================
   NEWSLETTER (SOLICITADO ANTERIORMENTE)
   ========================================================= */

.newsletter {
    background-color: #0077f5;
    color: white;
    padding: 30px 0;
}

.newsletter .conteudo {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* Container do Ícone + Texto */
.newsletter-text {
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: left;
}

/* Ícone do Bootstrap */
.newsletter-text i {
    font-size: 3rem;
    line-height: 1;
}

/* Texto de endereço e telefone */
.newsletter-text .text-info p {
    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;
    font-size: 22px;
    opacity: 0.9;
    margin: 0;
    line-height: 1.3;
}

.newsletter-form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.newsletter-form input {
    border: none;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 0.9rem;
    outline: none;
    min-width: 300px;
    width: auto;
    background-color: #fff;
}

.newsletter-form button {
    background-color: #000;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
}

.newsletter-form button:hover {
    background-color: #333;
}

/* Responsividade da Newsletter */
@media (max-width: 1024px) {
    .newsletter .conteudo {
        justify-content: center;
    }

    .newsletter-text {
        justify-content: center; 
        text-align: left;
    }

    .newsletter-form {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .newsletter-form input {
        min-width: 250px;
    }
}

@media (max-width: 425px) {
    .newsletter-form input {
        min-width: 100%;
    }
}

/* =========================================================
   CORREÇÃO DO ALINHAMENTO DO HEADER (DESKTOP)
   ========================================================= */

@media (min-width: 992px) {
    
    /* 1. Torna o container principal a referência de posição */
    .container-header .nav-menu {
        position: relative; 
        justify-content: space-between; /* Espalha menu esq e dir */
    }

    /* 2. Menu da Esquerda: Ocupa apenas o espaço necessário */
    .navbar-collapse {
        flex-grow: 0; 
        flex-basis: auto; 
        width: auto;
    }

    /* 3. LOGO CENTRALIZADA "NA MARRA" (Position Absolute) */
    /* Seleciona a div da logo (que não tem a classe desktop) */
    .nav-brand:not(.desktop) {
        position: absolute;
        left: 50%;
        transform: translateX(-50%); /* Centraliza exato no meio matemático */
        margin: 0 !important;
        z-index: 10; /* Garante que fique por cima se apertar */
        text-align: center;
    }

    /* 4. Menu da Direita (Book/Contact): Alinha à direita */
    .nav-brand.desktop {
        display: flex !important;
        justify-content: flex-end;
        flex-grow: 0;
        margin-left: auto; /* Garante que cole na direita */
        gap: 30px; /* Espaço entre os itens */
        z-index: 11;
    }
}

/* =========================================================
   AJUSTE PARA MOBILE (Manter logo e hambúrguer corretos)
   ========================================================= */
@media (max-width: 991px) {
    /* No celular, removemos o absoluto para não quebrar o layout */
    .nav-brand:not(.desktop) {
        position: static;
        transform: none;
        margin: 0 auto; /* Centraliza no flexbox simples */
    }

    /* Esconde o menu desktop direito no celular */
    .nav-brand.desktop {
        display: none !important;
    }
    
    /* Garante que o botão hambúrguer fique na ponta */
    .container-header .nav-menu {
        justify-content: space-between;
    }
}



/*REDE SOCIAL*/

.ul-social {

    position: fixed;

    width: 295px;

    background: #f3f3f3;

    border-radius: 8px;

    z-index: 46;

    box-shadow: 0 0 10px -5px #8c8c8c;

    transition: all ease-in-out .25s;

    transform: scale(0);

    list-style: none;

    margin: 0;

    font-family: 'Gotham Black';

    font-weight: 500;

}



.ul-social.shown {

    transform: scale(1);

    bottom: 355px;

    left: 60px;

}



.topo-social {

    color: #fff;

    background: linear-gradient(180deg, #500580 50%, #0077f5 100%);

    padding: 15px 20px;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    text-align: center;

    text-transform: uppercase;

    font-size: .9rem;

}



.social-contato {

    position: fixed;

    bottom: 27em;

    opacity: .45;

    padding: 15px;

    text-align: center;

    transition: all ease-in-out .2s;

    border-radius: 0 10px 10px 0;

    color: #fff;

    cursor: pointer;

    background: linear-gradient(180deg, #500580 50%, #0077f5 100%);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 45;

}



.social-contato:hover, .social-contato.shown {

    opacity: 1;

}



.social-fale-txt-mob {

    font-size: 16px;

    color: #fff;

    writing-mode: vertical-lr;

    text-orientation: upright;

    letter-spacing: 5px;

}



/*LINKS - REDE SOCIAL*/

.cont-social {

    padding: 10px;

    max-height: 46vh;

    overflow-y: auto;

}



.info-social {

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    margin-left: 10px;

    vertical-align: middle;

    display: inline-block;

    position: relative;

}



.info-social p {

    font-size: .8rem;

    color: #6e6e6e;

}



.info-social h2 {

    margin-top: 5px;

    font-size: 1rem;

    color: #797979;

}



.cont-social .img-rede {

    padding: 10px 3px;

    border-radius: 20px;

}



.cont-social .instagram {

    background-color: rgb(225, 48, 108);

}

.cont-social .facebook {

    background-color: rgb(14 76 201);

}

.cont-social .linkedin {

    background-color: rgb(0, 132, 191);

}



.cont-social li {

    padding: 5px;

    transition: all ease 0.5s;

}



.cont-social li:hover {

    box-shadow: 0 0 10px -5px #8c8c8c;

}



.cont-social img {

    left: 2px;

    height: 38px;

    width: auto;

    display: inline-block;

    vertical-align: middle;

    position: relative;

}



.cont-social .img-rede img {

    height: 30px;

    bottom: 1px;

}



/* .social {

    width: 8%;

} */

.social .img-rede {

    padding-bottom: 15px;

    transition: all 0.5s ease-in-out;

}

.social .box-social {

  width: 25px;

  height: 25px;

}

.social img {

  width: 100%;

  height: 100%;

  transition: all ease 0.5s;

}

.social-list {

  display: flex;

  align-items: center; /* alinha verticalmente */

  gap: 15px; /* espaço entre os ícones */

  list-style: none;

  padding: 0;

  margin: 0;

}



.social-list li {

    display: inline-flex;

    padding: 5px;

    border-radius: 10px;

    transition: all ease 0.5s;

}



.social-list li:hover img {

  transform: scale(1.05);

}



.container-header.fixo {

    top: 0;

}

.container-header.fixo .menu-linha {
    padding: 0 100px;
    background-color: #0077f54d;
    border-radius: 0;
    top: 0;
    z-index: 50;
}



/* busca no menu */

.search-container {

    max-width: 500px;

    width: 500px;

    position: relative;

    background: #fff;

    border-radius: 10px;

}



.form-control.search-input {

    height: 100%;

    border: none;

    padding-right: 45px; /* espaço para o botão */

    box-shadow: none;

    background: #fff;

}



.search-btn {

    position: absolute;

    top: 50%;

    right: 5px;

    transform: translateY(-50%);

    background-color: #0077f5;

    border: none;

    border-radius: 8px;

    height: 38px;

    width: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.search-btn:hover {

    background-color: #97AEC9;

}



.search-btn i {

    color: white;

    font-size: 1.1rem;

}



@media (max-width: 1440px) {

    /* .social {

        width: 10%;

    } */

    .social-contato {

        bottom: 20em;

    }

    .ul-social.shown {

        bottom: 244px;

    }

}

@media (max-width: 1024px) {

    .social .img-rede img {

        width: 5%;

    }

    .search-container {

        max-width: 260px;

        width: 260px;

    }

}

@media (max-width: 768px) {
    .container-header.fixo .menu-linha {
        background-color: #0076f5;
    }

    .container-header {

        position: initial;

    }

}

@media (max-width: 425px) {

    .social .img-rede img {

        width: 10%;

    }

}





.container-header.fixo .navbar .nav-menu {

    position: relative;

}

.container-header.fixo .nav-brand img {

    height: 65px;

    position: relative;

    transition: all 0.5s;

	filter: sepia(0);

}



.img-rede-header {

    width: 32px;

    margin-left: 10px;

    border-radius: 50%;

}



#btn-menu-none {

    position: absolute;

    right: 0px;

    width: 37px;

    height: 29px;

    background: transparent;

    border: transparent;

    outline: none;

    display: none;    

}

.a-sair {

    cursor: pointer;

    display: flex;

    border: none;

    background: none;

}

.a-sair img {

    display: flex;

}

.a-sair:hover img {

    filter: drop-shadow(2px 4px 6px black);

}

.a-sair:focus {

    outline: none;

}

.navbar-toggler:not(:disabled):not(.disabled) {

    z-index: 12;

}

#btn-menu-none.mostrar {

    display: block;    

}

.navbar-toggler.collapsed .icon-top {

    transform: rotate(0);

}

.navbar-toggler.collapsed .icon-mid {

    opacity: 1;

}

.navbar-toggler.collapsed .icon-bot {

    transform: rotate(0);

}

.navbar-toggler:focus {

    outline: none;

}

.icon-bar {

    width: 19px;

    height: 1px;

    background-color: #fff;

    margin: 5px 0;

    transition: all 0.5s;

}

.navbar-toggler .icon-top {

    transform: rotate(-45deg) translate(-5px, 5px);

}

.navbar-toggler .icon-mid {

    opacity: 0;

}

.navbar-toggler .icon-bot {

    transform: rotate(45deg) translate(-3px, -4px);

}

.menu-item.login {

    display: flex;

    justify-content: center;

    align-items: center;

}

.menu-responsivo.menu-item.login {

    display: none;

}

.menu-item:last-child {

    padding-right: 0;

}

.menu-item-link {

    text-transform: uppercase;

    font-family: "Gotham Black",  "Archivo Black", "Anton", sans-serif;

    font-weight: 100;

    background: transparent;

    padding: 10px;

    margin: 0 5px;

    border-radius: 20px;

    color: #fff;

    font-weight: 500;

    transition: all 0.5s;

}

.menu-items .img-header svg{

    width: 32px!important;

    height: 32px!important;

}

.selected-menu .menu-item-link, .selected-menu span svg path{

    color: #004469;

    fill: #004469;

}

.noselect-menu .menu-item-link, .noselect-menu span svg path{

    color: #ffffff;

    transition: all 0.5s;

}

.fixo .noselect-menu .menu-item-link, .fixo .noselect-menu span svg path{

    color: #004469;

    fill: #004469;

}

.menu-item .ativo .menu-item-link, .menu-item .img-fluid:hover , .menu-item .menu-item-link:active, .noselect-menu:hover span svg path, .menu-items:hover .menu-item-link {

    background: #004469!important;

    color: #ffffff !important;

    fill: #0077F5;

}

.menu-items {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.menu-items span{

    width: 20%;

    margin: 0 auto;

    margin-top: 10px;

}

.menu-item-link.menu {

    font-size: 13px;

    color: #A7A7A7;

    font-weight: 600;

    font-family: "Open-Sans",Arial;

    cursor: pointer;

    transition: all 0.5s;

    display: flex;

}

.rf-destaque-menu {

    transition: all ease 0.5s;

}

.owl-item .rf-destaque-menu {

    width: auto;

}

.owl-carousel .owl-item .menu-items img {

    padding-top: 10px;

    width: 20%!important;

}

.menu-item-login {

    display: flex;

}

.menu-linha-login .container{

    padding: 0!important;

}

.menu-item-img{

    object-fit: contain;

}

.div-rede-header {

    display: inline-block;

    vertical-align: middle;

    transition: all ease 0.5s;

}

.div-rede-header img{

	transition: all .3s;

    margin: 0 10px;

}

.div-rede-header img:hover{

	transform: scale(1.2);

}

.balao .seta {

    margin: 0px 0 0 -39px;

}

.div-rede-header:hover .balao .seta.facebook {

    margin: 50px 0 0 -40px;

}

.div-rede-header:hover .balao .seta.instagram {

    margin: 50px 0 0 -43px;

}

.div-rede-header:hover .balao .seta.linkedin {

    margin: 50px 0 0 -34px;

}

.div-rede-header:hover .balao .seta {

    margin: 50px 0 0 -40px;

    width: 0; 

    height: 0; 

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #5477BB;

    transition: all ease 0.3s;

    left: 0;

    position: relative;

    transform: translateX(-70%);

}

.div-rede-header:hover .balao a{

    display: flex;

    align-items: center;

    /*margin: 15% 15%;*/

}

.div-rede-header:hover .balao .text-balao{

    margin: 15% 6%;

    left: 20%;

    transform: translateX(-15%);

}

.div-rede-header:hover .balao {

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #0077f5;    

    width: 5em;

    border-radius: 5%;

    margin: 0 auto;

    transition: all ease 0.6s;

}

.img-rede-footer {

    width: 30px;

    margin-right: 10px;

}

@media (min-width: 1024px) {

    .banner-vertical.fixo {

        position: sticky;

        width: 100%;

        top: 0;

        right: 0;

    }

}

@media (max-width: 768px) {

    .menu-item .ativo .menu-item-link, .menu-item .img-fluid:hover , .menu-item .menu-item-link:active, .noselect-menu:hover span svg path, .menu-items:hover .menu-item-link {

        color: #0077f5 !important;

        fill: #0077f5 !important;

        background: transparent!important;

    }

    .selected-menu .menu-item-link, .selected-menu span svg path{

        color: #0077f5!important;

        fill: #0077f5;

    }

    .noselect-menu .menu-item-link, .noselect-menu span svg path, .fixo .noselect-menu .menu-item-link, .fixo .noselect-menu span svg path{

        color: #fff!important;

        fill: #fff;

        transition: all 0.5s;

    }

    .menu-item-login {

        flex-direction: column;

    }

    .logado-mobile {

        text-align: center;

        padding-bottom: 80px;

    }

    .container-header.fixo .navbar .nav-menu, .container-header .navbar .nav-menu {

        justify-content: space-between;

        padding: 0 20px;

    }

    .container-header .nav-menu {

        justify-content: space-between;

    }

    .menu-items .img-header svg {

        width: 40px!important;

        height: 40px!important;

    }

}

.container-header.fixo {

    transition: all ease 0.5s;

    position: fixed;

    width: 100%;

    top: 0;

}

.container-header.fixo a img{

    display: inline;

}

.container-header.fixo .login-txt{

    display: none;

}

.container-header.fixo .menu-item-img{

    margin-right: 20px;

}

.container-header.fixo .menu-linha-login {

    opacity: 1;

    position:initial;

}

.container-header.fixo .nav-brand img {

    position: relative;

    transition: all 0.5s;

	filter: sepia(0);

}



.container-fluid {

    padding: 0 100px;

}



.img-rede-header {

    width: 32px;

    margin-left: 10px;

    border-radius: 50%;

}



@media (max-width: 1024px) {

    .container-fluid {

        padding: 0 15px;

    }

}



@media (max-width: 768px) {

    .header .navbar {

        padding: 0;

    }

    .rf-destaque-menu {

        width: 100%;

        border-right: none;

    }

    .menu-items {

        display: flex;

        align-items: center;

        flex-direction: row-reverse;

    }

    .menu-items span{

        width: 25px;

        margin: 0px;

        margin-top: 10px;

    }

    .menu-item-login .btn-form-contato {

        background-color: #ffffff;

    }

}



@media (max-width: 375px) {

    .navbar-input input {

        margin-left: 0px;

    }

}



.index-1{

	z-index: 1;

}



.index-9{

	z-index: 9;

}



@media (min-width: 992px) AND (max-width: 1199px) {
    .menu-item-link {
        font-size: 13px;
        padding: 5px;
    }
}

@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,

    .navbar-expand-lg>.container-fluid {

        padding-right: 15px;

        padding-left: 15px;

    }

}

@media (max-width: 991px) {

    .container-header .menu-linha-login {     

        display: none;

    }

    .fundo-opacidade {

        position: fixed;

        width: 100%;

        height: 100%;

        left: 0;

        background-color: rgba(0, 0, 0, 0.8);

        transform: translateY(-100%);

        transition: all 0.3s;

    }

    .fundo-opacidade.shown {

        z-index: 10;

        top: 0em;

        transform: translateY(0);

    }

    div#navbarSupportedContent {

        position: absolute;

        left: 0;

        top: 60px;

        width: 100%;

        height: 100vh;

        overflow-y: auto;

        max-height: calc(100vh - 50px);

        z-index: 11;

    }

    .input-group-append .btn, .input-group-prepend .btn {

        position: relative;

        z-index: auto; 

    }

    .container-header {

        position: relative;

        top: 0;

    }

    .container-header .menu-linha{

        background-color: #0077f5;

        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);

        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);

        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);

        padding: 10px 0;

        border-radius: 0;

    }

    .navbar-nav {

        padding-top: 10em;

        margin-left: 0;

    }

    .menu-item {

        padding: 0;

        top: 30px;

        text-align: center;

    }

    .menu-item li {

        position: relative;

    }

    .menu-item a {

        font-size: 18px;

    }

    .nav-menu .menu-item-link {

        padding: 18px 15px;

        color: #fff;

    }

    .menu-item::after {

        display: none;

    }

}

@media (max-width: 520px) {

    .menu-item {

        padding: 0 10px;

    }

    .navbar-nav {

        padding-top: 5em;

    }

}

@media (max-width: 350px) {

    .nav-brand img {

        height: 45px;

    }

    .menu-item {

        padding: 0;

    }

}





/* BOTÕES */

.btn-principal {

    background-color: #fff;

    color: #000;

    font-weight: 600;

    padding: 10px 28px;

    border-radius: 6px;

    border: 1px solid rgba(0,0,0,0.1);

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

    border: 1px solid #fff;

    margin-right: 30px;



    transition: all 0.3s ease;

}



.btn-principal.vermelho {

    border: 1px solid #0077f5;

    background-color: #0077f5; /* vermelho principal */

    color: #fff;

}



.btn-principal.vermelho:hover {

    background-color: #0077f5; /* tom mais escuro no hover */

    border: 1px solid #0077f5;

}



.btn-principal:hover {

    background-color: transparent;

    border: 1px solid #f5f5f5;

    color: #f5f5f5;

}



.btn-ver-mais {
    background-color: #0077f5;
    color: #fff;
    font-weight: 600;
    padding: 10px 65px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin-top: 75px;
    text-transform: uppercase;
    border-radius: 20px!important;
    transition: all 0.3s ease;
}



.btn-ver-mais:hover {

    color: #0077f5;

    background-color: #004469; /* tom mais escuro no hover */

}



.btn-ver-gold {

    background: linear-gradient(90deg, #d6a85a, #f4d491, #d6a85a);

    background-size: 200% 100%;

    background-position: left center;

    color: #fff;

    font-weight: 600;

    padding: 12px 70px !important;

    text-transform: uppercase;

    border: none;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

    letter-spacing: 1px;

    cursor: pointer;

    transition: background-position 0.8s ease, transform 0.3s ease, box-shadow 0.3s ease;

}



.btn-ver-gold:hover {

    color: #fff;

    background-position: right center;

    transform: translateY(-2px);

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);

}



@media (max-width: 425px) {

    .btn-ver-mais {

        margin-top: 30px;

    }



    .btn-principal {

        margin-right: 0px;

        margin-bottom: 30px;

    }

}



/* ---------------------------------- HOME ---------------------------------- */

@media (max-width: 768px) {

    .home .inst-linha-mvv {

        padding: 40px 0;

    }

    .home .banner-institucional {

        margin: 0!important;

    }

}



.rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {

    background: transparent;

}





.banner-principal {
    width: 100%;
    /* Ajuste a altura para garantir que o efeito apareça bem, ex: 80vh ou 600px */
    height: 101vh; 
    
    /* O SEGREDO DO PARALLAX CSS */
    background-attachment: fixed;
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    /* Garante que o conteúdo interno fique centralizado */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ajuste para dispositivos móveis (Parallax fixed costuma quebrar no iOS/Android) */
@media (max-width: 1024px) {
    .banner-principal {
        background-attachment: scroll;
        padding: 100px 0;
    }
}



/* FRAME EXTERNO: o "padding cinza" visível ao redor */

.comfort-frame{

    position: relative;

    width: 560px;       /* ajuste se quiser maior/menor */

    height: 560px;

    padding: 20px;      /* essa é a "moldura cinza" ao redor */

    border-radius: 22px;

    background: rgba(25,25,25,0.55); /* cinza escuro do padding externo */

    border: 1px solid rgba(255,255,255,0.03);

    box-shadow: 0 6px 30px rgba(0,0,0,0.6);

    overflow: visible;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* ÁREA INTERNA: degradê vermelho que vai para um tom escuro (que combina com a moldura) */

.comfort-inner{

    width: 100%;

    height: 100%;

    border-radius: 14px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;



    /* degradê vermelho --> para escuro (visual de transição para o cinza externo) */

    background: linear-gradient(135deg,

                rgba(180,30,24,0.55) 0%,

                rgba(110,20,20,0.30) 45%,

                rgba(20,20,20,0.6) 100%);

    backdrop-filter: blur(6px);

    -webkit-backdrop-filter: blur(6px);

    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.01);

    padding: 28px;

}



/* ícone e textos */

.comfort-icon{

    width: 48px;

    height: 48px;

    margin-bottom: 14px;

    /* se for SVG com stroke use filter ou inline svg para colorir; aqui assumimos a imagem já correta */

}



.comfort-title{

    margin: 0;

    color: #fff;

    font-weight: 700;

    margin-bottom: 6px;

}



.comfort-sub{

    margin: 0;

    color: rgba(255,255,255,0.75);

    font-size: 0.9rem;

}



/* círculos decorativos que aparecem nos cantos (parte fora do frame) */

.comfort-decor{

    position: absolute;

    width: 72px;

    height: 72px;

    border-radius: 50%;

    pointer-events: none;

}



/* círculo vermelho no canto superior direito, parcialmente sobrepondo o frame */

.decor-top-right{

    top: -24px;

    right: -24px;

    background: rgba(200,30,30,0.17);

    box-shadow: 0 6px 18px rgba(0,0,0,0.5);

}



/* círculo translúcido no canto inferior esquerdo */

.decor-bottom-left{

    bottom: -22px;

    left: -22px;

    background: rgba(255,255,255,0.04);

    box-shadow: 0 6px 18px rgba(0,0,0,0.5);

}



/* pequenos ícones à esquerda (features) */

.feature {

    align-items: center;

    gap: 10px;

    margin: 0 20px 20px 0;

}



.feature-icon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  border-radius: 8px;

  background: #0077f5; /* leve fundo para destacar o ícone */

  font-size: 18px;

}



.text-danger {

    color: #0077f5!important;

}



#comfort-interna .text-danger, #comfort-interna .text-muted {

    font-size: 15px;

    font-weight: 500;

}



/* espaçamento do texto ao lado do ícone */

.feature > div { line-height: 1; }



/* Catalog card interno (mantendo seu frame/degradê anterior) */

.comfort-icon {

  font-size: 48px;

  color: #0077f5; /* vermelho do ícone grande */

  margin-bottom: 14px;

  line-height: 1;

}



/* RESPONSIVO: reduz tamanho e deixa centralizado em telas menores */

@media (max-width: 1440px) {

    .comfort-frame{

        height: 440px;

    }

}



@media (max-width: 1024px) {

    .comfort-frame{

        height: 350px;

    }

    .lead {

        font-size: 1rem;

    }

    .banner-principal .text-banner {

        font-weight: 2.5rem;

    }

}



@media (max-width: 991px){

    .comfort-frame{

        width: 300px;

        height: 300px;

        padding: 16px;

        border-radius: 18px;

    }

}



@media (max-width: 576px){

    /* aqui você pode querer que o card ocupe 100% e fique abaixo do texto */

    .comfort-frame{

        width: calc(100% - 40px);

        height: auto;

        padding: 18px;

        margin: 20px auto;

    }

    .comfort-inner{

        width: 100%;

        height: 220px; /* ou auto, se preferir conteúdo fluido */

    }

}





.banner-content {

    position: absolute;

    display: flex;

    justify-content: flex-start;

    align-content: center;

    top: 50%;

    right: 15%;

    transform: translate(-50%, -50%);

    text-align: center;

    color: #fff;

    width: 50%;

    height: 100%;

}



.banner-content .text-banner {

    display: flex;

    flex-direction: column;

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

}



.banner-content .rodape-rede {

    position: absolute;

    bottom: 0%;

}



.banner-title, 
.banner-description, 
.banner-description a,
.banner-subtitle {
    font-size: 1vw;
    color: #ffffff;
    text-align: start;
}

.banner-description, 
.banner-description a, 
.banner-subtitle {
    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;
}

.banner-title {
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
    font-size: 1.8vw;
    font-style: italic;
    font-weight: 900;
}

.banner-interna .banner-title,
.banner-interna .banner-description, 
.banner-interna .banner-description a, 
.banner-interna .banner-subtitle {
    color: #fff;
}

/* Nova classe para o destaque */
.highlight-blue {
    color: #0077F5;
}

.banner-subtitle {
    font-size: 1.3vw;
}



.banner-principal .logo-img {

    width: 50%;

}



.banner-interna .rsContent div {

    background-position: center;

    background-size: cover;

}



.rsCaption.titulo {

    font-size: 60px;

    font-weight: 900;

    text-transform: uppercase;

    /*text-shadow: 1px 1px 20px black;*/

}

.rsCaption.descricao, .rsCaption.descricao p {

    font-size: 20px;

    font-weight: 400;

}



.contato-home .container-home-info {

    background-attachment: fixed;

}



.rsMinW .rsBullets {

    right: auto;

    left: 50%;

    transform: translateX(-50%);

    bottom: 15px;

    line-height: normal;

}

.rsMinW .rsBullet span {

    border-radius: 0px;

}

.rsMinW .rsBullet {

    margin: 0 10px;

}

.rsNavItem.rsBullet {

    font-size: 17px;

    color: #fff;

    cursor: pointer;

}

.rsNavItem.rsBullet span {

    background-color: #ffffff;

    width: 10px;

    height: 10px;

}

.rsNavItem.rsBullet.rsNavSelected {

    color: #5477BB;

    text-decoration: underline;

}

.rsNavItem.rsBullet.rsNavSelected span {

    background-color: #5477BB;

}

.rsContent .rsImg {

    margin-top: 0 !important;

}

.rsMinW .rsGCaption {

    position: relative;

    background: none;

    font-family: "Gotham Black",  "Archivo Black", "Anton", sans-serif;

    bottom: 0;

    left: 0;

    text-align: center;

    transform: translateY(-50%);

}

.banner-institucional.rsMinW .rsGCaption {

    background: none;

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    font-weight: 500;

    /* font-size: 65px; */

    font-size: 50px;

    top: 55%;

    left: 25%;

    transform: translateX(-50%);

}



@media (max-width: 1024px) {
    .banner-title {
        font-size: 3vw;
    }

    .banner-principal .logo-img {
        width: 35%;
    }

    .banner-title, 
    .banner-description, 
    .banner-description a,
    .banner-subtitle {
        font-size: 2vw;
    }
}



@media (max-width: 768px) {
    .banner-title {
        font-size: 3vw;
    }

    .rsCaption.titulo {

        font-size: 30px;

    }

    .banner-description {

        font-size: 2.5vw;

    }

    .banner-subtitle {

        font-size: 2vw;

    }

    .social .social-list {

        justify-content: center;

    }

    .rodape-rede.mobile .social-list a {

        justify-content: flex-start;

        text-decoration: none !important;

    }

    .rodape-rede.mobile .banner-subtitle {

        color: #474747;

    }

    .banner-principal {
        background-size: cover;
    }

}



@media (max-width: 425px) {
    .banner-principal {
        background-attachment: fixed;
        padding: 0;
    }

    .banner-content {
        top: 3%;
        right: 0;
        transform: inherit;
        width: 95%;
    }

    .banner-content .text-banner {
        align-items: center;
    }

    .banner-title {
        text-align: center;
        font-size: 6vw;
    }

    .banner-content .rodape-rede {
        position: relative;
    }

    .banner-description, .banner-subtitle {
        font-size: 3vw;
        text-align: center;
    }

    .banner-principal .logo-img {
        width: 45%;
    }

}



/* BANNER EM VIDEO */

.banner-video {

    position: relative;

    width: 100%;

    font-size: 0;

}

.banner-video-play {

    position: relative;

    width: 100%;

    height: 100%;

}

.banner-video-som {

    position: absolute;

    bottom: 15px;

    right: 15px;

    background-color: #e94f1c;

    font-size: 0;

    z-index: 5;

    padding: 5px;

    cursor: pointer;

}

.banner-video-som svg {

    width: 15px;

    height: 15px;

}



.linha-home-inst {

    position: relative;

    padding-top: 131px;

    padding-bottom: 131px;

}

.linha-commodities {

    display: flex;

    align-items: center;

    position: relative;

    padding-bottom: 131px;

}

.linha-home-servicos {

    padding-bottom: 131px;

}

.inst-home-desc ol, .inst-home-desc ul {

    list-style: inherit;

}

.inst-home-chamada, .inst-home-chamada p {

    font-size: 15px;

    color: #555555;

    font-weight: 400;

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

}

.inst-home-desc, .inst-home-desc p {

    font-size: 20px;

    color: #0077f5;

    position: relative;

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    line-height: 20px;

    text-align: justify;

}

.inst-home-desc.topicos, .inst-home-desc.topicos p{

    font-size: 14px;

    line-height: 28px;

    text-align: center!important;

    margin: 0 15px 0 30px;

    margin-bottom: 110px;

}

.btn-center {

    display:flex;

    justify-content: center;

}

.btn-padrao-todos img {

    margin-left: 10px;

    margin-bottom: 3px;

}

.inst-home-img {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    font-size: 0;

}

.inst-home-img img {

    max-width: 650px;

}



/*

.home-servico-destaque-img {

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.container-home-servico-conteudo {

    padding-top: 89px;

}

*/



.box-cliente {

    width: 100%;

    height: 10em;

    overflow: hidden;

    transition: all 0.5s ease-in-out;

}

.cliente-home-item, .item {

    height: 100%;

    width: 100%;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center

}





btn {

	cursor: pointer;

}



.container-home-tributo img {

    width: 100%;

}



.container-home-mapa iframe {

    height: 450px;

}



.container-home-info {

    padding: 80px 0;

}

.pst-top{

	position: relative;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



@media (min-width: 1451px) AND (max-width: 1680px) {

    .inst-home-img img {

        max-width: 700px;

    }

}

@media (min-width: 1251px) AND (max-width: 1450px) {

    .inst-home-img img {

        max-width: 650px;

    }

}

@media (min-width: 1200px) AND (max-width: 1250px) {

    .inst-home-img img {

        max-width: 550px;

    }

}

@media (max-width: 1199px) {

    .inst-home-img {

        max-width: 100%;

    }

    .inst-home-img img {

        max-width: 100%;

    }

}

@media (min-width: 576px) {

    .home-banner-container-txt,

    .home-banner-txt {

        max-width: 540px;

    }

}

@media (min-width: 768px) {

    .home-banner-container-txt,

    .home-banner-txt {

        max-width: 720px;

    }

}

@media (min-width: 992px) {

    .home-banner-container-txt,

    .home-banner-txt {

        max-width: 960px;

    }

}

@media (min-width: 1200px) {

    .home-banner-container-txt,

    .home-banner-txt {

        max-width: 1110px;

    }

}

@media (max-width: 991px) {

    .home-banner-mobile {

        display: block;

    }

    .container-home-mapa iframe {

        height: 400px;

    }



    .home-servico-destaque-branco {

        padding-top: 100px;

    }



    .linha-home-inst {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .inst-home-img-fundo-cima,

    .inst-home-img-fundo-baixo {

        margin: auto;

    }

    .inst-home-img {

        /* max-width: 47%; */

        position: relative;

        transform: none;

        top: 0;

        text-align: center;

        max-width: 100%;

        padding-top: 40px;

    }

    .container-home-servico {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .container-home-servico-conteudo {

        padding-top: 20px;

    }

    .home-banner-container-txt {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        padding-right: 15px;

        padding-left: 15px;

        width: 100%;

    }

    /*

    .home-banner-titulo {

        max-width: 100%;

        font-size: 24px;

    }

    */

}

@media (max-width: 768px) {

    .footer-center {

        text-align: center;

    }

    .redes-header {

        font-size: 50px;

    }

    .redes-header-2 {

        font-size: 60px;

    }

}

@media (max-width: 575px) {

    .home-prod-linha li button {

        font-size: 26px;

    }

    .home-prod-linha {

        height: 480px;

    }

    .container-home-mapa iframe {

        height: 300px;

    }

    .redes-header {

        font-size: 40px;

    }

    .redes-header-2 {

        font-size: 50px;

    }

    .insta-widget iframe {

        min-width: 285px !important;

    }

    .slide-parceiro img {

        max-width: 146px;

        margin: auto;

    }

    .box-cliente {

        width: 10em;

    }

    #interna-destaque .box-cliente {

        width: auto;

    }

}





/* CLIENTE */

#client #interna-destaque {

    background-color: #EEF2F5;

    padding: 100px;

    border-radius: 10px;

}



#client .owl-carousel.owl-drag .owl-item {

    background: #fff;

    border-radius: 10px;

    padding: 40px;

    box-shadow: 0 2px 6px rgba(0,0,0,0.1);

}



#client .depoimento-autor {

    margin-top: 20px;

}



#client .depoimento-avatar {

	display: flex;

	align-items: center;

	gap: 15px;

}



#client .depoimento-avatar img {

	width: 60px;

	height: 60px;

	object-fit: cover;

	border-radius: 50%;

}



/* Avatar estilo Google - REDONDINHO COM PADDING */

.google-style-avatar {

	width: 60px;

	height: 60px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	color: white;

	font-weight: bold;

	font-size: 24px;

	font-family: 'Roboto', sans-serif;

	box-shadow: 0 2px 4px rgba(0,0,0,0.2);

	padding: 5px;

}



.google-style-avatar span {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-color: inherit;

}



/* Botão REVIEW US no estilo See more */

.display-align {

	display: flex;

	justify-content: center;

	align-items: center;

}





/* Ajustes responsivos */

@media (max-width: 1440px) {

    #client #interna-destaque {

        padding: 50px;

    }

}



@media (max-width: 1024px) {

    #client #interna-destaque {

        padding: 80px 40px;

    }

}



@media (max-width: 768px) {

    #client .owl-carousel.owl-drag .owl-item {

        padding: 30px 20px;

    }

    

    .google-style-avatar {

        width: 55px;

        height: 55px;

        font-size: 22px;

    }

}



@media (max-width: 425px) {

    #client #interna-destaque {

        padding: 40px 20px;

    }

    

    .google-style-avatar {

        width: 50px;

        height: 50px;

        font-size: 20px;

    }

}



/* ---------------------- BLOG - ESTILO CARD ---------------------- */

.categoria-menu {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;

    padding: 15px 0;

    border-bottom: 1px solid #ddd;

}

.categoria-link {

    text-decoration: none;

    color: #000;

    font-weight: 500;

    background: transparent;

    border: none;

    cursor: pointer;

}

.categoria-link:focus {

    outline: none;

}

.categoria-link:hover {

    color: #d10000;

}

.categoria-ativa {

    background-color: #d10000;

    color: #fff !important;

    padding: 5px 12px;

    border-radius: 20px;

    font-weight: 600;

}



.card-articles {

    background: #fff;

    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0px 4px 12px rgba(0,0,0,0.08);

    display: flex;

    flex-direction: column;

    height: 100%;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.card-articles:hover {

    box-shadow: 0px 8px 20px rgba(0,0,0,0.15);

}



.card-imagem img {

    width: 100%;

    height: 200px;

    object-fit: cover;

    display: block;

}



.card-conteudo {

    padding: 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

}



.card-conteudo .tag {

    top: 15px;

    left: 35px;

    display: inline-block;

    background: #0077f5;

    color: #fff;

    font-size: 12px;

    font-weight: 600;

    padding: 4px 10px;

    border-radius: 8px;

    margin-bottom: 10px;

    transition: all ease 0.5s;

}



.card-conteudo .titulo {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 8px;

    color: #000;

}



.card-conteudo .descricao {

    font-size: 14px;

    color: #555;

    margin-bottom: 15px;

}



.meta {

    font-size: 12px;

    color: #777;

    display: flex;

    gap: 15px;

    align-items: center;

    margin-bottom: 15px;

}



.card-conteudo .meta i {

    margin-right: 5px;

}



.card-conteudo .btn-ler {

    background: #f5f5f5;

    border-radius: 8px;

    text-align: center;

    padding: 10px;

    font-weight: 600;

    text-decoration: none;

    color: #000;

    transition: background 0.3s ease;

}



.card-conteudo .btn-ler:hover {

    color: #fff;

    background: #0077f5;

}



@media (max-width: 425px) {

    #articles .display-align {

        flex-direction: column;

        align-items: flex-start;

    }

}



/* AUTOR */

/* Card principal */

.profile-card {

  border: 1px solid #e5e5e5;

  border-radius: 8px;

  padding: 50px 20px;

  background-color: #fff;

  margin: 60px 0 0;

}



/* Ícone circular */

.icon-circle {

  width: 40px;

  height: 40px;

  background-color: #f1f1f1;

  border-radius: 50%;

  font-size: 20px;

  color: #222;

  margin-right: 12px;

}



/* Nome */

.profile-name {

  font-weight: 600;

  margin-bottom: 4px;

}



/* Descrição */

.profile-desc {

  color: #6c757d;

  margin: 0;

  font-size: 0.9rem;

}



/* Para responsividade */

.profile-text {

  flex: 1;

}



/* Responsividade */

@media (max-width: 768px) {

    .card-imagem img {

        height: 160px;

    }

}



@media (max-width: 425px) {

    .profile-card {

        margin: 20px 0 0;

    }

}



/*------------------------------- SPA -----------------------------------*/

.barra-central {

    width: 3px;

    height: 130px;

    background-color: #555;

    margin: 15px auto;

}



#spa .inst-home-desc p {

    max-width: 800px;

}



/*------------------------------- PRODUTO -----------------------------------*/

.bkp-cinza {

    background-color: #dfedfb;

}


/* Container do Card */
.custom-article-card {
    background: #fff;
    border-radius: 20px; /* Bordas bem arredondadas como na foto */
    padding: 15px;
    height: 100%;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

.custom-article-card:hover {
    transform: translateY(-5px);
}

/* Container da Imagem para dar o efeito de padding interno */
.card-img-container {
    width: 100%;
    overflow: hidden;
    border-radius: 15px; /* Arredondamento da foto */
    margin-bottom: 15px;
}

.card-img-container img {
    width: 100%;
    height: 333px;
    object-fit: cover;
    display: block;
}

/* Textos */
.card-body-content {
    padding: 10px 5px;
}

.card-date {
    font-size: 0.85rem;
    font-weight: 700;
    color: #555;
    margin-bottom: 8px;
}

.card-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #333;
    line-height: 1.3;
    margin-bottom: 10px;
}

.card-excerpt, .card-excerpt p {
    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;
    font-size: 0.9rem;
    color: #777;
    line-height: 1.5;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limita a 3 linhas de texto */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more {
    font-weight: 800;
    color: #333;
    text-decoration: none;
    font-size: 0.95rem;
}

/* Remove sublinhado padrão do link */
.article-link {
    text-decoration: none !important;
}

@media (max-width: 1024px) {
    .card-img-container img {
        height: 300px;
    }
}


.product-card {

    height: 300px;

    border: 1px solid #ddd;

    border-radius: 12px;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

    transition: transform 0.2s ease-in-out;

    overflow: hidden;

    background: #fff;

    margin-bottom: 30px;

}



#interna-destaque .product-card {

    height: 380px;

}



#interna-destaque .principal .product-card {

    height: 450px;

}



.product-card:hover {

    transform: translateY(-3px);

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

}



.product-card:hover .position-absolute {

    background: transparent!important;

}





.product-card .cta-conteudo {

    position: absolute;

    inset: 0;

    background-size: cover;

    background-position: center;

    transition: filter 0.3s ease;

}



.product-card .conteudo {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    color: #fff;

    z-index: 2;

}



.product-card .card-date {

    color: #fff;

    opacity: 0.9;

}



.product-img {

    width: 100%;

    height: 160px;

    object-fit: contain;

    background: #fff;

    padding: 10px;

}



.tag {

    position: absolute;

    top: 10px;

    right: 10px;

    padding: 3px 10px;

    border-radius: 12px;

    font-size: 0.75rem;

    font-weight: bold;

    background-color:rgba(255,255,255,0.2);

    color:#fff;

    z-index: 2;

}



.tag.destaque { background-color: #0077f5; }

.tag.novo { background-color: #4CAF50;}



#comfort-interna .tag, #articles-interna .tag {

    position: unset;

    padding: 5px 10px;

}



.card-content {

    flex-grow: 1;

}



.card-content ul, .card-content li {

    list-style: initial;

    color: #0077f5;

    font-size: 18px;

    font-weight: 600;

    margin-left: 18px;

}



.principal .card-content p, .principal .card-content h6 {
    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;
    color: #131313!important;
}



.principal .card-content h6 {
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 20px;
}



.principal .card-content p {

    font-size: 18px;

    font-weight: 600;

}



.product-card .conteudo {

   padding: 1rem;

}



.product-card .card-content .text-danger {

   font-size: 14px;

}



.product-card .card-content h6 {

   font-weight: 900;

}



.product-card .card-content .marca {

   margin: 5px 0 15px 0;

   color: #757575;

   font-size: 13px;

   text-transform: uppercase;

}



.btn-detalhes {

    background: #0077f5;

    color: white;

    border-radius: 8px;

    padding: 8px 12px;

    font-weight: 600;

    margin-top: auto;

    margin: 1rem;

    transition: all ease 0.5s;

}



.btn-detalhes:hover {

    background: #0C0C0C;

    color: #fff;

}



.cta-conteudo {

    width: 100%;

    height: auto;

    display: block;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-color: #fff;

}



#comfort .card .header-destaque {

    color: #fff;

}

#comfort .card .header-destaque span {

    font-size: 32px;

}

#comfort .card {

    flex: 1;

    padding: 20px;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: white;

    border-radius: 0;

    transition: flex 0.5s ease, opacity 0.3s ease;

    position: relative;

    min-height: 400px; /* Define uma altura mínima para evitar o "samba" */

    max-height: 400px; /* Mantém a altura estável */

    overflow: hidden; /* Evita que o conteúdo quebre os limites */

}



@media (max-width: 768px) {

    #question .question-topics {

        margin-top: 3rem;

    }

}



@media (max-width: 425px) {

    .product-card {

        margin-bottom: 30px;

    }

}





/* Estilo do primeiro card "TORNEIO" sempre aberto */

#comfort .comfort {

    background-color: #0077f5;#comfort .card .header-destaque {

    color: #fff;

}



#comfort .card .header-destaque span {

    font-size: 35px;

}



#comfort .card {

    flex: 1;

    padding: 20px;

    display: flex;

    flex-direction: column; /* Mantém a coluna para a disposição dos textos */

    justify-content: center;

    align-items: center;

    text-align: center;

    color: white;

    border-radius: 0;

    transition: flex 0.5s ease, opacity 0.3s ease;

    position: relative;

    min-height: 400px; /* Define uma altura mínima para evitar o "samba" */

    max-height: 400px; /* Mantém a altura estável */

    overflow: hidden; /* Evita que o conteúdo quebre os limites */

}



/* Estilo do primeiro card "TORNEIO" sempre aberto */

#comfort .comfort {

    background-color: #0077f5;

    flex: 3; /* Mantém o primeiro card aberto inicialmente */

    transition: opacity 0.3s ease;

}



/* Cards subsequentes */

#comfort .kit-atleta {

    background-color: #662366;

}



#comfort .pesquisa {

    background-color: #bb83c7;

    border-radius: 0 30px 30px 0;

}



#comfort .card p {

    font-size: 1rem;

    margin-bottom: 30px;

    transition: opacity 0.3s ease; /* Suave transição na opacidade */

}



/* Cards subsequentes têm texto escondido inicialmente */

#comfort .header-destaque {

    display: flex;

    align-items: center;

    justify-content: center;

    writing-mode: vertical-rl;

    text-orientation: mixed;

    font-size: 2rem;

    transform: rotate(180deg);

}



/* Quando o hover é feito em qualquer card */

#comfort .card:hover {

    flex: 3; /* Expande o card em hover */

}



/* Mostra o conteúdo do card em hover */

#comfort .card:hover p,

#comfort .card:hover button {

    display: block;

    pointer-events: auto;

}



/* Esconde o texto do card comfort ao passar o hover nos outros cards */

#comfort .kit-atleta:hover ~ .comfort p,

#comfort .pesquisa:hover ~ .comfort p {

    display: none; /* Esconde o conteúdo do card comfort */

    pointer-events: none; /* Desabilita eventos de ponteiro */

}



/* Esconde todo o card "comfort" ao passar o mouse sobre outros cards */

#comfort .kit-atleta:hover .comfort,

#comfort .pesquisa:hover .comfort {

    display: none; /* Esconde o card comfort completamente */

}



/* Esconde o texto e botão nos outros cards inicialmente */

#comfort .kit-atleta p,

#comfort .kit-atleta button,

#comfort .pesquisa p,

#comfort .pesquisa button {

    display: none;

    pointer-events: none;

}



/* Estilo de transição ao passar o mouse */

#comfort .row:hover .comfort {

    flex: 0.5; /* Fecha o primeiro card quando hover em outro card */

}



    flex: 3; /* Mant�m o primeiro card aberto inicialmente */

    transition: opacity 0.3s ease;

}





#comfort .row:hover .comfort p, #comfort .row:hover .comfort button {

    display: none;

}



#comfort .row .comfort:hover p, #comfort .row .comfort:hover button {

    display: block;

}



/* Cards subsequentes */

#comfort .kit-atleta {

    background-color: #662366;

}



#comfort .pesquisa {

    background-color: #bb83c7;

    border-radius: 0 30px 30px 0;

}



#comfort .card h2 {

    font-size: 1.8rem;

}



#comfort .card p {

    font-size: 1rem;

    margin-bottom: 30px;

    transition: opacity 0.3s ease; /* Suave transição na opacidade */

}



#comfort .padrao-btn button, .newsletter .padrao-btn button {

    border: 2px solid white;

    color: white;

    border-radius: 15px;

    transition: opacity 0.3s ease; /* Suave transição na opacidade */

}



/* Cards subsequentes t�m texto escondido inicialmente */

#comfort .comfort .header-destaque, #comfort .kit-atleta .header-destaque, .pesquisa .header-destaque {

    display: flex;

    align-items: center;

    justify-content: center;

    writing-mode: vertical-rl;

    text-orientation: mixed;

    font-size: 2rem;

    transform: rotate(180deg);

}



/* Quando o hover � feito no container */

#comfort .row:hover .comfort {

    flex: 0.5; /* Fecha o primeiro card quando hover em outro card */

}



#comfort .row .comfort:hover {

    flex: 3; /* Fecha o primeiro card quando hover em outro card */

}



/* Quando o hover � feito em qualquer card */

#comfort .card.comfort:hover, #comfort .card.kit-atleta:hover, #comfort .card.pesquisa:hover {

    flex: 3; /* Expande o card em hover */

}



/* Mostra o conte�do do card em hover */

#comfort .card:hover p,

#comfort .card:hover button {

    display: block;

    pointer-events: auto;

}



#comfort .card p {

    padding: 0 50px;

}



/* Quando outro card est� em hover, esconde o texto do primeiro card */

#comfort .kit-atleta:hover #comfort .comfort p,

#comfort .kit-atleta:hover #comfort .comfort button,

#comfort .pesquisa:hover #comfort .comfort p,

#comfort .pesquisa:hover #comfort .comfort button {

    display: none;

    pointer-events: none;

}



/* Esconde o texto e bot�o nos outros cards inicialmente */

#comfort .kit-atleta p, #comfort .kit-atleta button,

#comfort .pesquisa p, #comfort .pesquisa button {

    display: none;

    pointer-events: none;

}



.desktop {

    display: grid;

}

#parceiros .desktop {

    display: block;

}

.mobile {

    display: none;

}



@media (max-width: 1024px) {

    #comfort .card p {

        font-size: 15px;

        padding: 0 50px;

    }



    #comfort .card h2 {

        margin-bottom: 20px;

    }

}

@media (max-width: 768px) {

    .desktop, #parceiros .desktop {

        display: none;

    }

    .mobile {

        display: grid;

    }

    #parceiros .mobile {

        display: block;

    }

    #comfort .header-destaque, #parceiros .header-titulo {

        text-align: center;

        margin-bottom: 20px;

    }

    #comfort .card {

        margin-bottom: 30px;

        border-radius: 20px;

    }

    #comfort .comfort p, #comfort .comfort button,

    #comfort .kit-atleta p, #comfort .kit-atleta button,

    #comfort .pesquisa p, #comfort .pesquisa button,

    #comfort .kit-atleta:hover #comfort .comfort p,

    #comfort .kit-atleta:hover #comfort .comfort button,

    #comfort .pesquisa:hover #comfort .comfort p,

    #comfort .pesquisa:hover #comfort .comfort button {

        display: block;

        pointer-events: pointer;

    }



    #comfort .card .header-destaque span {

        font-size: 30px;

    }

    #comfort .card p {

        font-size: 16px;

        padding-left: 80px;

    }

}

@media (max-width: 425px) {

    #comfort .card {

        padding-right: 60px;

    }

    #comfort .card p {

        font-size: 16px;

        padding-right: 0;

        padding-left: 40px;

        margin-bottom: 10px;

        text-align: start;

    }

    #comfort .card .padrao-btn {

        position: absolute;

        bottom: 0;

        padding: 25px 0px;

    }

    #comfort .card .display-align {

        align-items: end;

    }

}

@media (max-width: 375px) {

    #comfort .card p {

        font-size: 15px;

    }

}

@media (max-width: 325px) {

    #comfort .card {

        padding-right: 20px;

    }

    #comfort .card p {

        font-size: 14px;

        padding-left: 15px;

    }

}





/* ----------------------------- INSTITUCIONAL ----------------------------- */

#sobre {
    position: relative;
}

.sobre-card .align-items-center {
    justify-content: space-between;
}

.img-sobre-nos {

    position: absolute;

    top: 25em;

    left: 85em;

    width: 40%;

    z-index: 5;

    pointer-events: none;

}

.box-about {

    width: 100%;

    height: 28em;

    overflow: hidden;

    transition: all 0.5s ease-in-out;

}

.about-home-item, .item {

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    border-radius: 10px;

}

.titulo-about {

    font-family: "Gotham Black",  "Archivo Black", "Anton", sans-serif;

    font-size: 35px;

    line-height: 35px;

    color: #0077f5;

    font-style: italic;

    font-weight: 900;

    text-decoration-line: underline;

    text-decoration-color: #0077f5;

    text-decoration-thickness: 2px; /* espessura do traço */

    text-underline-offset: 15px; /* distância entre o texto e o traço */

}

.subtitulo-about {
    color: #004469;
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
    margin: 30px 0 30px 0;
    font-size: 17px;
}

hr.nav-linha-cor{

    width: 94.8%;

    margin-bottom: 0.5rem;

    background-color: #0077f5;

    position: relative;

}

hr.nav-linha-responsivel{

    display: none;

}

.inst-linha-cor-branco {

    background-color: #FFFFFF;

}

.inst-desc {

    font-family: 'Gotham Black', Arial;

    /* font-size: 32px; */

    font-size: 20px;

    color: #BBBBBB;

    /* line-height: 39px; */

    position: relative;

    padding-right: 32px;

}

.marg-b-5 {

    margin-bottom: 5px;

}

.marg-b-29 {

    margin-bottom: 29px;

}

.aspas-invert {

    transform: scaleX(-1);

    position: absolute;

    right: 0;

    bottom: 15px;

}

.home-inst-img {

    border-radius: 15px;

    overflow: hidden;

}

.inst-linha-mvv {

    padding-top: 75px;

    padding-bottom: 75px;

}

#principal .header-padrao {

    font-size: 40px;

    line-height: 67px;

    color: #0077f5;

    font-weight: 500;

    position: relative;

}

#principal .header-titulo, #principal .header-titulo a {

    color: #7C7C7C;

    font-size: 30px;

    font-weight: 300;

    margin-bottom: 0;

}

#videos .header-titulo, #areaRestrita .header-titulo {

    font-weight: 500;

}

.inst-linha-mvv .header-padrao.topicos {

    font-size: 35px;

    font-weight: 800;

    text-align: center;

    margin-top: 40%;

}

.inst-linha-mvv .header-padrao img {

    position: absolute;

    top: -69px;

    left: -52px;

}

.inst-mvv-desc {

    font-family: 'Gotham Black', Arial;

    font-size: 24px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 29px;

}

.inst-txt-info {

    margin-top: 90px;

}

.inst-txt-info .header-titulo,

.inst-txt-info .inst-home-desc {

    color: #FFFFFF;

}



.box-card-sobre {

    height: auto;

    padding: 0;

    margin: 0;

    border-radius: 0;

}

.box-card-sobre .destaque.display-align {
    justify-content: flex-start;
}

.box-card-sobre .destaque img, .service-destaque .destaque img {
    margin-right: 10px;
}

.box-card-sobre .box-texto {

    padding-left: 0;

}

.box-texto .texto-about, .box-texto .texto-about p {
    font-family: 'Gotham Book', Arial;
    color: #004469;
    font-weight: 600;
    font-size: 18px;
}

.box-card-sobre .subtitulo-adocao p {
    font-size: 16px;
    margin: 15px 0;
}

.box-card-sobre .titulo-adocao, .form-name, .box-card-sobre .titulo-adocao, .form-name p, .box-card-sobre .subtitulo-adocao, .box-card-sobre .subtitulo-adocao p {

    color: #212529;

}

.box-cliente {

    margin-bottom: 0;

}


/* Container do texto precisa ser relativo para ancorar a logo */
.box-texto {
    position: relative;
    padding-left: 0;
    overflow: visible; /* Garante que a logo possa aparecer */
}

/* Estilização da Logo como Marca d'Água */
.logo-background {
    width: 100%;
    position: absolute;
    bottom: -20px;    /* Ajuste conforme necessário para descer a logo */
    left: -30px;      /* Ajuste para alinhar à esquerda como na foto */
    z-index: -1;      /* Coloca atrás do texto */
    opacity: 0.1;     /* Deixa clarinho como na imagem */
    pointer-events: none; /* Garante que o usuário consiga clicar no texto/botão */
}

.logo-background img {
    width: 100%;
    height: auto;
    filter: brightness(0.5);
}

/* Garante que o conteúdo textual fique acima */
.header-destaque, .subtitulo-about, .texto-about, .mt-4 {
    position: relative;
    z-index: 1;
}



@media (max-width: 1024px) {
    .img-sobre-nos {
        display: none;
    }

    .box-about {
        height: 24em;
    }
}

@media (max-width: 768px) {
    .box-card-sobre .destaque.display-align {
        justify-content: center;
    }

    .box-about {
        margin: 0 auto;
        width: 60%;
        height: 25em;
    }
}

@media (max-width: 425px) {
    .box-texto .texto-about, .box-texto .texto-about p {
        font-size: 16px;
    }

    .box-about {
        width: 100%;
        height: 22em;
    }
}



/* ----------------------------- SOBREPOSIÇÃO DAS IMAGENS ----------------------------- */

.about-images {

    position: relative;

    width: 100%;

    height: 100%;

    max-width: 500px;

    margin: 0 auto;

}



.about-home-item {
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.3s ease;
    border-radius: 50%;
}



/* imagem principal (de cima, azul) */

.img-top {

    height: 400px;

    position: relative;

    z-index: 2;

    transition: transform 0.3s ease;

}



/* imagem secundária (de baixo, bordô) */

.img-bottom {

    height: 400px;

    position: relative;

    bottom: 41px;

    right: -45px;

    z-index: 1;

    transition: transform 0.3s ease;

}



/* animação sutil no hover */

.img-top:hover  {

    transform: translateY(-6px);

}



.img-bottom:hover  {

    transform: translateY(-6px);

}



@media (max-width: 1024px) {

    .box-card-sobre {

        padding: 20px 30px;

    }

    .box-card-sobre .titulo-adocao {

        font-size: 20px;

    }

    .box-card-sobre .subtitulo-adocao {

        font-size: 13px;

    }

    .box-card-sobre .box-texto {
        padding-left: 0;
    }

}



@media (max-width: 991px) {
    .box-card-sobre .box-texto {
        text-align: center;
    }

    .about-images {

        max-width: 400px;

    }

    .img-top {

        height: 300px;

    }

    .img-bottom {

        display: none;

    }

}



@media (max-width: 575px) {

    .about-images {

        max-width: 100%;

    }

    .img-top {

        height: 400px;

    }

}



@media (max-width: 768px) {

    .secao-topico {

        flex-direction: column;

        text-align: center;

    }



    .imagem-topico img {

        max-width: 80%;

        margin-bottom: 1rem;

    }

}



@media (max-width: 425px) {

    .box-card-sobre .box-texto {

        margin-bottom: 30px;

    }

}





/* ================================= CARD TEAM STYLE ==================================== */

.extra-info {
    display: flex;
    gap: 60px;
    margin-top: 33px;
    justify-content: center;
    flex-wrap: wrap; /* Garante que quebre linha em telas pequenas */
}

/* Estilo do Card Branco */
.info-box-card {
    background-color: #ffffff;
    border-radius: 15px; /* Cantos arredondados da imagem */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* Sombra suave */
    flex: 1;
    min-width: 280px;
    max-width: 350px;
    overflow: hidden; /* Garante que a imagem respeite o arredondamento */
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
}

.info-box-card:hover {
    transform: translateY(-5px); /* Efeito sutil ao passar o mouse */
}

.card-img {
    padding: 20px 20px 0 20px;
}

/* Imagem do Profissional */
.info-box-card .card-img img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 15px;
    display: block;
}

/* Conteúdo de Texto */
.card-content {
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card-content h3 {
    font-family: "Gotham Black", sans-serif;
    color: #0077F5; /* Azul da imagem */
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

.card-content p {
    font-family: "Arial", sans-serif;
    color: #666; /* Cinza do texto */
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

/* Link Read More */
.read-more {
    font-family: "Gotham Black", sans-serif;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;
}

.read-more:hover {
    text-decoration: underline;
}

/* Limita o texto inicialmente a 3 linhas (pode ajustar esse número) */
.team-text.limit-text {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Número de linhas visíveis antes de cortar */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

/* Classe que será adicionada pelo JS para mostrar tudo */
.team-text.expanded {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
}

/* Estilo básico para o botão (ajuste as cores para o padrão do seu site) */
.see-more-btn {
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    color: #0056b3; /* Cor do link */
    cursor: pointer;
    text-decoration: underline;
}

.see-more-btn:hover {
    color: #003d82;
}

/* Responsividade */
@media (max-width: 1024px) {
    .extra-info {
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .extra-info {
        align-items: center;
    }
    
    .info-box-card {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 425px) {
    .extra-info {
        flex-direction: column;
    }
}



/* ================================= VÍDEOS ==================================== */

#video-cover {

    position: relative;

    background-size: cover;

    background-position: center;

    height: 430px;

    cursor: pointer;

}



#video-cover h1 {

    position: absolute;

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    color: #fff;

    font-size: 20px;

    top: 15px;

    left: 15px;

}



.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before, .plyr--full-ui.plyr--video .plyr__control--overlaid {

    background: #004469 !important;

}



.plyr--full-ui input[type="range"] {

    color: #004469 !important;

}



.plyr__tooltip {

    background-color: #004469 !important;

    color: white !important;

}

@media (max-width: 768px) {
    #video-cover {
        height: 400px;
    }
}


/* ====== CONTATO SECTION ====== */

form {
    background-color: #e0e1e3;
    padding: 35px 25px;
    border-radius: 15px;
}

#filtros form {
    background-color: transparent;
}

.swal2-container .select2-container--default .select2-selection--single {

    display: none !important;

}



#filtros .form-group input, #filtros .form-group textarea {

    font-family: "Gotham Black", "Manrope", sans-serif;

    display: block;

    width: 100%;

    padding: 10px 10px 10px 40px;

    border-radius: 30px;

    background-color: #f0f0f0;

    border: 1px solid #f0f0f0;

    font-size: 16px;

    outline: none;

    box-sizing: border-box;

    transition: all ease 0.5s;

}



.select2-container, .select2-container--default .select2-selection--single {

    display: block !important;

    width: 100% !important;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 38px !important;

}



.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 44px !important;

}



#filtros .select2-container, #filtros .select2-container--default .select2-selection--single {

    background-color: #f0f0f0!important;

    border: 1px solid #f0f0f0;

    border-radius: 30px;

}



#filtros .select2-container--default .select2-selection--single {

    border: 3px solid #f0f0f0!important;

    border-radius: 30px!important;

}



#filtros .select2-container .select2-selection--single .select2-selection__rendered, #filtros .select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #474747!important;

}



/* Estilo para o texto do placeholder */

#filtros #busca-imovel::placeholder {

    color: #474747; /* Defina o texto do placeholder como preto */

}



#filtros #busca-imovel::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: #474747;

}



#filtros #busca-imovel::-moz-placeholder { /* Firefox 19+ */

    color: #474747;

}



#filtros #busca-imovel:-ms-input-placeholder { /* IE 10+ */

    color: #474747;

}



.contato-section {

  color: #fff;

  font-family: 'Arial', sans-serif;

}



.container {

  max-width: 1200px;

  margin: 0 auto;

}



.contato-grid {

  display: grid;

  /* grid-template-columns: 2fr 1fr; */

  gap: 30px;

  align-items: stretch; /* faz as colunas ficarem com a mesma altura */

}



.extra-form {

    display: flex;

    padding: 30px;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.extra-form .text-center {

    margin: 20px 0;

}



.extra-form .form-buttons {

    justify-content: center;

}



.extra-form form {

    width: 100%;

}



/* Coluna esquerda */

.info-box {

  position: relative;       /* necessário para o pseudo-elemento */

  border-radius: 10px;      /* seu border-radius */

  overflow: hidden;         /* garante que o pseudo-elemento siga o border-radius */

}



/* Coluna direita */

.contato-form h2 {

  font-size: 1.8rem;

  margin-bottom: 10px;

}



.contato-form p {

  color: #bbb;

  margin-bottom: 20px;

}



.form-grid {
  display: grid;
  gap: 15px;
}



.form-grid label {

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    margin-bottom: 10px;

}



.form-grid span {

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    color: #555;

    font-size: 12px;

}



.form-control {
    border: none;
    padding: 20px 12px 12px 12px;
    color: #555;
    font-size: 0.8rem;
}



.form-control::placeholder {

    color: #555;

}



.form-control:focus {

    background-color: #cecece;

    outline: none;

    border-color: #555;

    box-shadow: none;

}



.form-control:focus::placeholder {

    color: #0077f5;

}



.form-grid label {

    color: #1c3754!important;

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

}



.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {

    border: solid #58708c 1px!important;

    background: #58708c!important;

    padding: 12px 0px!important;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

    margin-top: 0px!important;

    background-color: #1c3754!important;

    border: 1px solid #1c3754!important;

}



.photo-upload-section {

    max-width: 800px;

    margin: 0 auto;

    padding: 20px;

}



.upload-card {

    background: #58708c;

    border-radius: 8px;

    padding: 20px;

    margin-bottom: 20px;

}



.upload-card h3 {

    margin-top: 0;

    margin-bottom: 10px;

    color: #0077f5;

}



.upload-area {

    border: 2px dashed #ccc;

    border-radius: 5px;

    padding: 20px;

    text-align: center;

    cursor: pointer;

    margin-bottom: 10px;

    transition: border-color 0.3s;

}



.upload-area:hover {

    border-color: #4a90e2;

}



.file-input {

    display: none;

}



.file-info {

    font-size: 14px;

    color: #fff;

    margin-top: 5px;

}



.consent-section {

    display: flex;

    background: #58708c;

    border-radius: 8px;

    padding: 20px;

    margin: 30px 0;

    border-left: 4px solid #555;

}



.consent-checkbox {

    margin-right: 10px;

}



.btn-submit {

    background: #0077f5;

    color: white;

    border: none;

    padding: 12px 30px;

    border-radius: 5px;

    font-size: 16px;

    cursor: pointer;

    transition: background 0.3s;

}



.btn-submit:hover {

    background: #2a4a70;

}



.btn-submit:disabled {

    background: #cccccc;

    cursor: not-allowed;

}



/* Botões */

.form-buttons {

  margin-top: 20px;

  display: flex;
  justify-content: center;

  /* gap: 10px; */

}



.btn {
    font-family: 'Gotham Book', Arial;
  padding: 10px 75px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
  border-radius: 0;
}



.btn-blue {
  background: #0077f5;
  border-radius: 15px;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}

.btn-blue:hover {
  background: #004469;
}



.btn-white {

  border: 1px solid #ffffff;

  background: #ffffff;

  color: #0077f5;

}



.btn-white:hover {

  border: 1px solid #ffffff;

  background: transparent;

  color: #ffffff;

}



/* Responsivo */

@media (max-width: 1024px) {

    .product-card .btn.btn-white {

        padding: 10px 0;

        width: 100%;

    }

}

@media (max-width: 900px) {
    form {
        margin-top: 50px;
    }

    .contato-grid {
        grid-template-columns: 1fr;
    }

    .contato-info {
        height: auto; /* altura volta ao normal */
    }

    .contato-info .info-box {
        flex: initial; /* não força altura igual */
    }
}


@media (max-width: 425px) {
    .btn {
        margin: 0 auto;
    }

    .form-buttons {
        margin-top: 10px;
        flex-direction: column;
    }
}



/* ---------------------------------- APPOINTMENT CONTACT ---------------------------------- */

.appointment-container {

    position: relative;

    padding: 30px;

    background-color: white;

    border-radius: 15px;

    box-shadow: 0 5px 20px rgba(0,0,0,0.1);

}

.appointment-image {

    position: absolute;

    bottom: -65px;

    right: -10px;

    width: 715px;

    pointer-events: none;

    z-index: 1;

}



.appointment-image img {

    width: 100%;

    height: auto;

    display: block;

}



.header-section {

    text-align: center;

}

.header-title {
    color: #004469; /* Azul Petróleo Escuro */
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
    text-transform: none; /* Mantém Business Hours normal */
    text-align: left; /* Alinha a esquerda */
}

.header-destaque, .header-destaque p {
    font-size: 35px;
    color: #004469;
    line-height: 30px;
    font-weight: bold;
}

.header-title.small {
    font-size: 17px;
}

.header-title.blue {
    color: #0077f5;
}

.appointment-text {
    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;
    color: #004469;
    line-height: 1.8;
    margin-bottom: 30px;
    font-size: 1.1rem;
}

.appointment-text.small {
    font-size: 0.9rem;

}

.hours-section {

    padding: 25px;

    border-radius: 10px;

}

.hours-title {

    color: #2c3e50;

    font-weight: 600;

    margin-bottom: 20px;

    text-align: center;

}

.hours-list {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

.hours-list li {
    padding: 5px 0; /* Mais compacto */
    border-bottom: none; /* Remove a linha */
    display: flex;
    justify-content: space-between;
    font-size: 16px; /* Tamanho legível */
}

.hours-list li:last-child {

    border-bottom: none;

}

/* Estilo dos dias (Negrito e Azul Escuro) */
.day {
    font-weight: 700;
    color: #004469;
}

/* Estilo das horas (Azul Escuro também) */
.time {
    color: #004469;
    font-weight: 500;
}

/* Remove o vermelho do closed, pois na imagem ele segue a cor padrão */
.closed {
    color: #004469; 
    font-weight: 500;
}

/* Estilo para a frase final sobre feriados */
.statutory-text {
    margin-top: 15px;
    color: #004469;
    font-weight: 700;
    font-size: 16px;
}

.img-circular-bg {
    width: 100%;
    max-width: 250px;
    aspect-ratio: 1 / 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    margin: 0 auto;
}

.contact-btn {

    background-color: #3498db;

    color: white;

    padding: 12px 30px;

    font-weight: 600;

    border-radius: 8px;

    border: none;

    transition: all 0.3s;

    margin-top: 20px;

}

.contact-btn:hover {

    background-color: #2980b9;

    transform: translateY(-2px);

    box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);

}


@media (max-width: 1200px) {
    .header-title.small {
        font-size: 14px;
    }
}

@media (max-width: 991px) {

    .appointment-container {

        padding: 30px;

    }



    .appointment-image {

        position: relative;

        bottom: 0;

        right: 0;

        width: 100%;

        margin-top: 30px;

        text-align: center;

    }



    .appointment-image img {

        max-width: 300px;

        margin: 0 auto;

    }

}



@media (max-width: 768px) {
    .header-destaque, .header-destaque p {
        font-size: 30px;
    }

    .appointment-text {
        text-align: center;
    }

    .appointment-container {
        padding: 20px;
    }

    .hours-section {
        padding: 15px;
    }

    .header-title {
        text-align: center;
    }
}

@media (max-width: 425px) {
    .header-destaque, .header-destaque p {
        font-size: 22px;
    }

    .img-circular-bg {
        margin: 20px auto;
    }
}



/* ---------------------------------- MAPA ---------------------------------- */
.container-mapa iframe {
    height: 36em;
    border-radius: 10px;
    margin-top: 33px;
}
#contato .container-mapa iframe {
    margin-top: 0;
}
.container-mapa .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
    .container-mapa iframe {
        height: 500px;
    }
}
@media (max-width: 991px) {
    .container-mapa iframe {
        height: 400px;
    }
    .container-mapa .container {
        position: relative;
        left: inherit;
        top: inherit;
        transform: none;
    }
}
@media (max-width: 575px) {
    .container-mapa iframe {
        height: 300px;
    }
}

.dadosContato{
	position: relative;
    top: 45%;
    transform: translateY(-50%);
}

.dados{
	color: #2C394A !important;
}

/* --------------------------------- FOOTER --------------------------------- */

.container-rodape {

    background: #0077F5;

    width: 100%;

    padding: 40px 0 40px 0;

    background-size: 70em;

    background-position: 70em 0em;

    background-repeat: no-repeat;

}

#construction .container-rodape {

    background: #0077f5;
    padding: 120px 0 60px 0;

}

.container-rodape hr {

    width: 100%;

    border-top: 2px solid rgb(255 255 255 / 25%);

}

.rodape-menu {

    margin: 0;

    text-align: center;

}

.rodape-menu .menu-titulo, .rodape-rede .menu-titulo {

    color: #fff;

    font-size: 20px;

    font-weight: 900;

    margin-bottom: 15px;

}

#construction .rodape-menu .menu-titulo, #construction .rodape-rede .menu-titulo, #construction .rodape-menu-item, #construction .rodape-menu-item a {

    color: #312D2E;

    font-size: 25px;

    text-transform: uppercase;

}

.logo-footer {

    width: 60%;

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    margin-top: 45px;

}

.logo-footer span {

    color: #ffffff6e;
    font-size: 12px;

}

.rodape-conteudo .row {

    display: flex;

    justify-content: space-between;

} 

#construction .rodape-conteudo .row {

    justify-content: flex-start;

} 

#projetos .logo-cliente {

    width: 15%;

}

.logo-cliente img {

    margin-top: 6px;

    padding-bottom: 30px;

}

#projetos .logo-cliente img {

    margin-top: 0px;

    padding-bottom: 0px;

}

.rodape-txt, .rodape-txt a {

    font-family: 'Asap Condensed' ,Arial;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    letter-spacing: 0.2px;

}

.rodape-rede {   

    padding-top: 0;

    padding-bottom: 1em;

}

.rodape-rede .social a, .rodape-rede .social .dados-rodape {   

    gap: 10px;

    justify-content: flex-start;

}

.rodape-rede .social .dados-rodape span {

    color: #a0a0a0;

}

.rodape-rede.mobile {   

    display: none;

}

.rodape-header {

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.1px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 15px;

    margin-top: 15px;

}



.rodape-menu-item,
.rodape-menu-item a {
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: end;
    transition: all 0.8s;
}

.rodape-menu-item button {

    border: none;

    outline: none;

    background: transparent;

    color: #fff;

    padding: 0;

    cursor: pointer;

}

.rodape-menu-item button.categoria-ativa {

    padding: 0;

    color: #d10000;

}

.rodape-menu-item .selected-menu a {

    color: #004469;

    font-size: 14px;

    font-weight: bold;

}

.rodape-menu-item a:hover {

    color: #fff;

}

.rodape-menu-item:last-child {

    padding-bottom: 0;

}



.beneficios {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    color: white;

    padding: 40px 0px;

    gap: 20px;

    text-align: center;

}



.beneficio-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    max-width: 200px;

}



.beneficio-icon {

    background-color: #0077f5;

    color: white;

    font-size: 1.5rem;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 10px;

    transition: transform 0.3s ease;

}



.beneficio-icon:hover {

    transform: scale(1.1);

}



.beneficio-title {

    font-weight: bold;

    margin-bottom: 5px;

}



.beneficio-subtitle {

    font-size: 0.9rem;

    color: #bbb;

}



@media (max-width: 1024px) {
    .container-rodape {
        padding: 70px 30px 10px 30px;
    }

    .rodape-menu-item,
    .rodape-menu-item a {
        text-align: center;
    }
}

@media(max-width: 768px) {

    .logo-footer {

        width: 100%;

    }

    .rodape-rede .social a {

        justify-content: center;

    }

    .destaque-menu-item.destaque {

        display: none;

    }

    .rodape-rede.mobile {   

        display: block;

    }

    #projetos .logo-cliente img {

        width: 180%;

    }

    .rodape-rede .social a, .rodape-rede .social .dados-rodape {   

        justify-content: center;

    }

    .beneficios {

        justify-content: center;

    }

    .logo-cliente {

        text-align: center;

    }

    .logo-cliente img {

        display: inline-block;

    }

}

@media (max-width: 520px) {

    .rodape-menu,

    .rodape-servico {

        display: grid;

        text-align: center;

    }

    .rodape-menu-item {

        padding-bottom: 5px;

        justify-content: center;

    }

    #projetos .logo-cliente {

        width: 30%;

    }

    #projetos .logo-cliente img {

        width: 100%;

    }

    .container-rodape {

        height: auto;

        padding: 25px;

    }

}



.destaque-menu-item .rodape-menu .rodape-menu-item li{

    padding: 10px 20px;

}

.rodape-menu .rodape-menu-item li{

    padding: 10px 1px;

}



.rodape-servico .rodape-menu-item {

    padding-bottom: 16px;

}



.rodape-tel-txt {

    font-size: 18px;

    color: #fff;

}

.rodape-tel-numero a {

    font-family: "LondrinaSolid-Regular";

    font-size: 34.3px;

    color: #3B3B3B;

    transition: all 0.5s;

}

.rodape-tel-numero a:hover {

    color: #3B3B3B;

}



.copy {

    font-size: 11px;

    color: #8e8a93;

    padding-top: 1em;

    padding-bottom: 1em;

    position: relative;

}



@media (min-width: 992px) AND (max-width: 1199px) {

    footer .menu-item-link {

        font-size: 12px;

    }

}

@media (max-width: 1024px) {

    .logo-cliente img {

        max-width: 255px;

    }

}

@media (max-width: 991px) {

    .rodape-conteudo .container {

        text-align: center;

    }

    .news-img img {

        height: 140px;

        left: 50%;

        transform: translateX(-50%);

    }

    .rodape-txt {

        text-align: center;

    }

    .rodape-rede {

        padding-top: 20px;

        padding-bottom: 20px;

        text-align: center;

    }

    .rodape-header {

        padding-top: 30px;

    }

    

    footer .menu-item {

        display: block;

        text-align: center;

        padding: 10px 0;

    }

    .rodape-rede-tel {

        margin-top: 30px;

    }

    .redes-icone,

    .rodape-tel {

        width: 100%;

        padding-right: 0;

        text-align: center;

    }

    .rodape-tel {

        margin-top: 20px;

    }

    .copy {

        padding-bottom: 3em;

    }

}

.hidden-desk{

	display: none !important;

}

.hidden-mob{

	display: block !important;

}

@media (max-width: 768px) {

    .nav-menu .menu-item-link{

        text-transform: uppercase;

        font-size: 25px;

	}

    #tela-espera .nav-menu .menu-item-link{

        font-size: 25px;

	}

    .nav-menu .menu-item-link.img-header{

        width: 10%;

	}

    .menu-item-li {

        margin-right: 0px;

        margin-bottom: 30px;

    }	

	.btn-padrao-todos {

		width: 100%;

	}

	.div-img-produto {

		height: 100%;

	}

	

    .rodape-header {

        margin-top: 20px;

    }

    .copy {

        padding-bottom: 1em;

    }

	.hidden-desk{

		display: block !important;

	}

	.hidden-mob{

		display: none !important;

	}

}

@media (max-width: 575px) {

    .rodape-conteudo .container {

        padding-top: 30px;

    }

    .nav-menu .menu-item-link.img-header{

        width: 15%;

	}

    .logo-cliente img {

        margin-top: 40px;

    }

    .rodape-orcamento, .rodape-especialista {

        width: 100%;

    }

    .rodape-col-botao {

        padding-top: 40px;

    }

    .rodape-orcamento {

        padding-right: 0;

        padding-bottom: 20px;

    }

    .news-titulo {

        display: block;

    }

    .conteudo-news form {

        display: block;

        width: 100%;

    }

}





/*GALLERY*/



.gallery {

    display: grid;

    grid-template-columns: repeat(12, 1fr);

    grid-template-rows: repeat(4, 5vw);

    grid-gap: 15px;

}

.gallery__img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}





/*CAROUSEL*/

.owl-carousel .owl-item img{

    display: block;

    width: 100%;

    max-height: 360px;

}

/* Cor padrão das bolinhas */
.owl-theme .owl-dots .owl-dot span {
    background: #d1e5ff !important; /* Azul clarinho */
}

/* Cor da bolinha ativa (quando o usuário está naquela página) */
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: #0077f5 !important; /* Azul principal do site */
}

.owl-nav{

    z-index: 5;

    display: flex;

    justify-content: space-between;

}

.owl-nav .owl-prev, .owl-nav .owl-next{

    z-index: 5;

}

.owl-theme .owl-nav [class*=owl-] {

    background: transparent;

    padding: 0px 0px;

}

.owl-theme .owl-nav [class*=owl-] img{

    transition: all ease 0.5s;

    border-radius: 50%;

}

.owl-theme .owl-nav [class*=owl-] img:hover {    

    transform: scaleX(1.05);

    transform: scaleY(1.05);

}

.owl-theme .owl-nav [class*=owl-]:hover {

    background: transparent;

}

.owl-theme .owl-nav {

    position: absolute;

    position: absolute;

    top: 50%;

    transform: translateY(-90%);

    width: 100%;

    z-index: 7;

}

.navbar-nav .owl-theme .owl-nav {

    z-index: 0;

    width: 105%;

    margin: -3.8em 0 0 -50px!important;

}

.owl-carousel .owl-stage-outer {

    z-index: 6;

}



@media (max-width: 1024px) {

    .owl-carousel .owl-item img{

        max-height: 304px;

    }

}

@media (max-width: 768px) {

    .owl-carousel .owl-item img{

        max-height: 460px;

    }

    .navbar-nav .owl-carousel .owl-item {

        width: 20em!important;

        float: inherit!important;

    }

    .navbar-nav .owl-theme .owl-nav {

        display: none;

    }

    .inst-home-desc.topicos, .inst-home-desc.topicos p {

        margin-bottom: 25px;

    }

    .inst-linha-mvv .header-padrao.topicos {

        margin-top: 10%;

    }

}

@media (max-width: 520px) {

    .owl-theme .owl-nav [class*=owl-] {

        margin: 0;

    }

    .owl-theme .owl-nav {

        position: relative;

        bottom: 0;

        right: 0;

        padding-bottom: 60px;

        margin: 30px 0 -4.3em 0!important;

        transform: translateX(0%);

    }

    .owl-carousel .owl-item img{

        max-height: 267px;

    }

}

@media (max-width: 420px) {

    .owl-carousel .owl-item img{

        max-height: 204px;

    }

}

@media (max-width: 375px) {

    .owl-carousel .owl-item img{

        max-height: 196px;

    }

}





/* PAGINACAO */

.paginacao {

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

}

.paginacao ul {

    margin: 0;

}

.paginacao li {

    display: inline-block;

    vertical-align: middle;

    position: relative;

}

.paginacao .paginacao-busca {

    font-size: 17px;

    /*width: 30px;

    height: 40px;*/

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: transparent;

    margin: 10px;

    color: #0077f5;

    transition: all 0.5s;

}



.paginacao .paginacao-busca:hover, .paginacao .borda-selecionada {

    color: #0077f5;

    transform: scale(1.20);

}

.paginacao .paginacao-busca input, .paginacao .borda-selecionada input{

    width: 2.5em;

    text-align: center; 

    padding: 0px;

    border: 1px solid #0077f5;

    border-radius: 4px;

    background: #e9ebedbd;

    color: #0077f5;

}



input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.ulcardapio {

    display: flex;

    justify-content: center;

}

.paginacao-icon svg{

    margin-top: 3px;

    width: 15px;

    height: 15px;

}



.paginacao-left .paginacao-icon svg{

    transform: rotateY(180deg);

}



.paginacao-icon svg:hover{

    fill: #fff;

}



#interna-segmento.container .row{

    justify-content: flex-end;

}



@media (max-width: 768px) {

    .paginacao .paginacao-busca {

        width: 40px;

        height: 40px;

    }

    .col-lg-12.no-padding {

        padding-left: 0px;

        padding-right: 0px;

    }    

}

@media (max-width: 520px) {

    .paginacao .paginacao-busca {

        width: 30px;

        height: 35px;

    }

}

@media (max-width: 420px) {

    .paginacao .paginacao-busca {

        width: 25px;

        font-size: 15px;

    }

}

@media (max-width: 375px) {

    .paginacao .paginacao-busca {

        width: 18px;

        font-size: 13px;

    }

}



[data-toggle="collapse"] i:before {  

    content: "\f068";

}

  

[data-toggle="collapse"].collapsed i:before {

    content: "\f067";

}



.card-header{

    margin-bottom: 8px;

}

.accordion-title{

    position: relative;

    display: block;

    padding:8px 0 8px 50px;

    background: #0077f5;

    border-radius: 8px;

    overflow: hidden;

    text-decoration: none;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    width: 100%;

    text-align: left;

    transition: all .4s ease-in-out; 

}

.accordion-title i{

    position: absolute;

    width: 40px;

    height: 100%;

    left: 0;

    top: 0;

    color: #fff;

    background: radial-gradient(rgba(#213744, .8), #213744);

    text-align: center;

    border-right: 1px solid transparent;

}

.accordion-title:hover{

    padding-left: 60px;

    background: #0077f5;

    color: #fff;

    text-decoration: none;

}

.accordion-title:hover i{

    border-right: 1px solid #fff;

}



.accordion-body{

    padding: 40px 55px;

}

.accordion-body ul{

    list-style: none;

    margin-left: 0;

    padding-left: 0;

}

.accordion-body li{

    padding-left: 1.2rem;

    text-indent: -1.2rem;

}

.accordion-body:before{

    content: \f10a;

    padding-right: 5px;

    font-family: "Flaticon";

    font-size: 16px;

    font-style: normal;

    color: #0077f5;

}



@media (max-width: 768px) {

    #accordion {

        display: block;

    }



    #accordion .rf-pg-link-util {

        padding: 5px 20px;

    }

}



/*ACCORDION (perguntas frequentes)*/

.card-body {

    padding: 10px 60px;

}



.listaUser button {

    width: 95%; 

    text-decoration: none!important;

}



@media (max-width: 1024px) {

    .listaUser button {

        width: 80%; 

    }

}

@media (max-width: 520px) {

    .card-body {

        padding: 10px 15px;

    }

}



/*CHECKBOX*/

.switch .inst-home-produtos {

    padding-left: 0.5rem;

}



.switch .switch-wrapper {

    display: inline-block;

    width: 60px;

    height: 34px;

    position: relative;

}

.switch .switch-wrapper .switch-button {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 40px;

    background-color: #BFBFBF;

}



.switch .switch-wrapper .switch-button::before {

    content: "";

    width: 26px;

    height: 26px;

    position: absolute;

    left: 4px;

    bottom: 4px;

    border-radius: 50%;

    transition: all ease 0.4s;

    background-color: #0077f5;

    cursor: pointer;

}



.switch .switch-wrapper input:checked + .switch-button {

    background-color: #0077f5;

}

.switch .switch-wrapper input:checked + .switch-button::before {

    transform: translateX(20px);

    background-color: #fff;

}



/*CAROUSEL*/

.login-txt {

    font-family: 'Asap Condensed' ,Arial;

    color: #fff;

    display: flex;

    align-items: center;

    text-transform: uppercase;

    font-size: 15px;

    padding: 0 10px;

    font-weight: 400;

    letter-spacing: 0.2px;

}





/*PROJETOS*/

.box-conteudo {
    width: 100%;
    height: 26em;
    overflow: hidden;
    margin-bottom: 2em;
    border-radius: 10px;
    background-position: center;
    transition: all 0.5s ease-in-out;
}

#blog-interna .box-conteudo {
    height: 40em;
}

.galeria-projeto .box-conteudo {

    height: 15em;

    transition: all linear 10s;

}

.projetos-item {

    height: 100%;

    border-radius: 20px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transition: all 0.5s ease-in-out;

}

.galeria-projeto .projetos-item {

    background-position: top;

    transition: all linear 10s;

}

.box-cliente.projetos-item {

    background-size: contain;

}

.box-conteudo:hover {

    -webkit-box-shadow: 0 0 30px 2px #8c8c8c;

    -moz-box-shadow: 0 0 30px 2px #8c8c8c;

    box-shadow: 0 0 30px 2px #8c8c8c;

}

.box-conteudo:hover .projetos-item {

    transform: scale(1.1);

}

.galeria-projeto .box-conteudo:hover .projetos-item {

    background-position: bottom;

}



@media (max-width: 1440px) {

    .box-conteudo {

        height: 20em;

    }

}

@media (max-width: 1024px) {
    .box-conteudo, #blog-interna .box-conteudo {
        height: 21em;
    }
}

@media (max-width: 768px) {
    .box-conteudo {
        height: 25em;
    }
}

@media (max-width: 375px) {
    .box-conteudo {
        height: 21em;
    }
}





/*TABELA DE PRE�OS*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,700,900italic,900);

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);



#generic_price_table{

  background-color: #f0eded;

}



/*PRICE COLOR CODE START*/

#generic_price_table .generic_content{

  background-color: #fff;

}



#generic_price_table .generic_content .generic_head_price{

  background-color: #f6f6f6;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{

  border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{

  color: #525252;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{

    color: #414141;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{

    color: #414141;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{

    color: #414141;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{

    color: #414141;

}



#generic_price_table .generic_content .generic_feature_list ul li{  

  color: #a7a7a7;

}



#generic_price_table .generic_content .generic_feature_list ul li span{

  color: #414141;

}

#generic_price_table .generic_content .generic_feature_list ul li:hover{

  background-color: #E4E4E4;

  border-left: 5px solid #500580;

}



#generic_price_table .generic_content .generic_price_btn a{

  border: 1px solid #500580; 

    color: #500580;

} 



#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{

  border-color: #500580 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #500580;

  color: #fff;

}



#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{

  color: #fff;

}



#generic_price_table .generic_content:hover .generic_price_btn a,

#generic_price_table .generic_content.active .generic_price_btn a{

  background-color: #500580;

  color: #fff;

} 

#generic_price_table{

    font-family: 'Raleway', Arial;

}

.row .table{

    padding: 28px 0;

}



/*PRICE BODY CODE START*/



#generic_price_table .generic_content{

  overflow: hidden;

  position: relative;

  text-align: center;

}



#generic_price_table .generic_content .generic_head_price {

  margin: 0 0 20px 0;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content{

  margin: 0 0 50px 0;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{

    border-style: solid;

    border-width: 90px 1411px 23px 399px;

  position: absolute;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head{

  padding-top: 40px;

  position: relative;

  z-index: 1;

}



#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{

    font-family: "Raleway",Arial;

    font-size: 28px;

    font-weight: 400;

    letter-spacing: 2px;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag{

  padding: 0 0 20px;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{

  display: block;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{

    display: inline-block;

    font-family: "Lato",Arial;

    font-size: 28px;

    font-weight: 400;

    vertical-align: middle;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{

    font-family: "Lato",Arial;

    font-size: 60px;

    font-weight: 300;

    letter-spacing: -2px;

    line-height: 60px;

    padding: 0;

    vertical-align: middle;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{

    display: inline-block;

    font-family: "Lato",Arial;

    font-size: 24px;

    font-weight: 400;

    vertical-align: bottom;

}



#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{

    font-family: "Lato",Arial;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 3px;

    vertical-align: bottom;

}



#generic_price_table .generic_content .generic_feature_list ul{

  list-style: none;

  padding: 0;

  margin: 0;

}



#generic_price_table .generic_content .generic_feature_list ul li{

  font-family: "Lato",Arial;

  font-size: 18px;

  padding: 15px 0;

  transition: all 0.3s ease-in-out 0s;

}

#generic_price_table .generic_content .generic_feature_list ul li:hover{

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -ms-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;



}

#generic_price_table .generic_content .generic_feature_list ul li .fa{

  padding: 0 10px;

}

#generic_price_table .generic_content .generic_price_btn{

  margin: 20px 0 32px;

}



#generic_price_table .generic_content .generic_price_btn a{

    border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

  -webkit-border-radius: 50px;

    display: inline-block;

    font-family: "Lato",Arial;

    font-size: 18px;

    outline: medium none;

    padding: 12px 30px;

    text-decoration: none;

    text-transform: uppercase;

}



#generic_price_table .generic_content,

#generic_price_table .generic_content:hover,

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,

#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,

#generic_price_table .generic_content .price,

#generic_price_table .generic_content:hover .price,

#generic_price_table .generic_content .generic_price_btn a,

#generic_price_table .generic_content:hover .generic_price_btn a{

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -ms-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

} 

@media (max-width: 375px) { 

}



@media (max-width: 767px) {

  #generic_price_table .generic_content{

    margin-bottom:75px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  #generic_price_table .col-md-3{

    float:left;

    width:50%;

  }

  

  #generic_price_table .col-md-4{

    float:left;

    width:50%;

  }

  

  #generic_price_table .generic_content{

    margin-bottom:75px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {

}

#generic_price_table_home{

   font-family: 'Raleway', Arial;

}

.demo-pic{

  margin: 0 auto;

}

.demo-pic:hover{

  opacity: 0.7;

}



#generic_price_table_home ul{

  margin: 0 auto;

  padding: 0;

  list-style: none;

  display: table;

}

#generic_price_table_home li{

  float: left;

}

#generic_price_table_home li + li{

  margin-left: 10px;

  padding-bottom: 10px;

}

#generic_price_table_home li a{

  display: block;

  width: 50px;

  height: 50px;

  font-size: 0px;

}

#generic_price_table_home .blue{

  background: #3498DB;

  transition: all 0.3s ease-in-out 0s;

}

#generic_price_table_home .emerald{

  background: #500580;

  transition: all 0.3s ease-in-out 0s;

}

#generic_price_table_home .grey{

  background: #7F8C8D;

  transition: all 0.3s ease-in-out 0s;

}

#generic_price_table_home .midnight{

  background: #34495E;

  transition: all 0.3s ease-in-out 0s;

}

#generic_price_table_home .orange{

  background: #E67E22;

  transition: all 0.3s ease-in-out 0s;

}

#generic_price_table_home .purple{

  background: #9B59B6;

  transition: all 0.3s ease-in-out 0s;

}

#generic_price_table_home .red{

  background: #E74C3C;

  transition:all 0.3s ease-in-out 0s;

}

#generic_price_table_home .turquoise{

  background: #1ABC9C;

  transition: all 0.3s ease-in-out 0s;

}



#generic_price_table_home .blue:hover,

#generic_price_table_home .emerald:hover,

#generic_price_table_home .grey:hover,

#generic_price_table_home .midnight:hover,

#generic_price_table_home .orange:hover,

#generic_price_table_home .purple:hover,

#generic_price_table_home .red:hover,

#generic_price_table_home .turquoise:hover{

  border-bottom-left-radius: 50px;

    border-bottom-right-radius: 50px;

    border-top-left-radius: 50px;

    border-top-right-radius: 50px;

  transition: all 0.3s ease-in-out 0s;

}

#generic_price_table_home .divider{

  border-bottom: 1px solid #ddd;

  margin-bottom: 20px;

  padding: 20px;

}

#generic_price_table_home .divider span{

  width: 100%;

  display: table;

  height: 2px;

  background: #ddd;

  margin: 50px auto;

  line-height: 2px;

}

#generic_price_table_home .itemname{

  text-align: center;

  font-size: 50px ;

  padding: 50px 0 20px ;

  border-bottom: 1px solid #ddd;

  margin-bottom: 40px;

  text-decoration: none;

    font-weight: 300;

}

#generic_price_table_home .itemnametext{

    text-align: center;

    font-size: 20px;

    padding-top: 5px;

    text-transform: uppercase;

    display: inline-block;

}



.price-heading{

    text-align: center;

}

.price-heading h1{

  color: #666;

  margin: 0;

  padding: 0 0 50px 0;

}

.demo-button {

    background-color: #333333;

    color: #ffffff;

    display: table;

    font-size: 20px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

    margin-bottom: 50px;

    outline-color: -moz-use-text-color;

    outline-style: none;

    outline-width: medium ;

    padding: 10px;

    text-align: center;

    text-transform: uppercase;

}

.bottom_btn{

  background-color: #333333;

    color: #ffffff;

    display: table;

    font-size: 28px;

    margin: 60px auto 20px;

    padding: 10px 25px;

    text-align: center;

    text-transform: uppercase;

}

.demo-button:hover{

  background-color: #666;

  color: #FFF;

  text-decoration:none;

  

}

.bottom_btn:hover{

  background-color: #666;

  color: #FFF;

  text-decoration:none;

}





/*ACCORDION*/

#question {

    background-color: #EEF2F5;   

}

a:hover,a:focus{

    text-decoration: none;

    outline: none;

}

#accordion .panel{

    border: none;

    box-shadow: none;

    margin-bottom: 10px;

    background: transparent;

    border-bottom: 2px solid #0077f5;

}

#accordion .panel-heading{

    padding: 0;

    border: none;

    border-radius: 5px;

    background: transparent;

    position: relative;

}

#accordion .panel-title a{

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    display: block;

    padding: 20px 0;

    margin: 0;

    font-size: 17px;

    font-weight: bold;

    color: #0077f5;

    letter-spacing: 1px;

    border: none;

    border-radius: 5px;

    position: relative;

    cursor: pointer;

}

#accordion .panel-title a:before,

#accordion .panel-title a.collapsed:before {

    content: "\f067"; /* código do ícone "plus" no Font Awesome */

    font-family: "Font Awesome 5 Free";

    font-weight: 500; /* necessário para solid */

    line-height: 27px;

    text-align: center;

    font-size: 22px;

    color: #0077f5;

    position: absolute;

    top: 15px;

    right: 0px;

    transform: rotate(0deg); /* sem rotação, pois é um + */

    transition: all 0.3s ease;

}

/* Ícone quando aberto */

#accordion .panel-title a:not(.collapsed):before {

    content: "\f068"; /* - */

}

#accordion .panel-title a.collapsed:before{

    transform: rotate(0deg);

}

#accordion .panel-body{

    padding-bottom: 20px;

    font-size: 17px;

    color: #0077f5;

    line-height: 28px;

    letter-spacing: 1px;

    border-top: none;

    border-radius: 5px;

}



/*CTA*/

#cta .cta-conteudo {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}





/*COOKIES*/

.wrapper {

    position: fixed;

    bottom: 16px;

    left: -444px;

    max-width: 345px;

    width: 100%;

    background: #fff;

    border-radius: 8px;

    padding: 15px 25px 22px;

    transition: left ease 0.5s;

}



.wrapper.show {

    left: 16px;

    z-index: 5;

}

.wrapper header {

    display: flex;

    align-items: center;

    column-gap: 15px;

}



.wrapper header img {

    width: 10%;

}



.wrapper header h2 {

    font-size: 30px;

    color: #500580;

    font-weight: 500;

}



.wrapper .data {

    margin-top: 16px;

}



.wrapper .data p {

    color: #696969;

    font-size: 16px;

}



.wrapper .data p a {

    color: #500580;

    text-decoration: underline!important;

}

.wrapper .data p a:hover {

    text-decoration: none;

}



.wrapper .buttons {

    margin-top: 16px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.wrapper .buttons form {

    width: 100%;

}



.wrapper .buttons .button {

    border: none;

    color: #fff;

    padding: 8px 0;

    border-radius: 4px;

    background: #500580;

    cursor: pointer;

    width: 100%;

    /*width: calc(100% / 2 - 10px);*/

    transition: all ease 0.2s;

}

.wrapper .buttons .button:hover {

    background-color: #0077f5;

}



@media (max-width: 520px) {

    .wrapper.show {

        left: 65px;

    }

}

@media (max-width: 420px) {

    .wrapper.show {

        left: 35px;

    }

}

@media (max-width: 375px) {

    .wrapper.show {

        left: 5px;

    }

}



.fancybox-slide>* {

    width: 50em;

}



@media (max-width: 520px) {

    .fancybox-slide>* {

        width: 30em;

        bottom: 53em;

    }



    html:not(.no-js) [data-aos^=fade][data-aos^=fade], html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {

        opacity: 1!important;

    }



    html:not(.no-js) [data-aos=fade-up] {

        transform: matrix(1, 0, 0, 1, 0, 0)!important;

    }

}



.erromsg{

    color: #f30;

}





/*------------------------------- PREMIAÇÃO -----------------------------------*/

#pesquisa .box-pesquisa {

    margin: 10px 0;

    padding: 35px 60px;

    border-radius: 0 30px 30px 0;

}

#pesquisa .box-pesquisa.vermelho-escuro {

    background: #630606;

}

#pesquisa .box-pesquisa.vermelho {

    background: #0077f5;

}

#pesquisa .box-pesquisa.preto {

    background: #000;

}

#pesquisa .header-titulo {

    font-size: 35px;

}

#pesquisa .destaque.inst-home-desc, #pesquisa .destaque.inst-home-desc p {

    text-align: center;

    margin-top: 0;

}

#pesquisa .box-pesquisa .inst-home-desc, #pesquisa .box-pesquisa .inst-home-desc p {

    color: #fff;

}



@media (max-width: 768px) {

    #pesquisa .box-pesquisa {

        padding: 60px;

    }

}





/* NEWSLETTER */

.newsletter {

  background-color: #0077f5;

  color: white;

  padding: 30px 0;

}



.newsletter .conteudo {

  margin: 0 auto; /* centraliza horizontalmente */

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  flex-wrap: wrap;

  gap: 20px;

}



.newsletter-text h3 {

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    margin: 0;

    font-size: 1.4rem;

    text-decoration-line: underline;

    text-decoration-color: #ffffff;

    text-decoration-thickness: 2px;

    text-underline-offset: 15px;

}



.newsletter-text p {
    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;
    font-size: 22px;
    opacity: 0.9;
}

/* Container que segura o ícone e o texto */
.newsletter-text {
    display: flex;           /* Coloca o ícone ao lado do texto */
    align-items: center;     /* Centraliza verticalmente */
    gap: 15px;              /* Espaço entre o ícone e o texto */
    text-align: left;
}

/* Estilização do Ícone */
.newsletter-text i {
    font-size: 3rem;        /* Tamanho do ícone (ajuste conforme necessário) */
    line-height: 1;
}


.newsletter-form {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

}



.newsletter-form input {

    border: none;

    border-radius: 6px;

    padding: 10px 12px;

    font-size: 0.9rem;

    outline: none;

    min-width: 300px;

    width: auto;

    background-color: #fff;

}



.newsletter-form button {

    background-color: #000;

    color: white;

    border: none;

    border-radius: 6px;

    padding: 10px 16px;

    cursor: pointer;

    font-weight: bold;

    transition: background 0.3s ease;

}



.newsletter-form button:hover {

    background-color: #333;

}



@media (max-width: 1024px) {
    .newsletter .conteudo {
        justify-content: center;
    }

    /* Centraliza o bloco de ícone+texto no mobile */
    .newsletter-text {
        justify-content: center; 
        text-align: left; /* Mantém o texto alinhado à esquerda em relação ao ícone */
    }

    .newsletter-form {
        justify-content: center;
    }


    .newsletter .conteudo {

        justify-content: center;

    }



    .newsletter .conteudo .newsletter-text {

        text-align: center;

    }



    .newsletter-form {

        justify-content: center;

    }

}



@media (max-width: 768px) {
    .newsletter-text p {
        font-size: 16px;
    }

    .newsletter-form input {
        min-width: 250px;
    }
}



@media (max-width: 425px) {

    .newsletter-form input {

        min-width: 100%;

    }

}



/* CHAMADA HOME */

.bold {

    font-weight: 900;

}



/* Overlay com imagem + blur + granulado */

.txt-destaque {

    font-weight: 900;

}



.overlay-destaque {
    position: relative;
    height: 38em;
    background-size: cover !important;
    
    /* EFEITO PARALLAX */
    background-attachment: fixed; /* Fixa a imagem enquanto o conteúdo rola */
    background-position: center;  /* Centraliza a imagem */
    background-repeat: no-repeat;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    color: #fff;
    border-radius: 15px;
}

.overlay-destaque ul {
    list-style: circle;
}

.overlay-destaque ul li {
    text-align: start;
}



.overlay-destaque {
    height: 38em;
}

#hour-information .overlay-destaque {
    height: 25em;
}


.overlay-destaque .book-appointment {
    width: 32%;
}

.services .overlay-destaque .book-appointment {
    width: 50%;
}

#hour-information .overlay-destaque .book-appointment {
    width: 100%;
}


.overlay-destaque h1 {
    font-size: 40px;
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
    font-weight: normal;
}



.about .overlay-destaque span p, .services .overlay-destaque span p, .article .overlay-destaque span p {
    font-size: 20px;
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 0;

}



.info-icon {

    margin-right: 20px;

    width: 30px; 

    height: 30px; 

    flex-shrink: 0;

}

.overlay-destaque .destaque img {
    position: absolute;
    left: 20px;
    top: 20px;
}

.overlay-destaque h1 {
    font-size: 30px;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    text-align: left;
    font-weight: bold;
}

.overlay-destaque h4 {
    font-size: clamp(1.5rem, 2vw, 1rem);
    margin-bottom: 1.5rem;
    line-height: 1.2;
    font-weight: 900;
}

.services .overlay-destaque .book-appointment {
    align-items: flex-end;
    justify-content: flex-end;
}

.overlay-destaque p {

    font-family: "Gotham Book", "Archivo Black", "Anton", sans-serif;

    font-size: 15px;

    line-height: 1.6;

    margin-bottom: 1rem;

    text-align: left;
    font-weight: normal;

}



.overlay-destaque hr {

    border-top: 1px solid #fff;

    width: 30%;

    position: absolute;

    margin-top: 0;

}



.btn-danger {

    background-color: #0077f5;

    border: none;

    border-radius: 50px;

    padding: 0.7rem 1.5rem;

    font-weight: bold;

}



.btn-outline-light {

    border-radius: 50px;

    padding: 0.7rem 1.5rem;

    font-weight: bold;

}

@media (max-width: 1440px) {
    .overlay-destaque .destaque img {
        top: 0;
    }
}

@media (max-width: 1024px) {
    .overlay-destaque .destaque img {
        display: none;
    }

    .overlay-destaque .book-appointment {
        width: 40%;
    }

    .overlay-destaque {
        background-attachment: scroll;
    }
}

@media (max-width: 768px) {
    .overlay-destaque {
        padding-left: 0px;
        height: 27em;
    }

    .overlay-destaque h1 {
        font-size: 25px;
        text-align: center;
    }

    .overlay-destaque p, .overlay-destaque ul li {
        font-size: 15px;
    }

    .about .overlay-destaque span p, .services .overlay-destaque span p, .services .overlay-destaque span li, .services .overlay-destaque span li span {
        font-size: 15px!important;
    }

    .overlay-destaque .book-appointment, .services .overlay-destaque .book-appointment {
        width: 100%;
        align-items: center !important;
    }

    .services .overlay-destaque .book-appointment {
        justify-content: center;
    }
}

@media (max-width: 425px) {
    .overlay-destaque h1, .overlay-destaque p span {
        font-size: 18px!important;
        text-align: center;
    }

    .overlay-destaque p, .overlay-destaque ul li {
        font-size: 12px!important;
    }

    .about .overlay-destaque span p, .services .overlay-destaque span p, .services .overlay-destaque span li, .services .overlay-destaque span li span {
        font-size: 13px!important;
    }

    .overlay-destaque .book-appointment, .services .overlay-destaque .book-appointment {
        justify-content: center;
    }
}

@media (max-width: 375px) {
    .overlay-destaque h1, .overlay-destaque p span {
        font-size: 15px!important;
        text-align: center;
    }

    .about .overlay-destaque span p, .services .overlay-destaque span p, .services .overlay-destaque span li, .services .overlay-destaque span li span {
        font-size: 11px!important;
    }
}


/* CONFORT */

#comfort .product-card {

    height: 600px;

}



#comfort .comfort-desc  {

    margin-bottom: 1rem;

}



#comfort .comfort-desc p {

    margin-bottom: 0;

}



#comfort .product-card .card-content h6 {

    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;

    font-weight: normal;

    font-size: 20px;

}



#comfort .product-card .conteudo {

    top: 55px;

    left: 60px;

}



#comfort .product-card .conteudo.center {

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    bottom: 75px;

}



#comfort.interna .header-destaque, #comfort.interna .inst-home-desc, #comfort.interna .inst-home-desc p {

    color: #fff;

}



#comfort.interna .header-destaque {

    margin-top: 10px;

    margin-bottom: 20px;

    text-align: justify;

}



#comfort.interna .inst-home-desc.subtitulo {

    font-size: 20px;

    font-weight: 700;

}



#comfort.interna .inst-home-desc li {

    font-size: 20px;

    margin: 30px 0;

}



#comfort.interna .overlay-destaque p {

    text-transform: inherit;

}



@media (max-width: 1440px) {

    #comfort .product-card .conteudo {

        left: 40px;

    }

}

@media (max-width: 425px) {
    #comfort .comfort-desc  {
        margin-top: 3rem;
    }

    #comfort .product-card .conteudo.center {
        bottom: 60px;
    }
}



/* SERVICES */
#services .product-card {
    height: 500px;
}

#services .product-card .card-content h6, #services .product-card .card-content p {
    text-align: center;
}

#services .product-card .card-content h6 {
    font-size: 20px;
}

#services .product-card .card-content p {
    font-size: 16px;
}

#services .form-buttons {
    justify-content: center;
}

.treatment-item {
    padding: 1em;
    position: relative;
    cursor: pointer;
}

.treatment-icon {
    width: 110px;
    height: auto;
    margin-bottom: 1rem;
    transition: transform 0.3s ease, filter 0.3s ease; /* Animação suave aqui */
}

.treatment-item.ativo .treatment-icon {
    transform: scale(1.2); 
    filter: invert(100%) hue-rotate(180deg) brightness(1.2) contrast(1.1);
}

.treatment-text {
    font-family: "Gotham Black", "Archivo Black", "Anton", sans-serif;
    font-size: 1rem;
    color: #0077f5;
    max-width: 260px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Balão como Relative para empurrar o bloco de baixo */
.service-balloon {
    position: relative;
    display: none;
    z-index: 10;
    background-color: #d1e5ff;
    color: #0b3b5c;
    padding: 30px;
    border-radius: 12px;
    width: 600px;
    max-width: 90vw;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: left;
    
    /* Centralização padrão */
    margin: 50px auto 20px auto; 
    left: 50%;
    transform: translateX(-50%);
}

/* Seta padrão (meio) */
.service-balloon::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 15px 15px 15px;
    border-style: solid;
    border-color: transparent transparent #d1e5ff transparent;
}

/* Faz o balão aparecer ao clicar */
.treatment-item.ativo .service-balloon {
    display: block;
}

/* Ajustes finos nos textos do balão */
.service-balloon .balloon-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.service-balloon .balloon-text {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
}


/* =========================================
   PERMITE O BALÃO VAZAR SEM MOSTRAR FANTASMAS
========================================= */
.owl-carousel .owl-stage-outer {
    /* Retorna ao padrão para esconder os fantasmas nas laterais */
    overflow: hidden !important; 
    
    /* O TRUQUE MÁGICO PARA O BALÃO ABSOLUTE NÃO CORTAR EMBAIXO: */
    /* Estica a caixa de corte invisível para baixo (ajuste se o balão for muito alto) */
    padding-bottom: 400px !important; 
    /* Puxa o conteúdo de baixo de volta para não ficar um buracão no site */
    margin-bottom: -400px !important; 
}

/* Mantém as camadas de profundidade para o balão ficar na frente dos botões */
.owl-carousel .owl-item {
    z-index: 1;
}
.owl-carousel .owl-item.active {
    z-index: 2;
}
.owl-carousel .owl-item:has(.treatment-item.ativo) {
    z-index: 9999; 
}


/* =========================================
   MÁGICA CSS: BORDAS DO CARROSSEL
========================================= */
owl-item.active:first-child .service-balloon {
    left: 0 !important;
    transform: translateX(0) !important;
}

/* 1. Item na extrema ESQUERDA (Primeiro .active) */
.owl-item.active:first-child .service-balloon,
.owl-item:not(.active) + .owl-item.active .service-balloon {
    left: 0;
    transform: translateX(0);
    margin-left: 0;
}
.owl-item.active:first-child .service-balloon::before,
.owl-item:not(.active) + .owl-item.active .service-balloon::before {
    left: 55px; /* Alinha a seta com o centro do ícone (aprox 110px/2) */
    transform: none;
}

/* 2. Item na extrema DIREITA (Último .active) */
/* Usamos uma margem negativa para puxar o balão para trás sem quebrar o layout relative */
.owl-item.active:has(+ .owl-item:not(.active)) .service-balloon,
.owl-item.active:last-child .service-balloon {
    left: auto;
    right: 0;
    transform: translateX(calc(-100% + 150px)); /* Puxa o balão todo para a esquerda */
}

.owl-item.active:has(+ .owl-item:not(.active)) .service-balloon::before,
.owl-item.active:last-child .service-balloon::before {
    left: auto;
    right: 55px; /* Seta fixa no lado direito */
    transform: none;
}

/* =========================================
   AJUSTE OWL CAROUSEL
   ========================================= */

.treatment-item.ativo .service-balloon {
    display: block;
}


/* =========================================
   REGRAS INTELIGENTES PARA AS COLUNAS ANTIGAS
========================================= */

/* =========================================
   RESOLUÇÃO DEFINITIVA PARA 1440px
   (Ajuste para o 2º e o Penúltimo Item)
   ========================================= */

@media (min-width: 1200px) and (max-width: 1500px) {

    /* 1. SEGUNDO ITEM (Ex: Surgical Procedures) */
    /* Empurra o balão um pouco para a direita para não bater na borda esquerda */
    .owl-item.active:first-child + .owl-item.active .service-balloon,
    .owl-item:not(.active) + .owl-item.active + .owl-item.active .service-balloon {
        left: 50% !important;
        transform: translateX(-25%) !important; /* Em vez de -50%, usamos -25% para ele "correr" para a direita */
    }
    /* Ajusta a seta para continuar no centro do ícone */
    .owl-item.active:first-child + .owl-item.active .service-balloon::before,
    .owl-item:not(.active) + .owl-item.active + .owl-item.active .service-balloon::before {
        left: 25% !important; 
        transform: translateX(-50%) !important;
    }


    /* 2. PENÚLTIMO ITEM (Ex: Pet Nutrition / Travel Documentation) */
    /* Puxa o balão totalmente para a ESQUERDA para ele não fugir da tela na direita */
    .owl-item.active:has(+ .owl-item.active:last-child) .service-balloon,
    .owl-item.active:has(+ .owl-item.active + .owl-item:not(.active)) .service-balloon {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-80%) !important; /* Puxa 80% do balão para o lado de dentro do site */
        margin-right: 0 !important;
    }
    /* Ajusta a seta para o lado direito do balão, alinhando com o ícone */
    .owl-item.active:has(+ .owl-item.active:last-child) .service-balloon::before,
    .owl-item.active:has(+ .owl-item.active + .owl-item:not(.active)) .service-balloon::before {
        left: 80% !important; /* A seta acompanha o deslocamento de 80% */
        right: auto !important;
        transform: translateX(-50%) !important;
    }

}


/* 1. DESKTOP (Telas grandes - 6 itens por linha) */
@media (min-width: 992px) {
    /* Primeiro item da linha (1, 7, 13...) - Alinha à ESQUERDA */
    .col-lg-2:nth-child(6n+1) .service-balloon {
        left: 0;
        transform: translateX(0);
        margin-left: 0;
    }
    .col-lg-2:nth-child(6n+1) .service-balloon::before {
        left: 55px; /* Alinhado ao centro do ícone */
        transform: none;
    }

    /* Último item da linha (6, 12, 18...) - Alinha à DIREITA */
    .col-lg-2:nth-child(6n) .service-balloon {
        left: auto;
        right: 0;
        transform: translateX(calc(-100% + 160px)); /* Puxa o balão para dentro da tela */
    }
    .col-lg-2:nth-child(6n) .service-balloon::before {
        left: auto;
        right: 55px;
        transform: none;
    }
}

/* 2. TABLET (Telas médias - 2 itens por linha) */
@media (min-width: 768px) and (max-width: 991px) {
    .col-md-6:nth-child(2n + 1) .service-balloon { left: 0; transform: translateX(0); }
    .col-md-6:nth-child(2n + 1) .service-balloon::before { left: 55px; transform: none; }

    .col-md-6:nth-child(2n) .service-balloon { left: auto; right: 0; transform: translateX(0); }
    .col-md-6:nth-child(2n) .service-balloon::before { left: auto; right: 55px; transform: none; }
}

/* 3. MOBILE (Celular - 1 item por linha) */
@media (max-width: 768px) {
    /* 2. Item na extrema DIREITA (Último .active) */
    /* Usamos uma margem negativa para puxar o balão para trás sem quebrar o layout relative */
    .owl-item.active:has(+ .owl-item:not(.active)) .service-balloon,
    .owl-item.active:last-child .service-balloon {
        transform: 0; 
    }

    .service-balloon {
        width: 100%;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* Forçamos o !important para cancelar as regras do carrossel no celular */
    .service-balloon,
    .owl-item.active .service-balloon {
        width: 100% !important; 
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
    .service-balloon::before,
    .owl-item.active .service-balloon::before {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    .treatment-title { font-size: 1.1rem; }
    .treatment-text { font-size: 0.95rem; }
}



/* FINANCIAL CARE */

/* --- FINANCIAL CARE --- */



#financial-care {

    padding: 60px 0;

}



/* Espaçamento extra entre card e card */

#financial-care .col-lg-4,

#financial-care .col-md-6,

#financial-care .col-12 {

    margin-bottom: 25px;

}



/* Cards */

#financial-care .info-card {

    background: #f5f7fa;

    border-radius: 20px;

    padding: 25px;

    display: flex;

    align-items: flex-start;

    gap: 20px;

    transition: all .3s ease;

    height: 100%;

    border: 1px solid #e0e6ef;

}



#financial-care .info-card:hover {

    transform: translateY(-5px);

    background: #eef2f7;

}



/* Títulos dos tópicos */

#financial-care h5.bold {

    font-size: 1.1rem;

    color: #0077f5;

    font-weight: 700;

    margin-bottom: 6px;

}



#financial-care .treatment-text {

    max-width: none;

}





/* Responsivo */

@media (max-width: 768px) {

    #financial-care .header-titulo {

        font-size: 1.7rem;

    }



    #financial-care .info-card {

        padding: 20px;

    }



    #financial-care h5.bold {

        font-size: 1rem;

    }

}


/* scratch */
#scratch a {
    display: inline-flex; /* Garante que o padding funcione bem e alinhe o conteúdo */
    align-items: center;
    text-decoration: none;
    background-color: #ffffff;
    color: #000000;
    margin-top: 20px;
    
    /* Padding para dar espaço interno */
    padding: 20px 40px;
    
    /* Arredondamento das bordas */
    border-radius: 12px;
    
    /* O Shadow (Sombra): Horizontal, Vertical, Desfoque, Espalhamento e Cor */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    
    /* Opcional: transição suave para um efeito de hover */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Efeito ao passar o mouse para dar mais vida ao card */
#scratch a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}


/* BOOK AN APPOINTMENT */

.CareCruFadeIn.CareCruButton.Book {

    left: 9999px;

}



/* RODAPÉ STEAC */

.logo-steac {

    text-align: center;

}



.logo-steac span, .logo-steac a {

    color: #fff;

}



.logo-steac img {

    margin: 10px;

    width: 3em;

    transition: all ease 0.5s;

    opacity: 0.5;

}



.logo-steac span {

    opacity: 0.5;

    transition: all ease 0.5s;

}



/* --- Efeitos de Hover --- */



/* 1. Hover no container geral ? destaque no texto */

.logo-steac:hover span {

    opacity: 1;

}



/* 2. Hover no link de TEXTO "Steactech" ? destaque na IMAGEM */

.logo-steac a[href="https://steactech.com.br"]:hover + br + a img {

    opacity: 1;

}



/* 3. Hover na IMAGEM ? destaque nela mesma */

.logo-steac a:hover img {

    opacity: 1;

}