:root{
	--anchoFondo: 30vw;
    --anchoPrincipal: 30vw;
    --altoHeader: 37vw;
		--topHeader: 0vw;
    --font1Size: 3.3vw;
    --font1Top: 29vw;
		--font13Top: 9.5vw;
    --fontAmpTop: 17.8vw;
    --font1aTop: 21vw;
    --font1LH: 6vw;
    --font2Size: 1.3vw;
    --font2Top: 33.5vw;
    --font23Top: 33.5vw;
    --font2LH: 3.00vw;	
    --marginTopContenedor: 1vw;
    --marginBottomBadgesSave: 1vw;
    --marginBottomBadges: 1vw;
    --marginBottomMain: 0vw;
    --anchoContenedorInterior: 90%;
	
	--anchoMascara: var(--anchoFondo);
	  --altoMascara: var(--anchoFondo);
}



@media only screen and (max-width: 3500px)
{
  html{	font-size: 7.5px; }
  :root {
    --anchoFondo: 40vw;
    --anchoPrincipal: 40vw;
    --altoHeader: 49.333vw;
    --font1Size: 4.4vw;
    --font1Top: 38.667vw;
    --font13Top: 12.667vw;
    --fontAmpTop: 23.733vw;
    --font1aTop: 28vw;
    --font1LH: 8vw;
    --font2Size: 1.733vw;
    --font2Top: 44.667vw;
    --font23Top: 44.667vw;
    --font2LH: 4vw;
    --marginTopContenedor: 1.333vw;
    --marginBottomBadgesSave: 1.333vw;
    --marginBottomBadges: 1.333vw;
    --marginBottomMain: 0vw;
  }
}


@media only screen and (max-width: 3000px)
{
  html{	font-size: 7px; }
  :root {
    --anchoFondo: 50vw;
    --anchoPrincipal: 50vw;
    --altoHeader: 61.667vw;
    --font1Size: 5.5vw;
    --font1Top: 48.333vw;
    --font13Top: 15.833vw;
    --fontAmpTop: 29.667vw;
    --font1aTop: 35vw;
    --font1LH: 10vw;
    --font2Size: 2.167vw;
    --font2Top: 55.833vw;
    --font23Top: 55.833vw;
    --font2LH: 5vw;
    --marginTopContenedor: 1.667vw;
    --marginBottomBadgesSave: 1.667vw;
    --marginBottomBadges: 1.667vw;
    --marginBottomMain: 0vw;
  }
}


@media only screen and (max-width: 2500px)
{
  html{	font-size: 6.5px; }
  :root {
    --anchoFondo: 55vw;
    --anchoPrincipal: 55vw;
    --altoHeader: 67.833vw;
    --font1Size: 6.05vw;
    --font1Top: 53.167vw;
    --font13Top: 17.417vw;
    --fontAmpTop: 32.633vw;
    --font1aTop: 38.5vw;
    --font1LH: 11vw;
    --font2Size: 2.383vw;
    --font2Top: 61.417vw;
    --font23Top: 61.417vw;
    --font2LH: 5.5vw;
    --marginTopContenedor: 1.833vw;
    --marginBottomBadgesSave: 1.833vw;
    --marginBottomBadges: 1.833vw;
    --marginBottomMain: 0vw;
  }
}


@media only screen and (max-width: 2000px)
{
  html{	font-size: 6px; }
  :root {
    --anchoFondo: 60vw;
    --anchoPrincipal: 60vw;
    --altoHeader: 74vw;
    --font1Size: 6.6vw;
    --font1Top: 58vw;
    --font13Top: 19vw;
    --fontAmpTop: 35.6vw;
    --font1aTop: 42vw;
    --font1LH: 12vw;
    --font2Size: 2.6vw;
    --font2Top: 67vw;
    --font23Top: 67vw;
    --font2LH: 6vw;
    --marginTopContenedor: 2vw;
    --marginBottomBadgesSave: 2vw;
    --marginBottomBadges: 2vw;
    --marginBottomMain: 0vw;
  }
}


@media only screen and (max-width: 1600px)
{
  html{	font-size: 5px; }
  :root {
    --anchoFondo: 70vw;
    --anchoPrincipal: 70vw;
    --altoHeader: 86.333vw;
    --font1Size: 7.7vw;
    --font1Top: 67.667vw;
    --font13Top: 22.167vw;
    --fontAmpTop: 41.533vw;
    --font1aTop: 49vw;
    --font1LH: 14vw;
    --font2Size: 3.033vw;
    --font2Top: 78.167vw;
    --font23Top: 78.167vw;
    --font2LH: 7vw;
    --marginTopContenedor: 2.333vw;
    --marginBottomBadgesSave: 2.333vw;
    --marginBottomBadges: 2.333vw;
    --marginBottomMain: 0vw;
  }
}


@media only screen and (max-width: 1300px)
{
  html{	font-size: 7.5px; }
  :root {
    --anchoFondo: 80vw;
    --anchoPrincipal: 80vw;
    --altoHeader: 98.667vw;
    --font1Size: 8.8vw;
    --font1Top: 77.333vw;
    --font13Top: 25.333vw;
    --fontAmpTop: 47.467vw;
    --font1aTop: 56vw;
    --font1LH: 16vw;
    --font2Size: 3.467vw;
    --font2Top: 89.333vw;
    --font23Top: 89.333vw;
    --font2LH: 8vw;
    --marginTopContenedor: 2.667vw;
    --marginBottomBadgesSave: 2.667vw;
    --marginBottomBadges: 2.667vw;
    --marginBottomMain: 0vw;
  }
}


@media only screen and (max-width: 900px)
{
  html{	font-size: 7px; }
  :root {
    --anchoFondo: 90vw;
    --anchoPrincipal: 90vw;
    --altoHeader: 111vw;
    --font1Size: 9.9vw;
    --font1Top: 87vw;
    --font13Top: 28.5vw;
    --fontAmpTop: 53.4vw;
    --font1aTop: 63vw;
    --font1LH: 18vw;
    --font2Size: 3.9vw;
    --font2Top: 100.5vw;
    --font23Top: 100.5vw;
    --font2LH: 9vw;
    --marginTopContenedor: 3vw;
    --marginBottomBadgesSave: 3vw;
    --marginBottomBadges: 3vw;
    --marginBottomMain: 0vw;
  }
}


@media only screen and (max-width: 600px)
{
  html{	font-size: 4.5px; }
  :root {
    --anchoFondo: 96vw;
    --anchoPrincipal: 96vw;
    --altoHeader: 118.333vw;
    --font1Size: 11vw;
    --font1Top: 96.667vw;
    --font13Top: 31.667vw;
    --fontAmpTop: 59.333vw;
    --font1aTop: 70vw;
    --font1LH: 20vw;
    --font2Size: 4.333vw;
    --font2Top: 111.667vw;
    --font23Top: 111.667vw;
    --font2LH: 10vw;
    --marginTopContenedor: 2vw;
    --marginBottomBadgesSave: 3.333vw;
    --marginBottomBadges: 3.333vw;
    --marginBottomMain: 2vw;



    --f_F0: 200 normal 4.8rem var(--f_FF1); /* titulos */
    --f_F1: 200 normal 4.8rem var(--f_FF1); /* titulos */
    --f_F2: 200 normal 4rem var(--f_FF1); /* subtitulos/texto, listas grandes */

    --f_FEspecial: 400 normal 6rem var(--f_FFEspecial); /* cursivas */
    --f_FEspecialPeque: 400 normal 3rem var(--f_FFEspecial);

    --f_FRegular: 400 normal 3.5rem var(--f_FFRegular);  /* textos regulares/bloques  */
    --f_FRegularMedia: 400 normal 4rem var(--f_FFRegular);  /*  botones, listas peques */
    --f_FTimerNumero: 400 normal 12rem var(--f_FFRegular);  /* fuente numeros timer */
    --f_FTimerTexto: 400 normal 3.1rem var(--f_FFRegular);  /* fuente texto timer, listanormal */

	}
}