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

/* =========================================
   MARS THEME (Solar System Series)
   Óxido, fuego, inmensidad polvorienta.
   ========================================= */

:root {
    --primary-color: #FF4500; /* Naranja/Rojo Marciano */
    --primary-rgb: 255, 69, 0;
}

body {
    background-color: #2b0f0b !important;
    background-image: radial-gradient(circle at 50% 120%, #5e1f13 0%, #2b0f0b 60%, #120503 100%) !important;
    background-attachment: fixed !important;
    color: #ffecd2 !important;
}

.public-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.profile-avatar {
    border-radius: 50%;
    border: 3px dashed var(--primary-color) !important; /* Borde de radar espacial */
    padding: 6px;
    box-shadow: 0 0 40px rgba(var(--primary-rgb), 0.4);
    animation: pulse-mars 4s infinite alternate ease-in-out;
}

@keyframes pulse-mars {
    0% { transform: scale(1); box-shadow: 0 0 20px rgba(var(--primary-rgb), 0.2); }
    100% { transform: scale(1.03); box-shadow: 0 0 50px rgba(var(--primary-rgb), 0.6); }
}

.profile-title { color: #ffab91 !important; text-transform: uppercase; font-weight: 900; }
.profile-description { color: #d89685 !important; }

.link-btn {
    background: rgba(43, 15, 11, 0.8) !important;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 69, 0, 0.3) !important;
    color: #ffecd2 !important;
    border-radius: 12px !important;
    transition: 0.3s;
}

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

.link-btn:hover {
    background: linear-gradient(90deg, #d84315 0%, #ff7043 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 69, 0, 0.5) !important;
}
.link-btn:hover i { color: #ffffff !important; }