/* REFINAMIENTOS BESPOKE */

/* Gradientes de Texto Metadata */
.gold-text {
    background: linear-gradient(135deg, #E5C169 0%, #C9A84C 50%, #8A6D2F 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Animaciones de Entrada Especiales */
.anim-fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.anim-fade-right {
    opacity: 0;
    transform: translateX(40px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.anim-fade-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.anim-scale-up {
    opacity: 0;
    transform: scale(0.95) translateY(20px);
    transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.anim-reveal {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.active.anim-fade-up,
.active.anim-fade-right,
.active.anim-fade-left,
.active.anim-scale-up {
    opacity: 1;
    transform: translate(0) scale(1);
}

.active.anim-reveal {
    clip-path: inset(0 0 0 0);
}

.delay-1 {
    transition-delay: 0.2s;
}

.delay-2 {
    transition-delay: 0.4s;
}

.delay-3 {
    transition-delay: 0.6s;
}

/* Efecto Vidrio Premium */
.glass-box {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Tipografía Editorial */
h1 {
    letter-spacing: -0.04em;
    font-weight: 700;
}

h2 {
    letter-spacing: -0.02em;
}

/* Cursor Personalizado (Sutil) */
::selection {
    background: #C9A84C;
    color: #0A1628;
}

/* Smooth Scroll ya definido en HTML class */

/* Video Player Refinement */
video {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* Mobile Adjustments */
@media (max-width: 640px) {

    .anim-fade-right,
    .anim-fade-left {
        transform: translateY(20px);
        transition-delay: 0s !important;
    }
}