/* style.css - Capa Crítica Estricta */

/* Dark Mode Profundo Forzado y Scroll Padding */
html {
    scroll-padding-top: 5rem;
}

body {
    background-color: #000000;
}

/* Aniquilación de sombras (design.md: CERO sombras baratas) */
.glass-card {
    box-shadow: none !important;
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0)) !important;
}

/* Barra de desplazamiento (Premium oscura) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #000000;
}

::-webkit-scrollbar-thumb {
    background: #1a1a1a;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #333333;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}

/* Eliminación de autofill blanco en webkit para mantener Dark Mode */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #000000 inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Coreografía de Animación fadeInUp con Apple Spring */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.6s cubic-bezier(0.32, 0.72, 0, 1) forwards;
}

/* Jony Ive Apple Design Physics Utilities */
.liquid-glass {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.spring-transition {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

.tap-down:active {
    transform: scale(0.98);
    transition-duration: 100ms !important;
    transition-timing-function: ease-out !important;
}

/* Branding: Monochromatic Logos */
.project-logo {
    height: 2.5rem;
    width: auto;
    filter: grayscale(100%) brightness(200%) contrast(150%) opacity(80%) drop-shadow(0 0 0 transparent);
    mix-blend-mode: screen;
    /* Makes black backgrounds in logos transparent */
    transition: all 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    pointer-events: none;
    margin-bottom: 1.5rem;
}

.glass-card:hover .project-logo {
    filter: grayscale(100%) brightness(400%) opacity(100%);
    transform: translateY(-4px) scale(1.05);
}

/* GoStretch Logo Exception: Retain Original Colors */
.glass-card[data-project="gostretch"] .project-logo {
    filter: drop-shadow(0 0 0 transparent);
    mix-blend-mode: normal;
    opacity: 1;
}

.glass-card[data-project="gostretch"]:hover .project-logo {
    filter: drop-shadow(0 0 0 transparent);
    transform: translateY(-4px) scale(1.05);
    opacity: 1;
}