@import url('../../sonic-basica/css/styles.css');

/* Planner Specific Styles */
.hero-section {
    min-height: 50vh;
}

/* Timeline - Sonic Loop Style */
.marinero-timeline::before {
    background: var(--primary-color);
    box-shadow: 0 0 15px var(--primary-color);
}

.step-icon {
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0 0 15px var(--accent-color);
}

.step-content {
    border-color: var(--primary-color);
    box-shadow: 0 10px 30px rgba(0, 70, 251, 0.15);
    border-radius: 15px;
}

/* --- PREMIUM STYLES PORTED --- */

/* Hero Animation - Sonic Speed */
.hero-image-container {
    animation: float 3s ease-in-out infinite;
    box-shadow: 0 0 30px var(--primary-color), 0 0 60px var(--secondary-color);
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Card Hover Effects - Turbo Boost */
.mario-card,
.btn-mario {
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mario-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 0 40px var(--accent-color);
    border-color: var(--accent-color) !important;
}

/* Additional Mario Elements */
.mario-star {
    position: absolute;
    color: var(--accent-color);
    font-size: 2rem;
    animation: twinkle 1.5s infinite alternate;
}

@keyframes twinkle {
    0% {
        opacity: 0.5;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1.2);
    }
}