/*
Theme Name: Raça Goiana
Author: Kodev
Author URI: https://kodev.com.br/
Description: Site 2026
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

:root {
    --cor: #093B5E;
    --preto: #001526;
    --branco: #fff;
}

html {
    scroll-behavior: smooth;
}

section{
    scroll-margin-top: 100px;
}

body {
    font-family: "Questrial", sans-serif !important;
    position: relative;
}

header {
    padding: 20px 0;
    position: relative;
    background-color: var(--branco);
}

.logo img {
    height: 70px;
}

.menu {
    background-color: var(--cor);
    margin-top: 20px;
}

.menu-header nav.nav a.nav-link {
    color: var(--cor);
    font-size: 1.1rem;
    font-weight: 500;
}

.menu-header nav.nav a.nav-link:hover {
    color: var(--preto);
    font-size: 1.1rem;
    font-weight: 600;
}

a.btn-cotacao {
    background-color: var(--cor);
    border: 2px solid var(--cor);
    border-radius: 50vh;
    color: var(--branco);
    font-size: 1.1rem;
    font-weight: 700;
}

a.btn-cotacao:hover {
    background-color: transparent;
    border: 2px solid var(--cor);
    border-radius: 50vh;
    color: var(--cor);
    font-size: 1.1rem;
    font-weight: 700;
}

.box-hero {
    position: relative;
    isolation: isolate; 
    overflow: hidden;

    background-image: url('img/bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    border-radius: 20px;
    padding: 40px 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
                rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.box-hero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.75) 0%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0.10) 100%
    );

    z-index: -1;
}

.box-hero > * {
    position: relative;
    z-index: 2;
}

.caminhao{
    position: absolute;
    right: 280px;  
    bottom: -50px;   
    width: 480px;
    z-index: 10;
    pointer-events: none;

}

.hero-t1 {
    color: var(--branco);
    font-weight: 800;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 20px;
}

.hero-t2 {
    color: var(--branco);
    margin-bottom: 20px;
}

a.btn-branco {
    background-color: var(--branco);
    color: var(--cor);
    font-weight: 800;
    border-radius: 50vh;
}

a.btn-branco-out {
    background-color: var(--branco);
    color: var(--cor);
    font-weight: 800;
    border: 2px solid transparent;
    border-radius: 50vh;
}

a.btn-branco-out:hover {
    background-color: transparent;
    color: var(--branco);
    border: 2px solid var(--branco);
    font-weight: 800;
    border-radius: 50vh;
}

.hero-wrapper{
    position: relative;
}

section.servicos,
section.unidades {
    padding: 60px 0;
}

section.unidades {
    background-color: var(--preto);
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.07) 1px, transparent 0);
    background-size: 30px 30px;
}

h1.titulo {
    font-weight: 800;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 6px;
    margin-bottom: 26px;
}

h1.titulo-branco {
    font-weight: 800;
    color: var(--branco);
    margin-bottom: 26px;
}

.servico-box {
    padding: 20px;
    border-radius: 10px;
    color: var(--branco);
    background: linear-gradient(
    135deg,
    var(--preto) 0%,
    #062c47 35%,
    var(--cor) 65%,
    #0c4f7a 100%
);

text-align: center;

}

.servico-icone {
    font-size: 3rem;
}

.full {
    width: 100%;
}

.servico-titulo {
    font-weight: 800;
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.servico-descricao {
    margin-bottom: 15px;
}

.unidade {
    background-color: var(--cor);
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    margin-bottom: 20px;
}

.unidade-titulo {
    font-weight: 800;
    font-size: 1.3rem;
    padding: 20px 0;
    color: var(--branco);
}

a.btn-padrao {
    background-color: var(--cor);
    color: var(--branco);
    border-radius: 50vh;
}

a.btn-padrao:hover {
    background-color: var(--preto);
    color: var(--branco);
    border-radius: 50vh;
}

.unidade-informacoes ul {
    list-style: none;
    padding: 0;
    color: var(--branco);
}

.no-padding {
    margin: 0 !important;
    padding: 0 !important;
}

.box--titulo {
    font-weight: 800;
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: 20px;
}

.box--lista ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.box--lista ul li::before {
    content: "\F531";
    font-family: "Bootstrap-icons";
    margin-right: 8px;
    color: #28a745;
    font-size: 1.3rem;
}

.box--lista ul li {
    font-size: 1.2rem;
    font-weight: 500;
}

.box--descricao {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.imagem-auto {
    height: 100%;
}

.imagem-auto img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;

    box-shadow:
        0 10px 25px rgba(0,0,0,.08),
        0 20px 60px rgba(0,0,0,.12),
        0 40px 80px rgba(0,0,0,.08);
}

.imagem-auto{
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.imagem-auto img{
    transition: transform .6s cubic-bezier(.22,.61,.36,1),
                filter .6s,
                box-shadow .6s;

                box-shadow: 13px 11px 15px -4px rgba(0,0,0,0.75);
-webkit-box-shadow: 13px 11px 15px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 13px 11px 15px -4px rgba(0,0,0,0.75);
}

.imagem-auto:hover img{
    transform: scale(1.05);
    filter: brightness(1.05) contrast(1.05);
    box-shadow:
        0 25px 60px rgba(0,0,0,.18),
        0 60px 120px rgba(0,0,0,.12);
}

section.seguro {
    padding: 60px 0;
}

section.empresa {
    background-color: var(--cor);
    padding: 60px 0;
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.07) 1px, transparent 0);
    background-size: 30px 30px;
}

.cover {
    object-fit: cover;
}

.branco {
    color: var(--branco);
}

.whatsapp {
    position: fixed;
    right: 0;
    bottom: 0;
    margin-right: 20px;
    margin-bottom: 20px;
}

section.contato {
    padding: 60px 0;
}

footer {
    background-color: rgba(0, 0, 0, 2);
    padding: 50px 0;
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.07) 1px, transparent 0);
    background-size: 30px 30px;
}

.copy {
    text-align: center;
    color: var(--branco);
    font-size: 1.3rem;
    font-weight: 800;
}

.kodev {
    text-align: center;
    margin-top: 15px;
}

.kodev img {
    height: 30px;
}

.menu-footer nav.nav a.nav-link {
    color: var(--branco);
    font-weight: 800;
    text-decoration: none;
    font-size: 0.8rem;
}

.menu-footer nav.nav a.nav-link:hover {
    color: var(--cor);
}

.imagem-icone {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -40px;
    margin-bottom: -40px;
    animation: floating 2s ease-in-out infinite;
}

@keyframes floating{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-14px);
    }
    100%{
        transform: translateY(0px);
    }
}

.imagem-icone img {
    height: 120px;
}

.forminator-button-submit {
    background-color: var(--cor) !important;
    color: var(--branco) !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 50vh !important;
}

.forminator-button-submit:hover {
    background-color: var(--preto) !important;
    color: var(--branco) !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 50vh !important;
}

.box-form {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 20px;
    border-radius: 10px;
}

.forminator-button-upload {
    background-color: var(--preto) !important;
    color: var(--branco) !important;
    box-shadow: none !important;
    border: none !important;
}