@charset "utf-8";
/* CSS Document */

/* Asegúrate de que la fuente BaserunnerJNL esté cargada en tu CSS */

/* Declaración de la fuente local */
@font-face {
    font-family: 'BaseR';
    src: url('../fonts/BaseR-JNL.woff2') format('truetype'); /* Asegúrate que la ruta sea correcta */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.btn-boletos {
    /* Tipografía y Color de texto */
    font-family: 'BaseR', sans-serif;
    color: #ffffff;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.5px;
    
    /* Estado Inicial: Negro con borde naranja */
    background-color: #000000;
    border: 2px solid #e04c0d; /* Naranja Primario */
    
    /* Forma y Espaciado */
    padding: 16px 32px;
    border-radius: 50px; /* Esquinas redondeadas (estilo píldora) */
    display: inline-block;
    
    /* Animación de transición */
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

/* Estado Hover: Al pasar el mouse */
.btn-boletos:hover {
    background-color: #fd4d00; /* Naranja Vibrante */
    border-color: #fd4d00;
    color: #ffffff; /* Mantenemos el texto blanco */
    
    /* Efecto opcional de elevación */
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(253, 77, 0, 0.3);
}

/* Estado Active: Al hacer clic */
.btn-boletos:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(253, 77, 0, 0.2);
}