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

/* =========================================
   GABRIEL THEME (Dark & Curves)
   Oscuridad total, elegancia y bordes líquidos.
   ========================================= */

:root {
    --primary-color: #8A2BE2; /* Azul violeta nocturno */
    --primary-rgb: 138, 43, 226;
}

body {
    background-color: #050505 !important; /* Negro abisal */
    background-image: radial-gradient(circle at 50% 0%, rgba(var(--primary-rgb), 0.15), transparent 60%) !important;
    color: #F8FAFC !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
}

.public-wrapper {
    background: rgba(15, 15, 15, 0.6) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 40px !important; /* Súper curvado */
    box-shadow: 0 20px 40px rgba(0,0,0,0.8) !important;
}

.profile-avatar {
    border-radius: 50% !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    padding: 5px;
    background: #000;
    box-shadow: 0 0 30px rgba(var(--primary-rgb), 0.2);
}

.profile-title { font-weight: 300; letter-spacing: 1px; color: #ffffff !important; }
.profile-description { color: #888888 !important; }

.link-btn {
    background: #111111 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-radius: 50px !important; /* Píldora perfecta */
    padding: 18px 25px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

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

.link-btn:hover {
    background: rgba(var(--primary-rgb), 0.1) !important;
    border-color: var(--primary-color) !important;
    transform: scale(1.03);
    box-shadow: 0 0 20px rgba(var(--primary-rgb), 0.3), inset 0 0 10px rgba(var(--primary-rgb), 0.1) !important;
}

.link-btn:hover i { text-shadow: 0 0 8px var(--primary-color); }