:root {
    --primary-color: #00C2B8;
    --secondary-color: #171B22;
    --accent-color: #e74c3c;
    --light-color: #f8f9fa;
    --dark-color: #0F1115;
    --bs-primary-rgb: 44, 62, 80;

    --bg-negro: #0F1115; 
    --bg-negro-secondary: #171B22;
    --text-primary: #F5F7FA;
    --text-secondary: #A7B0BE;
    --text-dark: #171B22;

    --primary-hover: #1DD6CC ;
}
/* Urbanist — self-hosted */

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-100-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-100-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-100-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-100-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-200-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-200-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-200-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-200-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-300-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-300-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-300-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-300-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-400-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-400-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-400-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-400-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-500-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-500-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-500-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-500-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-600-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-600-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-600-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-600-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-700-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-700-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-700-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-700-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-800-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-800-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-800-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-800-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-900-normal.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-900-normal.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-900-italic.ttf') format('truetype');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('/v2/fonts/urbanist/urbanist-latin-ext-900-italic.ttf') format('truetype');
  unicode-range: U+0100-02BA,U+02BD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

*{
    font-family: 'Urbanist', 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

input, select, button, textarea{
  box-shadow: none !important;
}

h1, h2, h3, h4, h5, h6, p{
  color: var(--text-primary) !important;
}

#copyright-text{
    color: var(--text-secondary) !important;
}

body{
    background-color: var(--bg-negro) !important;
    color: var(--text-primary) !important;
}

body .section-title{
    color: var(--text-primary) !important;
}

section#eventos .card{
    background-color: var(--bg-negro-secondary) !important;
    border: 1px solid var(--bg-negro-secondary) !important;
    color: var(--text-primary) !important;
}
.card-title{
    color: var(--text-primary) !important;
}

.navbar{
    background-color: var(--bg-negro)!important;
    color: var(--text-primary)!important;
}

.nav-item *{
    color: var(--text-primary)!important;
}

.search-box{
    background-color: var(--bg-negro)!important;
}

.search-box input, .search-box select{
    background-color: var(--secondary-color)!important;
    color: var(--text-primary)!important;
    border: 1px solid var(--secondary-color)!important;
}

.search-box input::placeholder{
    color: var(--text-primary)!important;
}

.btn-primary{
    background-color: var(--primary-color);
}
.btn-primary:hover{
    background-color: var(--primary-hover)!important;
    border: 1px solid var(--primary-hover)!important;
}
.btn-inverted{
  background-color: var(--bg-negro-secondary)!important;
  color: var(--primary-color)!important;
  border: 1px solid var(--primary-color)!important;
}
.btn-inverted:hover{
  background-color: var(--primary-hover)!important;
  color: var(--bg-negro-secondary)!important;
  border: 1px solid var(--primary-hover)!important;
}

.text-muted{
    color: var(--text-secondary) !important;
}

.text-secondary{
    color: var(--text-secondary) !important;
}

.event-card.destacado .card-body{
    background-color: var(--bg-negro-secondary) !important;
}


.event-card.destacado .type-event{
    background: linear-gradient(135deg, var(--primary-color), var(--primary-hover)) !important;
}

.event-card.destacado .card-body::after {
    content: "⭐ Destacado";
    position: absolute;
    top: -15px;
    right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    box-shadow: rgba(233, 30, 99, 0.3) 0px 2px 8px;
    z-index: 2;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
    padding: 4px 12px;
    border-radius: 5px;
}

.event-card.destacado .card {
    box-shadow: 0 0px 12px var(--primary-color);
}
.event-card.destacado .card:hover {
  box-shadow: 0 0px 12px var(--primary-hover);
}

.how-to-buy {
    background-color: var(--bg-negro);
}
.step-card{
    background-color: var(--bg-negro-secondary) !important;
}

.cta-section{
    background: linear-gradient(to right, var(--primary-color), var(--primary-hover));
}

.home-logos-marquee{
    background-color: var(--bg-negro) !important;
}

footer{
    background-color: var(--bg-negro) !important;
}

.section-divider {
    width: 40%;
    height: 2px;
    margin: 40px auto;
    background: linear-gradient(to right, transparent, var(--primary-color), transparent);
}

#emailNewsletter{
    background-color: var(--bg-negro-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--bg-negro-secondary) !important;
}
#emailNewsletter::placeholder{
    color: var(--text-secondary) !important;
}

.type-event, .badge-event-type{
  background-color: var(--bg-negro-secondary) !important;
}



.card{
  background-color: var(--bg-negro-secondary) !important;
  color: var(--text-primary) !important;
}

#event-container #title-selection-ticket{
  background-color: var(--primary-color) !important;
}

#event-container #side-column{
  overflow-y: auto;
}

#login-options .alert-info{
  background-color: var(--bg-negro-secondary) !important;
}

.alert-info i{
  color: var(--primary-color) !important;
}

.rounded-circle{
  background-color: var(--bg-negro) !important;
}

.rounded-circle i{
  color: var(--bg-primary) !important;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--primary-color) !important;
}

.text-primary {
  --bs-text-opacity: 1;
  color: var(--primary-color) !important;
}


.modal-content{
  background-color: var(--bg-negro) !important;
}

.modal-content input, .modal-content select{
  background-color: var(--bg-negro-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro-secondary) !important;
}

.modal-content input::placeholder, .modal-content select::placeholder{
  color: var(--text-secondary) !important;
}

.modal-content input:focus, .modal-content select:focus{
  background-color: var(--bg-negro-secondary) !important;
  color: var(--text-primary) !important;
}

#codigoDescuento{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro) !important;
}

#codigoDescuento::placeholder{
  color: var(--text-secondary) !important;
}

.bg-light{
  background-color: var(--bg-negro) !important;
}

.search-box-events{
  background-color: var(--bg-negro-secondary) !important;
}

.search-box-events input{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro) !important;
}

.search-box-events input::placeholder{
  color: var(--text-secondary) !important;
}

.search-box-events input:focus{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro) !important;
}

.search-box-events button{
  background-color: var(--primary-color) !important;
}

#search-box-events select[name="tipo"]{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro) !important;
}

#search-box-events select[name="tipo"] option{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
}

#search-box-events select[name="tipo"] option:selected{
  background-color: var(--primary-color) !important;
  color: var(--bg-negro) !important;
}

.breadcrumb-item.active{
  color: var(--text-secondary) !important;
}

.skeleton-line {
  height: 20px;
  background: linear-gradient(90deg, var(--bg-negro) 25%, var(--bg-negro) 50%, var(--bg-negro) 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  margin: 10px 0;
  border-radius: 4px;
  min-width: 200px;
}


#form-checkout-data input, #form-checkout-data select{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro) !important;
}

#form-checkout-data input::placeholder, #form-checkout-data select::placeholder{
  color: var(--text-secondary) !important;
}

#form-checkout-data input:focus, #form-checkout-data select:focus{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro) !important;
}

.custom-file-upload{
  background: transparent !important;
  color: var(--text-secondary) !important;
}
.custom-file-upload:hover{
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}
.file-upload-content *{
  color: var(--text-primary) !important;
}

.custom-file-upload:hover .file-upload-content *{
  color: var(--primary-color) !important;
}

.alert-success p, .alert-success h5{
  color: var(--text-dark) !important;
}

.list-group-item{
  background: transparent;
  color: var(--text-primary) !important;
}

.list-group-item:hover{
  background-color: var(--bg-negro) !important;
}

.list-group-item.active{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
}

.list-group-item:hover{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
}

#past-pane .btn-secondary{
  background-color: var(--bg-negro) !important;
}

#accountTabs{
  border-bottom: 2px solid var(--bg-negro-secondary) !important;
}

#accountTabs .nav-link{
  border:none
}

#accountTabs .nav-link.active{
  background-color: var(--bg-negro-secondary) !important;
  color: var(--text-primary) !important;
}


/* Scrollbar general */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Fondo de la barra */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Parte que se mueve */
::-webkit-scrollbar-thumb {
  background: var(--bg-negro-secondary);
  border-radius: 999px;
  transition: background 0.2s ease;
}

/* Hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--bg-negro-secondary);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--bg-negro-secondary) transparent;
}


#account-section input, #account-section select, #account-section textarea{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro) !important;
}

#account-section input::placeholder, #account-section select::placeholder, #account-section textarea::placeholder{
  color: var(--text-secondary) !important;
}

#account-section input:focus, #account-section select:focus, #account-section textarea:focus{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--bg-negro) !important;
}

#account-section .form-check-input:checked{
  background-color: var(--primary-color) !important;
}

.form-text{
  color: var(--text-secondary) !important;
}

.file-drop-zone{
  background-color: var(--bg-negro) !important;
  color: var(--text-primary) !important;
  border-color: var(--text-primary) !important;
}

.file-drop-zone:hover {
  border-color: var(--primary-color) !important;
}

.file-drop-zone:hover .file-drop-content *{
  color: var(--primary-color) !important;
}

#confirmed .fa-check-circle{
  color: var(--primary-color) !important;
}

#confirmed .alert .small{
  color: var(--text-secondary) !important;
}