.elementor-483 .elementor-element.elementor-element-58c7848{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-483 .elementor-element.elementor-element-58c7848:not(.elementor-motion-effects-element-type-background), .elementor-483 .elementor-element.elementor-element-58c7848 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0a0a;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-483 .elementor-element.elementor-element-58c7848{--content-width:1280px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

/* === SHOWS PAGE === */
.md-shows-hero { max-width: 860px; }
.md-shows-kicker { display: block; font-size: 0.7rem; letter-spacing: 0.3em; text-transform: uppercase; color: #615fff; font-weight: 700; margin-bottom: 1rem; font-family: 'Varela Round', sans-serif; }
.md-shows-hero-title { font-size: clamp(2.5rem,7vw,5rem); font-weight: 800; line-height: 1; letter-spacing: -0.02em; color: #fff; margin: 0 0 1.5rem; text-transform: uppercase; font-family: 'Varela Round', sans-serif; }
.md-shows-hero-title span { color: #615fff; }
.md-shows-hero-sub { color: rgba(255,255,255,0.6); font-size: clamp(1rem,1.8vw,1.15rem); line-height: 1.8; max-width: 580px; margin: 0; font-family: 'Varela Round', sans-serif; }

/* Table */
.md-shows-table { display: flex; flex-direction: column; gap: 0; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; overflow: hidden; }
.md-shows-header { display: grid; grid-template-columns: 90px 2fr 1.5fr 1.5fr 140px; gap: 1rem; padding: 0.75rem 1.5rem; background: rgba(255,255,255,0.03); border-bottom: 1px solid rgba(255,255,255,0.08); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.3); font-family: 'Varela Round', sans-serif; }
.md-shows-row { display: grid; grid-template-columns: 90px 2fr 1.5fr 1.5fr 140px; gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.06); align-items: center; transition: background 0.2s ease; }
.md-shows-row:last-child { border-bottom: none; }
.md-shows-row:hover { background: rgba(255,255,255,0.03); }
.md-shows-row--tba .md-shows-date { color: rgba(255,255,255,0.35); }
.md-shows-date { display: flex; flex-direction: column; font-family: 'Varela Round', sans-serif; }
.md-shows-mes { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.4); }
.md-shows-dia { font-size: 1.4rem; font-weight: 800; color: #fff; line-height: 1; }
.md-shows-row--tba .md-shows-mes { color: #ff6900; }
.md-shows-row--tba .md-shows-dia { color: #ff6900; }
.md-shows-artist { display: flex; flex-direction: column; gap: 0.2rem; font-family: 'Varela Round', sans-serif; }
.md-shows-artist strong { font-size: 1rem; font-weight: 700; color: #fff; }
.md-shows-artist span { font-size: 0.8rem; color: rgba(255,255,255,0.4); }
.md-shows-venue, .md-shows-city { font-size: 0.9rem; color: rgba(255,255,255,0.6); font-family: 'Varela Round', sans-serif; }
.md-shows-access { display: flex; justify-content: flex-end; }
.md-shows-btn { display: inline-block; padding: 0.5rem 1.25rem; background: #615fff; border-radius: 6px; color: #fff; font-size: 0.8rem; font-weight: 700; text-decoration: none; font-family: 'Varela Round', sans-serif; transition: background 0.2s ease; }
.md-shows-btn:hover { background: #4f4de0; }
.md-shows-agotado { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #ff6900; }
.md-shows-tba { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.3); }

/* Mixes section */
.md-mixes-section-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2rem; }
.md-mixes-section-header h2 { font-size: clamp(1.8rem,4vw,2.5rem); font-weight: 800; color: #fff; margin: 0; font-family: 'Varela Round', sans-serif; }
.md-mixes-section-header p { color: rgba(255,255,255,0.5); font-size: 0.9rem; margin: 0.4rem 0 0; font-family: 'Varela Round', sans-serif; }
.md-mixes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.md-mix-card { display: flex; flex-direction: column; gap: 1rem; }
.md-mix-thumb { position: relative; overflow: hidden; border-radius: 10px; aspect-ratio: 4/3; background: #1a1a2e; }
.md-mix-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
.md-mix-card:hover .md-mix-thumb img { transform: scale(1.05); }
.md-mix-placeholder { width: 100%; height: 100%; background: #1a1a2e; }
.md-mix-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%); display: flex; align-items: flex-end; justify-content: space-between; padding: 1rem; }
.md-mix-dur { font-size: 0.75rem; font-weight: 700; color: rgba(255,255,255,0.7); font-family: 'Varela Round', sans-serif; }
.md-mix-play { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #615fff; color: #fff; text-decoration: none; transition: transform 0.2s ease, background 0.2s ease; }
.md-mix-play:hover { transform: scale(1.1); background: #4f4de0; }
.md-mix-play--disabled { background: rgba(255,255,255,0.1); cursor: default; }
.md-mix-info { display: flex; flex-direction: column; gap: 0.4rem; }
.md-mix-title { font-size: 1rem; font-weight: 700; color: #fff; margin: 0; font-family: 'Varela Round', sans-serif; }
.md-mix-genres { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.md-mix-genres span { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em; color: var(--accent, #615fff); font-family: 'Varela Round', sans-serif; }
.md-mix-genres span:not(:last-child)::after { content: ' /'; color: rgba(255,255,255,0.2); }

@media (max-width: 768px) {
  .md-shows-header { display: none; }
  .md-shows-row { grid-template-columns: 70px 1fr auto; grid-template-rows: auto auto; }
  .md-shows-venue, .md-shows-city { display: none; }
  .md-mixes-grid { grid-template-columns: 1fr; }
}/* End custom CSS */