/* ── Logo hover ── */
.logo-spin {
    transition: transform 0.3s ease, filter 0.3s ease, opacity 0.2s;
}
.group:hover .logo-spin {
    transform: scale(1.08);
    filter: drop-shadow(0 0 8px rgba(240, 164, 0, 0.55));
}

/* ── Navbar underline desde el centro ── */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    right: 50%;
    height: 1.5px;
    background-color: #F0A400;
    border-radius: 1px;
    transition: left 0.25s ease, right 0.25s ease;
}
.nav-link:hover::after {
    left: 12px;
    right: 12px;
}

/* ── Acordeón apps ── */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }

/* Wrapper: solo maneja el bounce vertical (translateY) */
@keyframes arrow-hint {
    0%, 100% { transform: translateY(0); }
    35%      { transform: translateY(6px); }
    65%      { transform: translateY(3px); }
}
.accordion-bounce {
    flex-shrink: 0;
    animation: arrow-hint 0.9s ease 1.2s 3;
}

/* SVG: solo maneja la rotación (transform independiente del bounce) */
.accordion-chevron {
    display: block;
    transition: transform 0.3s ease;
}
details[open] .accordion-chevron {
    transform: rotate(180deg);
}

/* Apertura del cuerpo */
@keyframes accordion-open {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
.accordion-body {
    animation: accordion-open 0.2s ease;
}

/* ── Texto neon dorado pulsante ── */
@keyframes neon-glow {
    0%, 100% {
        text-shadow:
            0 0 4px  rgba(240, 164, 0, 0.5),
            0 0 10px rgba(240, 164, 0, 0.25);
    }
    50% {
        text-shadow:
            0 0 8px  rgba(240, 164, 0, 0.9),
            0 0 20px rgba(240, 164, 0, 0.5),
            0 0 36px rgba(240, 164, 0, 0.2);
    }
}
.neon-text {
    color: #F0A400;
    animation: neon-glow 2.8s ease-in-out infinite;
}

/* ── Flecha continua en hover de cards ── */
@keyframes arrow-slide {
    0%, 100% { transform: translateX(0); }
    40%      { transform: translateX(5px); }
    70%      { transform: translateX(3px); }
}
.group:hover .arrow-bounce {
    animation: arrow-slide 0.8s ease infinite;
}

/* ── Card glow ── */
.card-glow {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.card-glow:hover {
    box-shadow: 0 0 28px rgba(240, 164, 0, 0.12), 0 8px 24px rgba(0, 0, 0, 0.35);
}