/* assets/css/about.css */

/* SECTION 7: METHODOLOGY TIMELINE */
.metodologia-timeline {
    position: relative;
    /* Tailwind equivalent: grid grid-cols-1 md:grid-cols-4 gap-6 */
}

/* Connector Line (Desktop) */
@media (min-width: 768px) {
    .metodologia-timeline::before {
        content: '';
        position: absolute;
        top: 40px;
        left: 12.5%;
        right: 12.5%;
        height: 2px;
        background: rgba(255, 255, 255, 0.2);
        z-index: 0;
    }
}

.etapa-card {
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.etapa-card:hover {
    transform: translateY(-5px);
}

/* SECTION 2: IDENTITY CARDS */
.identidade-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.identidade-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* SECTION 4: DIFFERENTIATORS */
/* Glassmorphism effect for differentiator cards */
.diferencial-card {
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.diferencial-card:hover {
    transform: translateY(-4px);
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

/* SECTION 6: LEADERSHIP */
/* Gradient overlay for portraits */
.leadership-card-img-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
}

/* LIST STYLES */
.custom-list-bullet li {
    position: relative;
    padding-left: 1.5rem;
}

.custom-list-bullet li::before {
    content: "•";
    color: #D4AF37;
    /* Secondary Gold */
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}