/* 
 * PSA Details Page Styles
 * Academia Intedii Online 2026
 * Estilos modulares para la página de detalles del examen PSA
 */

.course-hero-banner {
    position: relative;
    padding: 80px 0 55px;
    background: #0f172a;
    overflow: hidden;
}

.course-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.2;
    filter: blur(8px) scale(1.1);
}

.course-thumbnail-mini {
    width: 100%;
    max-width: 380px;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 2.5rem;
    box-shadow: 0 40px 80px -20px rgba(0,0,0,0.5);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.course-thumbnail-mini:hover {
    transform: scale(1.02) rotate(1deg);
}

.resource-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.resource-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -10px rgba(79, 70, 229, 0.15);
}

.elite-gradient-text {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FFD700 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-size: 200% auto;
    animation: goldFlow 5s ease infinite;
}

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

.sticky-card {
    position: sticky;
    top: 100px;
}

/* Preloader hidden state */
.preloader-hidden #preloader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}