/* Custom Styles for Virtual Fútbol Showcase V4 */
/* Extending Tailwind with specific Glassmorphism effects */

.glass-panel {
    background: rgba(10, 15, 22, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.glass-card {
    background: rgba(16, 24, 39, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}

.glass-card:hover {
    background: rgba(16, 24, 39, 0.6);
}

.btn-primary {
    background: linear-gradient(to right, #00a7fd, #d83dbb);
    color: #ffffff;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(216, 61, 187, 0.3);
}

.btn-primary:hover {
    box-shadow: 0 0 25px rgba(216, 61, 187, 0.6);
    transform: translateY(-2px);
}

.btn-primary:active {
    transform: translateY(0);
}

/* Spinner Animation */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.animate-spin {
    animation: spin 1s linear infinite;
}

/* Rich Text Content Formatting (Overriding Tailwind Resets) */
.rich-text-content p {
    margin-bottom: 1rem;
}
.rich-text-content h1, .rich-text-content h2, .rich-text-content h3, .rich-text-content h4 {
    font-family: 'Orbitron', sans-serif;
    color: #ffffff;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
}
.rich-text-content h1 { font-size: 1.75rem; }
.rich-text-content h2 { font-size: 1.5rem; }
.rich-text-content h3 { font-size: 1.25rem; }
.rich-text-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.rich-text-content ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.rich-text-content a {
    color: #00a7fd;
    text-decoration: underline;
    transition: color 0.2s;
}
.rich-text-content a:hover {
    color: #d83dbb;
}
.rich-text-content strong, .rich-text-content b {
    color: #ffffff;
    font-weight: 700;
}