/*Variables*/

:root{
  --loader-bg:#0c0405;
  --cancion-bg:rgba(255,255,255, 0.8);
  --icono-color:#f5e4ab;
  --icono-bg:#ffeaae;
  --bg:#0c0405;
  --text: #ffffff;
  --countdown-bg:;
  --countdown-text:#ffffff;
  --btn-bg:#;
  --btn-text:#000000;
  --box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;;
  --timer-fontsize:50px;
  --accordion-bg:#0c0405;
  --accordion-text:#ffffff;
  --accordion-btn-bg:;
  --accordion-btn-text:#0c0405;
  --scrollbar-color:#f7cacf;
  --footer-bg:#0c0405;
}

@font-face {
  font-family: 'TiroKannada Regular';
  src: url('../../fonts/TiroKannada-Regular.ttf') format('truetype');
}

body{
  font-family: 'TiroKannada Regular';
  font-size: 21px;
}

main{
  background-image: 
    linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url('bg/c10a.webp');
  background-position: center;
  background-size: cover;
}

.portada h1{
  font-size: 100px;
}
#countdown, #galeria{
  background-image: url('bg/c10d.webp');
  background-position: center;
  background-size: cover;
}

#date{
  background-image: 
    linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url('bg/c10b.webp');
  background-position: center;
  background-size: cover;
}

#asistencia{
  min-height: 75dvh;
  background-image: 
    linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)),
    url('bg/c10c.webp');
  background-position: center;
  background-size: cover;
}

.boton, .accordion-button{
  background: radial-gradient(circle at center, #f5e4ab 0%, #b88934 100%);
  border-radius: 15px;
}

.glass-card{
border-radius: 16px;
background: rgba(255, 255, 255, 0);
backdrop-filter: blur(1.5px) url(#lg-filter) blur(3px) saturate(1.5) brightness(1.1);
-webkit-backdrop-filter: blur(12px) saturate(1.8) brightness(1.15) contrast(1.05);
box-shadow:
  inset 0 0 0 1px rgba(255, 255, 255, 0.15),
  inset 1.5px 1.5px 0 rgba(255, 255, 255, 0.5),
  inset 0 0 12px rgba(255, 255, 255, 0.2),
  0 8px 32px rgba(0, 0, 0, 0.2);
}