/** JSDB CSS **/

.mb-120 {margin-bottom: 120px}

.link-branco a {color: #FFF}
.link-branco a:hover {color: #FFF}

.home-sobre-pd-txt {padding: 20px 40px 20px 40px;}


/* =========================================
   Hero Logos Flutuantes — Grupo VRB
   ========================================= */

@keyframes vrb-float-a {
    0%, 100% { transform: translateY(0px) translateX(0px); }
    40%       { transform: translateY(-14px) translateX(5px); }
    70%       { transform: translateY(-6px) translateX(-3px); }
}
@keyframes vrb-float-b {
    0%, 100% { transform: translateY(0px) translateX(0px); }
    45%       { transform: translateY(12px) translateX(-6px); }
    75%       { transform: translateY(4px) translateX(4px); }
}
@keyframes vrb-float-c {
    0%, 100% { transform: translateY(0px) translateX(0px); }
    35%       { transform: translateY(-10px) translateX(-5px); }
    65%       { transform: translateY(-4px) translateX(6px); }
}
@keyframes vrb-float-d {
    0%, 100% { transform: translateY(0px) translateX(0px); }
    50%       { transform: translateY(13px) translateX(6px); }
    80%       { transform: translateY(5px) translateX(-4px); }
}
@keyframes vrb-float-e {
    0%, 100% { transform: translateY(0px) translateX(0px); }
    40%       { transform: translateY(-11px) translateX(7px); }
    70%       { transform: translateY(-3px) translateX(-5px); }
}
@keyframes vrb-float-f {
    0%, 100% { transform: translateY(0px) translateX(0px); }
    45%       { transform: translateY(9px) translateX(-6px); }
    75%       { transform: translateY(3px) translateX(5px); }
}

@media (max-width: 991px) {
    .vrb-logo {
        display: none !important;
    }
    .vrb-hero-bg {
        display: none !important;
    }
}

/* Base */
.vrb-logo {
    position: absolute;
    z-index: 2;
    line-height: 0;
}

.vrb-logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

/* ----------------------------------------
   vrb-float-1  →  VRB Engenharia (topo)
   vrb-float-2  →  Resolve Bombeiros (esquerda-meio)
   vrb-float-3  →  Renovável (direita-meio)
   vrb-float-4  →  Grupo VRB (centro-âncora)
   vrb-float-5  →  Escolha Energia Solar (esquerda-baixo)
   vrb-float-6  →  VRB Coworking (direita-baixo)
   ---------------------------------------- */

/* VRB Engenharia — desce um pouco do topo */
.vrb-float-1 {
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
    animation: vrb-float-a 5.5s ease-in-out infinite;
}

/* Resolve Bombeiros — sobe, abre espaço do centro */
.vrb-float-2 {
    top: 29%;
    left: 10%;
    animation: vrb-float-b 6.2s ease-in-out infinite;
    animation-delay: 0.6s;
}

/* Renovável — sobe junto, mesma linha do Resolve */
.vrb-float-3 {
    top: 26%;
    right: -5%;
    animation: vrb-float-c 5.8s ease-in-out infinite;
    animation-delay: 1.1s;
}

/* Grupo VRB — âncora central, não muda */
.vrb-float-4 {
    top: 46%;
    left: 38%;
    animation: vrb-float-d 7s ease-in-out infinite;
    animation-delay: 1.5s;
}

/* Escolha Energia Solar — desce, abre espaço do centro */
.vrb-float-5 {
    top: 65%;
    left: 19%;
    animation: vrb-float-e 6.5s ease-in-out infinite;
    animation-delay: 0.9s;
}

/* VRB Coworking — mantém */
.vrb-float-6 {
    top: 66%;
    right: -2%;
    animation: vrb-float-f 5.9s ease-in-out infinite;
    animation-delay: 1.3s;
}

/* Mobile — esconde todas as logos flutuantes */
@media (max-width: 991px) {
    .vrb-logo {
        display: none !important;
    }
}