/* Importando a fonte do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* Definindo as variáveis de cor e a fonte padrão */
:root {
    --probank-blue: #0C2A4C;
    --probank-white: #F4FDF6;
    --probank-gold: #ECC66B;
}

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

/* --- CUSTOMIZAÇÃO DO BOOTSTRAP E CLASSES GLOBAIS --- */

.bg-primary-dark {
    background-color: var(--probank-blue) !important;
}

.btn-accent {
    background-color: var(--probank-gold);
    color: var(--probank-blue);
    font-weight: 600;
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-accent:hover {
    color: var(--probank-blue);
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* --- ESTILOS DA NAVBAR --- */
.navbar-brand {
    color: var(--probank-gold) !important;
    font-size: 1.5rem;
}

.navbar .nav-link {
    color: var(--probank-white);
    font-weight: 600;
}

.navbar .nav-link:hover, .navbar .nav-link.active {
    color: var(--probank-gold);
}

/* --- ESTILOS DA SEÇÃO HERÓI --- */
.hero-section {
    background: linear-gradient(rgba(12, 42, 76, 0.8), rgba(12, 42, 76, 0.8)), url('img/capa1.png') no-repeat center center;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 56px; /* Ajuste para compensar a navbar fixa */
}

.hero-section h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* --- ESTILOS DA SEÇÃO SERVIÇOS --- */
.services-section {
    background-color: var(--probank-white);
}

.service-card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 25px rgba(12, 42, 76, 0.1);
}

.service-icon i {
    font-size: 3rem; /* 48px */
    color: var(--probank-gold);
}

/* --- ESTILOS DA SEÇÃO SOBRE NÓS --- */
.about-section {
    background-color: #ffffff; /* Fundo branco puro para contraste */
}

.about-section ul li {
    font-weight: 600;
    color: var(--probank-blue);
}

.about-section ul i {
    font-size: 1.5rem; /* 24px */
    color: var(--probank-gold);
}

/* --- ESTILOS DA SEÇÃO CONTATO --- */
.contact-section .text-probank-blue {
    color: var(--probank-blue);
}

/* --- ESTILOS ADICIONAIS DA SEÇÃO CONTATO (MAPA) --- */
.map-container {
    overflow: hidden; /* Garante que o iframe não ultrapasse as bordas arredondadas */
    height: 100%;
    min-height: 450px; /* Altura mínima para o mapa */
}

.map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}