* { box-sizing: border-box; margin: 0; padding: 0; }

:root{
--gradienteFondo:linear-gradient(0deg,rgba(20, 3, 41, 1) 0%, rgba(77, 28, 88, 1) 26%, rgba(132, 52, 134, 1) 53%, rgba(77, 28, 88, 1) 79%, rgba(20, 3, 41, 1) 100%);
--gradienteFondIlus:linear-gradient(180deg,rgba(16, 1, 39, 1) 0%, rgba(63, 7, 82, 1) 21%, rgba(119, 21, 131, 1) 52%, rgba(63, 7, 82, 1) 80%, rgba(16, 1, 39, 1) 100%);
--gradBoton1: linear-gradient(189deg,rgba(120, 82, 252, 1) 0%, rgba(217, 94, 234, 1) 100%);
--gradBoton2: linear-gradient(180deg,rgba(213, 94, 235, 1) 0%, rgba(188, 91, 240, 1) 100%);
--cbord1: #E7E1F5;
--cbord2: #4C3896;
--cwhite: #ffff;
--backg1: #EFEAF7;
--backg2: #DFDBEC;
--backg3: #EEBAA9;
--backg4: #CFC6E4;
--backg5: #E0D3FF;
--backg6: #7FCED6;
--barra: #FFE96F;
--barra2: #8A618F;
--ctext1: #1B1330;
--ctext2: #5C1FB9;
--ctext3: #B9B3CC;
--ctext4: #4C4C4C;
--ctext5: #8a839c;
--ctext6: #5B5470;
--ctext7: #D7D2E7;
--ctext8: #7764FF;
--backcodigo:#D3CAE6;
--ctext10:#D95EEA;
--alerta: #D95970;
--pais: #6550FF;
--alertinput: #FF6B6B;
--perfilsubtono: #F4F1FA;
--encuesta: #F4EEFF;
/**qr**/
 --granBotonQR: linear-gradient(90deg,rgba(213, 94, 235, 1) 0%, rgba(106, 81, 254, 1) 100%);
--white: #fff;
--fondpanel: #F6F1FD;
--text: #6B6291;
--title: #231B45;
--fond2: #E8DFFA;
--text2: #4C3896;
--pais: #6550FF;
/*home**/
 --gradfondohome: linear-gradient(180deg,rgba(19, 3, 40, 1) 0%, rgba(139, 55, 140, 1) 50%, rgba(19, 3, 40, 1) 100%);
--gradArtistas: linear-gradient(0deg,rgba(142, 59, 142, 1) 0%, rgba(76, 56, 150, 1) 50%, rgba(36, 28, 72, 1) 100%);
--menta: #B5DDD8;
--counter : linear-gradient(21deg,rgba(88, 190, 225, 1) 0%, rgba(96, 87, 162, 1) 100%);
--subtext: #D9CEF0;
--clrbolet1: linear-gradient(210deg,rgba(22, 18, 38, 1) 0%, rgba(96, 76, 241, 1) 59%, rgba(101, 80, 255, 1) 100%);
--clrbolet2: linear-gradient(254deg,rgba(96, 87, 162, 1) 0%, rgba(88, 190, 225, 1) 59%);
--clrbolet3: linear-gradient(210deg,rgba(255, 240, 164, 1) 0%, rgba(182, 94, 167, 1) 59%);
--aqua: #7FCED6;
--subtextbol: #E2D8F4;
--subtextbol2: #1D1D1D;
--botonboleto: linear-gradient(271deg,rgba(101, 80, 255, 1) 0%, rgba(217, 94, 234, 1) 100%);
--yellow: #FFE96E;
--avatar1: linear-gradient(153deg,rgba(152, 54, 142, 1) 0%, rgba(118, 46, 116, 1) 27%, rgba(78, 35, 82, 1) 61%, rgba(45, 25, 58, 1) 100%);
--avatar2: linear-gradient(138deg,rgba(162, 92, 134, 1) 0%, rgba(190, 132, 128, 1) 37%, rgba(215, 171, 121, 1) 69%, rgba(209, 160, 123, 1) 100%);
--avatar3: linear-gradient(138deg,rgba(138, 86, 156, 1) 0%, rgba(135, 118, 172, 1) 37%, rgba(131, 157, 191, 1) 69%, rgba(130, 176, 198, 1) 100%);
--avatar4: linear-gradient(138deg,rgba(133, 61, 165, 1) 0%, rgba(125, 66, 188, 1) 37%, rgba(84, 41, 108, 1) 69%, rgba(46, 26, 59, 1) 100%);
--avatar5: linear-gradient(138deg,rgba(124, 74, 164, 1) 0%, rgba(115, 85, 178, 1) 21%, rgba(101, 99, 195, 1) 40%, rgba(82, 57, 122, 1) 61%, rgba(71, 33, 79, 1) 82%, rgba(47, 26, 59, 1) 100%);
--botonspotify: #1FDC35;
--galeria: linear-gradient(12deg,rgba(234, 78, 110, 1) 0%, rgba(217, 94, 234, 1) 100%);


}

@font-face {
  font-family: 'fatfrank';
  src: url('../images/fonts/FatFrank_Heavy.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'gottamLight';
  src: url('../images/fonts/gothamnarrssm_light.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: 'gottamBook';
  src: url('../images/fonts/gothamnarrssm_book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'gottamMedium';
  src: url('../images/fonts/gothamssm_medium.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'gottamBold';
  src: url('../images/fonts/gothamssm_bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'gottamBlack';
  src: url('../images/fonts/gothamssm_black.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'gottamLightNormal';
  src: url('../images/fonts/gothamLight-normal.woff2') format('woff2');
  font-style: normal;
}

@font-face {
  font-family: 'gottamRegularNormal';
  src: url('../images/fonts/gothamssm_regular.woff2') format('woff2');
  font-style: normal;
}