/*
Theme Name: Dankar Child - Flatsome Motion
Template: flatsome
Version: 4.0.2
*/

/* Este archivo CSS complementa a Flatsome sin sobrescribirlo agresivamente */
/* Los estilos principales están en critical-css.php y force-styles.php */

/* Fuentes */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.heading-font {
    font-family: 'Syne', 'Inter', sans-serif;
    letter-spacing: -0.02em;
}

/* Banner animación de entrada */
.ux-banner {
    animation: fadeIn 0.6s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Transiciones suaves */
a, button {
    transition: all 0.2s ease;
}

/* Botones estilo Dankar */
.button,
.btn {
    border-radius: 0.375rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.button.primary {
    background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
    border: none;
}

/* Contenido principal */
#main {
    background-color: #0a0b10;
}

/* Footer oscuro */
#footer {
    background-color: #0a0b10;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}