/* style.css */
body {
    font-family: 'Montserrat', sans-serif;
}

.navbar {
    background-color: #04049b;
}

.navbar-brand, .nav-link {
    color: white !important;
}

.navbar .btn-warning {
    font-weight: 600;
}

.carousel-item img {
    height: 70vh;
    object-fit: cover;
}

.section-mission {
    padding: 60px 0;
    background-color: #f8f9fa;
}

.section-mission img {
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(4,4,155,0.3);
}

.section-howtohelp .container .row .col-md-12 img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    max-height: 400px; /* Limita a altura máxima da imagem */
    object-fit: contain; /* Mantém a proporção sem distorção */
}

.adoption-section {
    padding: 60px 0;
}

.adoption-section .card img {
    height: 500px;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
    background-color: #04049b;
}

.call-to-action {
    background-color: #04049b;
    color: white;
    padding: 40px 0;
}

.call-to-action h3 {
    font-weight: 700;
}

.call-to-action a.btn {
    background-color: #ffcc00;
    color: #04049b;
    font-weight: 700;
    border-radius: 25px;
    padding: 12px 30px;
    transition: background-color 0.3s ease;
}

.call-to-action a.btn:hover {
    background-color: #e6b800;
    color: #04049b;
}

.carousel-caption {
    background-color: rgba(43, 43, 43, 0.6);
    padding: 20px;
}

/* Abre dropdown no hover do nav-item */
.navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
}

/* Opcional: manter dropdown aberto enquanto o mouse está no menu */
.navbar-nav .dropdown-menu {
    margin-top: 0;
}

/* Espaçamento e max-width para conteúdo principal */
main {
    max-width: 900px;
    margin: 0 auto 60px;
    background: white;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 6px 18px rgba(4,4,155,0.15);
}

/* Espaçamento entre seções */
main section {
    margin-bottom: 40px;
}

/* Títulos com ícones e alinhamento */
main h2 {
    color: #04049b;
    font-weight: 700;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Ícones amarelos ao lado dos títulos */
main h2 i {
    font-size: 1.8rem;
    color: #ffcc00;
}

/* Links estilo CTA */
a.link-cta {
    color: #04049b;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s ease;
}
a.link-cta:hover {
    border-color: #ffcc00;
    text-decoration: none;
}

/* Header com fundo azul e sombra */
header {
    background-color: #04049b;
    color: white;
    padding: 40px 15px;
    text-align: center;
    margin-bottom: 40px;
    box-shadow: 0 3px 8px rgba(4,4,155,0.3);
    margin-top: 80px;
}

header h1 {
    font-weight: 800;
    font-size: 2.8rem;
}

.text-gaar {
    color: #04049b;
}

.form-container {
    max-width: 600px;
    margin: 2rem auto;
    padding: 1rem;
}
.form-label {
    margin-bottom: 0.5rem;
    font-weight: bold;
}
.form-control, .form-select {
    margin-bottom: 1rem;
}
.recaptcha-notice {
    font-style: italic;
    margin-bottom: 1rem;
}

/* Ícone do toggler branco no mobile */
@media (max-width: 991px) {
    .navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    }
}

/* menu */
/* Logo responsiva */
.navbar-brand img {
  max-width: 120px;
  height: auto;
}

/* Links principais */
.navbar-nav .nav-link {
  padding: 0.5rem 0.75rem;
  white-space: nowrap; 
  font-size: 1rem;
}

/* Dropdown com largura mínima */
.dropdown-menu {
  min-width: 220px;
  word-wrap: break-word;
}

/* Botão Quero Ajudar */
.btn-warning {
  font-size: 0.95rem;
  padding: 0.5rem 1rem;
}

/* Ajustes para telas menores */
@media (max-width: 991px) {
  .navbar-nav {
    text-align: center;
  }
  .navbar-nav .nav-link {
    padding: 0.75rem;
    font-size: 1.1rem;
  }
  .btn-warning {
    display: block;
    margin: 1rem auto;
  }
}


/* Footer estilizado */
footer {
    background-color: #04049b;
    color: white;
    padding: 25px 0;
    text-align: center;
    font-weight: 500;
    font-size: 0.9rem;
    box-shadow: 0 -3px 8px rgba(4,4,155,0.3);
}