.hero-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url('../img/material-m-braga/alunos2.webp') center/cover no-repeat;
}

.fed-img {
    filter: grayscale(100%);
    opacity: 0.7;
    transition: 0.4s;
}

/* Efeito de Overlay Gradiente para o Nome do Professor */
.instructor-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 100%);
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.instructor-card:hover .instructor-overlay {
    opacity: 1;
}

/* Estilo para a bordinha de destaque no hover */
.instructor-card {
    border-bottom: 5px solid var(--vermelho);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.instructor-card:hover {
    border-bottom-color: var(--dourado);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* Estilo para os cards da equipe */
.staff-card {
    transition: all 0.3s ease;
}

.staff-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.staff-tag {
    letter-spacing: 1px;
    box-shadow: 3px 3px 0px var(--preto-puro);
}

/* Ajuste no título da seção para dar contraste */
.tracking-widest {
    letter-spacing: 0.2em;
}

/* Estilização dos Rótulos (Tags) */
.tag-label {
    @apply text-[10px] font-black uppercase px-3 py-1 text-white shadow-sm;
}

.tag-red {
    @apply bg-dojo-red;
}

.tag-dark {
    @apply bg-dojo-black;
}

/* Overlay suave para a foto não ficar chapada */
.instructor-minimal-overlay {
    @apply absolute inset-0 pointer-events-none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 30%, rgba(0, 0, 0, 0.1) 100%);
}

/* Comportamento do Card no Hover */
.instructor-card {
    @apply transition-all duration-300;
}

.instructor-card:hover {
    @apply -translate-y-2 shadow-2xl;
}

/* karate.css */
.unidade-card {
    min-height: 420px;
    /* Garante alinhamento visual sem as fotos */
}

/* Ajuste na cor dourada para ficar idêntica à imagem que mandaste */
:root {
    --dourado-sede: #d4af37;
}

.bg-dojo-gold {
    background-color: var(--dourado-sede) !important;
}

.border-dojo-gold {
    border-color: var(--dourado-sede) !important;
}

/* Transição para os itens revelados pelo botão Ver Mais */
.hidden-unidade,
.hidden-instructor {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* Garante que o card tenha um tamanho mínimo para alinhamento sem fotos */
.unidade-card {
    min-height: 420px;
}


@media (hover: hover) {
    .fed-img:hover {
        filter: grayscale(0%);
        opacity: 1;
        transform: scale(1.1);
    }
}

@media (max-width: 768px) {
    .fed-img {
        filter: grayscale(0%);
        opacity: 1;
    }
}