/*
Theme Name: FullTiquetes
Theme URI: https://fulltiquetes.com/
Description: Tema para el sitio web de FullTiquetes — plataforma de venta de boletos para eventos.
Author: SOFTTOWN S.A.S
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: boletos, eventos, fulltiquetes, conciertos, teatro, deportes, festivales, Colombia
*/

@import "./styles/index.css";
@import "./styles/header.css";
@import "./styles/footer.css";
@import "./styles/event.css";
@import "./styles/legal.css";
@import "./styles/us.css";
@import "./styles/contact.css";

/* ─── VARIABLES GLOBALES ─── */
:root {
    --ft-primary: #FF6B00;
    --ft-primary-dark: #E05A00;
    --ft-dark: #1A1A1A;
    --ft-bg: #F5F5F5;
    --ft-white: #FFFFFF;
    --ft-text: #333333;
    --ft-text-muted: #777777;
    --ft-border: #E0E0E0;
    --ft-radius: 12px;
    --ft-transition: 0.25s ease;
}

/* ─── RESET ─── */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
button,
span,
label,
ul {
    text-decoration: none !important;
    font-family: "Rubik", sans-serif;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
    background-color: var(--ft-bg);
    color: var(--ft-text);
    font-family: "Rubik", sans-serif;
    overflow-x: hidden;
    font-size: 14px;
}

/* ─── BOTONES GLOBALES ─── */
.ft-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 0;
    border-radius: 999px;
    padding: 0.6rem 1.4rem;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--ft-transition);
    text-decoration: none !important;
}

.ft-btn-primary {
    background: var(--ft-primary);
    color: #fff;
}

.ft-btn-primary:hover {
    background: var(--ft-primary-dark);
    color: #fff;
    transform: translateY(-1px);
}

.ft-btn-dark {
    background: var(--ft-dark);
    color: #fff;
}

.ft-btn-dark:hover {
    background: #333;
    color: #fff;
}

.ft-btn-outline-white {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.ft-btn-outline-white:hover {
    background: #fff;
    color: var(--ft-primary);
}

.ft-btn-block {
    width: 100%;
    border-radius: 8px;
    margin-top: 0.75rem;
    padding: 0.65rem 1rem;
}

.ft-btn-sm {
    padding: 0.4rem 0.9rem;
    font-size: 0.82rem;
}