@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu/Ubuntu-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu/Ubuntu-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url("fonts/montserrat%20arabic/Montserrat-Arabic%20Regular%20400.otf") format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url("fonts/montserrat%20arabic/Montserrat-Arabic%20Bold%20700.otf") format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url("fonts/montserrat%20arabic/Montserrat-Arabic%20Light%20300.otf") format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Reglas Base */
body {
    background-color: #f8f6f2; /* Off-white */
    color: #26160c; /* Dark Brown */
    background-image: radial-gradient(#9b7b37 0.5px, transparent 0.5px);
    background-size: 20px 20px;
    background-attachment: fixed;
    font-family: 'Montserrat Arabic', sans-serif;
}

h1, h2, h3, h4, h5, h6, .brand-font {
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

.brand-font {
    font-family: 'Ubuntu', sans-serif;
}

.text-shadow-sm {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.text-shadow-md {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Ocultar Scrollbars pero permitir funcionalidad */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* ======================================================= */
/* LOGICA DEL CURSOR PERSONALIZADO (WEB)                   */
/* ======================================================= */

/* El elemento visual del cursor */
.wink-cursor {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    font-size: 2rem;
    line-height: 1;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: transform 0.1s ease-out;
    user-select: none;
}

.wink-cursor.clicking {
    transform: translate(-50%, -50%) scale(0.8) rotate(-10deg);
}

.cursor-glow {
    position: fixed;
    top: 0;
    left: 0;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.12), transparent);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 5;
    mix-blend-mode: overlay;
    transition: opacity 0.3s ease;
}

/* Forzar ocultación del cursor nativo SOLO en Web */
body.platform-web,
body.platform-web a,
body.platform-web button,
body.platform-web input,
body.platform-web select,
body.platform-web textarea,
body.platform-web .cursor-pointer {
    cursor: none !important;
}

/* ======================================================= */
/* ADAPTACIONES MÓVILES (iOS + ANDROID)                    */
/* ======================================================= */

/* REGLAS COMUNES APP (iOS y Android) */
body.platform-ios,
body.platform-android {
    cursor: auto !important;
}

/* Ocultar cursor personalizado en apps */
body.platform-ios .wink-cursor,
body.platform-android .wink-cursor {
    display: none !important;
}

/* Restaurar punteros en elementos interactivos para Apps */
body.platform-ios a,
body.platform-android a,
body.platform-ios button,
body.platform-android button,
body.platform-ios input,
body.platform-android input,
body.platform-ios select,
body.platform-android select {
    cursor: auto !important;
}

/* ======================================================= */
/* FANTASY VIDEO LOGO                                      */
/* ======================================================= */

#logo-container {
    perspective: 1000px;
}