body {
    font-family: 'Montserrat', 'Poppins', sans-serif;
}

/* Animaciones para los círculos del hero */
@keyframes spin-slow {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-reverse {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.animate-spin-slow {
    animation: spin-slow 24s linear infinite;
}

.animate-spin-medium {
    animation: spin-slow 16s linear infinite;
}

.animate-spin-reverse {
    animation: spin-reverse 32s linear infinite;
}

/* Estilos para el modal de búsqueda */
#searchModal {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

#searchInput {
    transition: all 0.3s ease;
}

#searchInput:focus {
    box-shadow: 0 0 0 3px rgba(132, 204, 22, 0.1);
}

/* Estilos para los resultados de búsqueda */
#searchResults {
    scrollbar-width: thin;
    scrollbar-color: #52525b #27272a;
}

#searchResults::-webkit-scrollbar {
    width: 6px;
}

#searchResults::-webkit-scrollbar-track {
    background: #27272a;
    border-radius: 3px;
}

#searchResults::-webkit-scrollbar-thumb {
    background: #52525b;
    border-radius: 3px;
}

#searchResults::-webkit-scrollbar-thumb:hover {
    background: #71717a;
}

/* Animación para los resultados de búsqueda */
.search-result-item {
    transition: all 0.2s ease;
}

.search-result-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Estilos para el texto resaltado */
mark {
    background: linear-gradient(120deg, rgba(132, 204, 22, 0.3) 0%, rgba(132, 204, 22, 0.2) 100%);
    color: #bef264;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 600;
}
#cabra-cabeza{
    bottom: 0px !important;
    right: 0px !important;
}