/*
Theme Name: Jupiter
Author: Web Forge Pro + Socia
Premium: Yes
*/

/* =========================================
   JUPITER THEME (Solar System Series)
   Tormentas de gas, majestuosidad y mármol.
   ========================================= */

:root {
    --primary-color: #D39C76; /* Ámbar tormenta */
    --primary-rgb: 211, 156, 118;
}

body {
    /* 🔥 EFECTO PREMIUM: Bandas de gas simuladas */
    background: linear-gradient(170deg, 
        #8C6751 0%, 
        #D39C76 20%, 
        #F0DAC5 40%, 
        #B98A6C 60%, 
        #E1CBB1 80%, 
        #6B4A3A 100%
    ) !important;
    background-size: 100% 200% !important;
    animation: jupiter-winds 20s ease-in-out infinite alternate;
    color: #ffffff !important;
}

@keyframes jupiter-winds {
    0% { background-position: 0% 0%; }
    100% { background-position: 0% 100%; }
}

.public-wrapper {
    background: rgba(40, 25, 18, 0.7) !important; /* Cristal ahumado oscuro */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.5) !important;
}

.profile-avatar {
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 30px rgba(var(--primary-rgb), 0.4);
    filter: sepia(30%) warmth(20%); /* Filtro cálido */
}

.profile-title {
    color: #F0DAC5 !important;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}

.profile-description { color: #D39C76 !important; }

.link-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(211, 156, 118, 0.3) !important;
    color: #F0DAC5 !important;
    border-radius: 8px !important;
    transition: 0.3s;
}

.link-btn i, .link-favicon-icon { color: var(--primary-color) !important; }

.link-btn:hover {
    background: rgba(211, 156, 118, 0.8) !important;
    color: #281912 !important;
    border-color: #F0DAC5 !important;
    transform: scale(1.02);
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important;
}
.link-btn:hover i { color: #281912 !important; }