﻿@font-face{font-family:"Bangers";src:url("/fonts/bangers-regular-webfont.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Atkinson";src:url("/fonts/Atkinson-Hyperlegible-Bold-102a.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Atkinson";src:url("/fonts/Atkinson-Hyperlegible-BoldItalic-102a.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Atkinson";src:url("/fonts/Atkinson-Hyperlegible-Italic-102a.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Atkinson";src:url("/fonts/Atkinson-Hyperlegible-Regular-102a.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--primary: #fe0000;--secondary: #0075a3;--text-color: #282828;--text-color-light: #999;--primary-alfa: color-mix(in srgb, var(--primary), transparent 50%);--text-color-light-alfa: color-mix(in srgb, var(--text-color-light), transparent 50%)}*,::after,::before{box-sizing:border-box}html{overflow-y:scroll;font-size:1.125rem}body{padding:1em;background-color:#f8feff;margin:0;color:var(--text-color);font-family:Atkinson,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body:has(.photos){overflow:hidden}main{margin-bottom:3rem}h1,h2,h3,h4,h5{font-family:"Bangers",cursive}h1,h2,h3{color:var(--secondary);font-size:clamp(var(--fluid-type-min, 1rem),1rem + var(--fluid-type-target, 3vw),var(--fluid-type-max, 1.3rem));text-wrap:balance}h1{--fluid-type-min: 1rem;--fluid-type-target: 2.8vw;--fluid-type-max: 2.8rem}h2{--fluid-type-min: 1rem;--fluid-type-target: 2.25vw;--fluid-type-max: 2.25rem}h3{--fluid-type-min: 1rem;--fluid-type-target: 1.8vw;--fluid-type-max: 1.8rem}address,em,i{font-style:normal}strong,b{font-weight:800}a,a:visited{color:var(--secondary)}a:hover,a:active{text-decoration:none}small,.small{font-size:.8em}main{max-width:75ch;margin:auto}main>section{margin-bottom:3rem}main blockquote{padding-left:1em;border-left:6px solid var(--text-color-light);margin-left:0;font-style:normal}.perex{font-size:1.5em}.header{--fluid-type-min: 1rem;--fluid-type-target: 2.5vw;--fluid-type-max: 2.4rem;max-width:1600px;margin-bottom:1em;line-height:1.2;font-size:clamp(var(--fluid-type-min, 1rem),1rem + var(--fluid-type-target, 3vw),var(--fluid-type-max, 1.3rem))}@media screen and (min-width: 600px){.header{display:flex;justify-content:space-between;align-items:center;gap:1em}}@media screen and (min-width: 150ch){.header{margin-inline:auto}}.header blockquote{margin-inline:0;letter-spacing:-0.05em}.header svg{margin-bottom:1rem}@media screen and (max-width: 600px){.header svg{width:60vw}}.header svg>:first-child{transform-origin:35% center}@media not (prefers-reduced-motion: reduce){.header svg>:first-child{animation:pulse 1200ms infinite}}@layer keyframes{@keyframes pulse{50%{scale:.96}}}.footer,.footer p,.footer ul,.footer li{display:flex;align-items:center;gap:1em;margin:0;font-size:.8em}.footer{justify-content:center}.footer ul{padding-left:1em;border-left:1px solid currentColor}.footer a:hover{color:var(--primary)}.footer a>span{display:none}svg,img{max-width:100%;height:auto}.next{padding:2rem min(3rem,6vw);background-color:ivory;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;border:8px solid var(--text-color-light);border-right-color:#777;border-bottom-color:#777;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2);margin:clamp(2rem,5vw,5rem) min(4vw,4rem)}.next h2{color:var(--text-color-light);text-align:center;letter-spacing:.2em}.next ul{margin-bottom:3rem}.next footer{font-size:clamp(var(--fluid-type-min, 1rem),1rem + var(--fluid-type-target, 3vw),var(--fluid-type-max, 1.3rem))}.next iframe{width:100%;padding:.25em;border:2px solid var(--text-color-light)}.title-extra{--shadow-color: color-mix(in srgb, currentColor, transparent);align-self:end;display:block;rotate:10deg;scale:1.5;font-weight:400;text-shadow:3px 3px var(--shadow-color)}@media screen and (width > 900px){.title-extra{position:absolute;right:0;top:0;padding:.2em 1.5em;translate:100% 0}}:where(h1,h2,h3,a):has(.title-extra){position:relative;width:fit-content}@media screen and (width <= 900px){:where(h1,h2,h3,a):has(.title-extra){display:flex;flex-direction:column-reverse;width:initial}}.title-extra--derniera{color:var(--primary)}.title-extra--premiera{color:hotpink}.next-header,.next-footer{position:relative}.next-header::before,.next-header::after,.next-footer::before,.next-footer::after{content:"⬤";position:absolute;color:var(--text-color-light)}.next-header{margin-bottom:2rem}.next-header::before{top:-1rem;left:max(-2rem,-4vw)}.next-header::after{top:-0.8rem;right:max(-1.8rem,-3.8vw)}.next-footer{font-size:.88rem;text-align:center;margin-bottom:-2rem}.next-footer::before{bottom:-0.3rem;left:max(-2rem,-4vw)}.next-footer::after{bottom:0;right:max(-1.8rem,-3.8vw)}.repertoire-item{margin-bottom:1.5rem}@media screen and (min-width: 600px){.repertoire-item{display:flex;gap:1rem}}.repertoire-item-text{flex:2}.pointing-link{text-decoration:none}.pointing-link::after{content:" 👉"}.pointing-link:hover u,.pointing-link:active u{text-decoration:none}.repertoire-item-image{flex:1}.repertoire-list>div{padding-left:1.2em}.repertoire-list dd+dt{margin-top:1.5lh}.repertoire-list time{font-weight:400}.repertoire-list svg{margin-left:-1.2em;color:var(--primary)}@media(prefers-reduced-motion: no-preference){details{interpolate-size:allow-keywords}}details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility .6s allow-discrete,opacity .6s,block-size .6s}details[open]::details-content{opacity:1;block-size:auto}summary{display:flex;flex-wrap:wrap;gap:0 .5rem}summary::marker{content:""}summary::after{content:"👉"}[open] summary::after{content:"👇"}summary>h2,summary>h3{display:inline;margin-bottom:0;font-size:1.2rem}summary>p{order:1;flex-basis:100%}.play-setlist{padding-left:1em}.play-setlist>li::marker{content:"𝄞 "}.play-setlist em{display:block;font-size:.88em}.play-setlist em a{font-style:normal;text-decoration:none}h1 svg{width:.85em;margin-left:.25em;color:var(--primary)}@media not (prefers-reduced-motion: reduce){h1 svg{animation:glitch 16s infinite alternate}}@layer keyframes{@keyframes glitch{0%,32%,33%,29%,to{transform:skew(0turn)}30%,31%{transform:skew(0.5turn)}}@view-transition{navigation:auto}}
