/* --- FLOATING PROPS STYLES --- */

.library, .courses, .features {
    position: relative;
    overflow: hidden;
}

/* 1. CONTAINER EXTERNO: Posicionamento e Parallax */
.floating-prop-container {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    /* Importante: Não deve ter transições de transform aqui para não atrasar o parallax */
}

/* 2. CONTAINER DO MEIO: Scroll Reveal (Entrada) */
/* Esta classe é usada no HTML dentro do container */
.prop-reveal-wrapper {
    display: block;
    width: 100%;
    height: 100%;
}

/* 3. IMAGEM INTERNA: Flutuação Contínua */
.floating-prop-img {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 0 20px rgba(157, 0, 255, 0.3)) brightness(1.2);
    /* A opacidade é controlada pelo pai (.scroll-reveal) */
}

/* --- ANIMAÇÕES DE FLUTUAÇÃO --- */
@keyframes float-standard {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(2deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

@keyframes float-inverse {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(25px) rotate(-3deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

@keyframes float-drift {
    0% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(15px, -10px) rotate(5deg); }
    66% { transform: translate(-10px, 15px) rotate(-2deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

.anim-float-standard { animation: float-standard 6s ease-in-out infinite; }
.anim-float-inverse { animation: float-inverse 7s ease-in-out infinite; animation-delay: 1s; }
.anim-float-drift { animation: float-drift 12s ease-in-out infinite; }

/* --- POSICIONAMENTO (BIBLIOTECA) --- */
.prop-library-book-1 {
    top: 25%;
    left: 15%; /* Mais próximo do centro */
    width: 200px;
    max-width: 18vw;
}

.prop-library-book-2 {
    bottom: 15%;
    right: 15%; /* Mais próximo do centro */
    width: 220px;
    max-width: 20vw;
}

.prop-library-book-3 {
    top: 25%; /* Abaixado de 15% para 25% para aproximar do livro de baixo */
    right: 15%; /* Mais próximo do centro */
    width: 150px;
    max-width: 12vw;
}

/* --- RESPONSIVIDADE --- */
@media (max-width: 1024px) {
    .floating-prop-container { opacity: 0.6; }
    .prop-library-book-1 { left: 5%; top: 5%; }
    .prop-library-book-2 { right: 5%; bottom: 5%; }
    .prop-library-book-3 { right: 10%; top: 15%; /* Ajustado também no responsivo */ }
}

@media (max-width: 768px) {
    .prop-library-book-1, .prop-library-book-3 { display: none; }
    .prop-library-book-2 { bottom: 5%; right: -5%; width: 120px; opacity: 0.4; }
}