/* =============================================
   INOVALED — Folha de estilos principal
   ============================================= */

/* --- Tipografia base --- */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa;
}

/* --- Marca / Logo --- */
.navbar-brand-custom {
    font-family: 'Audiowide', cursive;
    font-size: 1.8rem;
    letter-spacing: 2px;
    color: #0d6efd !important;
    text-transform: uppercase;
}

.navbar-brand-title {
    font-family: 'Audiowide', cursive;
}

.inovaled-color {
    color: #00008B;
}

/* --- Navbar --- */
.navbar-brand {
    font-weight: 700;
    letter-spacing: 1px;
}

/* --- Hero --- */
.hero-section {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
                url('imagens/palco.jpg') center/cover no-repeat;
    color: white;
    padding: 100px 0;
}

/* --- Cards --- */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.card-img-top-event {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* --- Galeria Instagram --- */
.instagram-hover {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
    border-radius: 8px;
}

.instagram-hover:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

/* --- Seção de contato --- */
.section-spacing {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* --- Formulário de contato --- */
.contact-form .form-control:focus,
.contact-form .form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}