/* ----------------------------------

Template Name: Crysa - It Solution Template
Author: validtheme
Description:
Version: 1.0.2

Main Font    : Yantramanav
Main Color   : #8A6552

-------------------------------------

[Typography]

Body copy:    15px 'Yantramanav', sans-serif
Header:     36px 'Yantramanav', sans-serif
Input, textarea:  15px 'Yantramanav', sans-serif
Sidebar heading:  20px 'Yantramanav', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03. Topbar
    04 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
        - Navbar Box
    05. Banner
        - Slide Effect
        - Fade Effect
    06. Features
    07. About Us
        - Full Width Version
        - Default Version
    08. Services
        - Version One
        - Version Two
        - Services Single
    09. Why Choose Us
    10. Company Analysis/Graph
    11. Companies/Clients/Partner
    12. Team
    13. Testimonials
    14. Projects
    15. Gallery
    16. Our Expertise
    17. Work Process
    18. FAQ
    19. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    20. Error 404
    21. Footer
    22. PHP Contact Form
    23. Others

*/

/*
** General Styles for HTML tags
*/


/* ==============================
   BOTON SISTEMA DE TICKET (NAVBAR)
   Estilo similar al login / Dalup
================================= */

@media (min-width: 992px) {
    /* Hacemos la barra más prolija y alineada */
    .navbar .navbar-nav.navbar-center {
        display: flex;
        align-items: center;
        width: 100%;
    }

    /* Empuja el botón a la derecha */
    .navbar .navbar-nav.navbar-center .nav-ticket-btn {
        margin-left: auto;
    }
}

.nav-ticket-btn {
    margin-left: 15px;
}

.btn-ticket {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 30px;
    background: linear-gradient(135deg, #00e5ff, #00bcd4);
    color: #0a0a0a !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.35);
    line-height: 1;
}

.btn-ticket:hover {
    background: linear-gradient(135deg, #00bcd4, #00e5ff);
    transform: translateY(-2px);
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.6);
    color: #000 !important;
}

/* Responsive: el botón queda prolijo en móvil/tablet */
@media (max-width: 991px) {
    .nav-ticket-btn {
        margin: 15px 0;
        text-align: center;
        width: 100%;
    }

    .btn-ticket {
        width: 100%;
        text-align: center;
    }
}