/* Efectos de Movimiento para Portfolio Cintia Avalos - MINIMALISTA */

/* ===== GRADIENTE ANIMADO PARA TÍTULOS ===== */

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* ===== SECTION TITLES ===== */

.section-title {
    position: relative;
    display: inline-block;
}

.section-title span {
    background: linear-gradient(135deg, var(--secondary), var(--primary));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradientShift 4s ease infinite;
}

/* ===== CARDS - MINIMAL HOVER EFFECTS ===== */

.expertise-card,
.project-card,
.education-card {
    transition: transform 0.2s ease;
}

.expertise-card:hover,
.education-card:hover {
    transform: translateY(-2px);
}

.project-card:hover {
    transform: translateY(-2px);
}

.project-image img {
    transition: transform 0.3s ease;
}

.project-card:hover .project-image img {
    transform: scale(1.05);
}

/* ===== SKILL TAGS ===== */

.skill-tag {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.skill-tag:hover {
    transform: translateY(-2px);
}

/* ===== EXPERIENCE ITEMS ===== */

.experience-item {
    transition: transform 0.3s ease;
}

.experience-item:hover {
    transform: translateX(2px);
}

.experience-company {
    transition: color 0.3s ease;
}

.experience-item:hover .experience-company {
    color: var(--secondary);
}

/* ===== BUTTONS ===== */

.btn {
    transition: transform 0.3s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

/* ===== CONTACT LINKS ===== */

.contact-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.contact-link:hover {
    transform: scale(1.05);
}

/* ===== PROJECT TITLE & LINK ===== */

.project-title {
    transition: color 0.3s ease;
}

.project-card:hover .project-title {
    color: var(--secondary);
}

.project-link {
    position: relative;
    display: inline-block;
    transition: color 0.3s ease;
}

.project-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.3s ease;
}

.project-link:hover::after {
    width: 100%;
}

/* ===== PROFILE SECTION ===== */

.profile-header {
    transition: transform 0.3s ease;
}

.profile-header:hover {
    transform: translateY(-3px);
}

.profile-image img {
    transition: transform 0.3s ease;
}

.profile-header:hover .profile-image img {
    transform: scale(1.03);
}

/* ===== PORTFOLIO LINK ===== */

.portfolio-link {
    position: relative;
    transition: transform 0.3s ease;
}

.portfolio-link:hover {
    transform: translateY(-2px);
}

/* ===== ACCORDION ===== */

.accordion details {
    transition: all 0.3s ease;
}

.accordion details:hover {
    box-shadow: 0 2px 8px rgba(89, 44, 158, 0.08);
}

/* ===== DATA SECTIONS ===== */

.data-section {
    transition: transform 0.3s ease;
}

.data-section:hover {
    transform: translateY(-2px);
}

.design-decisions {
    transition: transform 0.3s ease;
}

.design-decisions:hover {
    transform: translateY(-2px);
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
    .project-card:hover {
        transform: translateY(-2px);
    }

    .expertise-card:hover {
        transform: translateY(-2px);
    }

    .skill-tag:hover {
        transform: translateY(-1px);
    }

    .btn:hover {
        transform: translateY(-1px);
    }
}