@golstats/gsc-game-data 1.0.141 → 1.0.144

package/dist/styles.css

@@ -1,1198 +1,1198 @@
-
-body {
-	margin: 0;
-	line-height: normal;
-}
-
-
-
-
-:root {
-	/* fonts */
-	--font-poppins: 'Poppins-Regular';
-
-	/* font sizes */
-	--font-size-smi: 13px;
-	--font-size-sm: 14px;
-	--font-size-5xl: 24px;
-	--font-size-base: 16px;
-	--font-size-3xl: 22px;
-
-	/* Colors */
-	--color-gray-100: #fafafb;
-	--color-gray-200: #122736;
-	--color-gray-300: #172531;
-	--color-gray-400: #0d1d29;
-	--color-gray-500: rgba(255, 255, 255, 0.4);
-	--color-gray-600: rgba(255, 255, 255, 0.05);
-	--color-gray-700: rgba(255, 255, 255, 0.2);
-	--color-gray-800: rgba(255, 255, 255, 0.1);
-	--color-gray-900: rgba(255, 255, 255, 0.04);
-	--color-gray-1000: rgba(116, 125, 132, 0.6);
-	--color-yellowgreen: #cbee6b;
-	--color-white: #fff;
-	--color-darkslategray: #3d4a54;
-	--color-steelblue: #275075;
-	--color-whitesmoke: #f4f4f4;
-	--color-dimgray: #566169;
-	--color-slategray: #667085;
-
-	/* Gaps */
-	--gap-smi: 13px;
-	--gap-35xl: 48px;
-	--gap-xl: 20px;
-	--gap-45xl: 64px;
-	--gap-21xl: 40px;
-	--gap-base: 8px;
-	--gap-3xs: 10px;
-	--gap-7xs: 6px;
-	--gap-0: 0px;
-	--gap-5xl: 24px;
-	--gap-xs: 12px;
-	--gap-11xs-6: 1.6px;
-
-	/* Paddings */
-	--padding-3xs: 10px;
-	--padding-9xs: 4px;
-	--padding-5xs: 8px;
-	--padding-base: 16px;
-	--padding-xs: 12px;
-	--padding-31xl: 50px;
-	--padding-xl: 20px;
-	--padding-61xl: 80px;
-	--padding-5xl: 24px;
-	--padding-smi: 13px;
-
-	/* Border radiuses */
-	--br-6xl: 25px;
-	--br-31xl: 50px;
-	--br-9xs: 4px;
-	--br-5xs: 8px;
-	--br-46xl: 65px;
-	--br-xs: 12px;
-}
-
-/* grupos */
-.filtersContainer {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	display: none;
-	justify-content: flex-start;
-}
-
-.filtersContainer1232 {
-	display: none;
-}
-.closeFiltersPc{
-    width: 20px;
-    height: 20px;
-    right: 10px;
-    position: absolute;
-	top: 9px;
-}
-.closeFiltersPc:hover{
-    background-color: rgba(128, 128, 128, 0.15);
-    cursor: pointer;
-}
-.textleyemdmultipleleagues{
-    font-size: 12px;
-    color: rgb(167, 167, 167);
-}
-.textleyemdmultipleleagues380{
-    font-size: 10px;
-    color: rgb(167, 167, 167);
-}
-
-.filtersContainer760 {
-	display: flex;
-	width: 100%;
-	box-sizing: border-box;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-.filtersContainer460 {
-	display: flex;
-	width: 100%;
-	box-sizing: border-box;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-
-
-/* grupos */
-/* grupos */
-.containerSection {
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-xs);
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xl);
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-}
-
-.containerSection1232 {
-	align-self: stretch;
-	width: auto;
-	padding-left: var(--padding-31xl);
-	padding-right: var(--padding-31xl);
-	box-sizing: border-box;
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-xs);
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xl);
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-
-}
-
-.containerSection960 {
-	align-self: stretch;
-	width: auto;
-	padding-left: 0px;
-	padding-right: 0px;
-	box-sizing: border-box;
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-xs);
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xl);
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-}
-
-.containerSection320 {
-	width: 99%;
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-	margin: 0 auto;
-	gap: 10px;
-}
-
-.containerSection350 {
-	width: 99%;
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xl);
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-}
-
-/* grupos*/
-/* grupos: */
-.templateLosMejores {
-	position: relative;
-	
-	width: 100%;
-    overflow: hidden;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xl);
-}
-
-.templateLosMejores1232 {
-	position: relative;
-	width: auto;
-	align-self: unset;
-	min-width: 960px;
-	display: flex;
-    overflow: hidden;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xl);
-}
-
-.templateLosMejores960 {
-	position: relative;
-	width: auto;
-    overflow: hidden;
-	align-self: unset;
-	align-items: center;
-	justify-content: center;
-	min-width: 540px;
-
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xl);
-}
-
-.templateLosMejores420 {
-	position: relative;
-    overflow: hidden;
-	width: auto;
-	min-width: 320px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xl);
-}
-
-.templateLosMejores320 {
-	position: relative;
-	width: auto;
-	align-self: unset;
-	display: flex;
-    overflow: hidden;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xl);
-}
-
-.templateLosMejores540 {
-	position: relative;
-	width: auto;
-	align-self: unset;
-	min-width: 420px;
-    overflow: hidden;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xl);
-}
-
-.templateLosMejores350 {
-	position: relative;
-	width: auto;
-    overflow: hidden;
-	align-self: unset;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-/* grupos: */
-/* grupos */
-.topFiltersParent {
-	align-self: stretch;
-	border-radius: var(--br-5xs);
-	background-color: #172531;
-	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xl);
-	font-size: var(--font-size-base);
-}
-
-.topFiltersParent1232 {
-	align-self: stretch;
-	border-radius: var(--br-5xs);
-	background-color: #172531;
-	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xl);
-	font-size: var(--font-size-base);
-	width: auto;
-    min-height: 1100px;
-}
-
-.topFiltersParent960 {
-	align-self: stretch;
-	border-radius: var(--br-5xs);
-	background-color: #172531;
-	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xl);
-	font-size: var(--font-size-base);
-	width: auto;
-}
-
-.topFiltersParent460 {
-	align-self: stretch;
-	border-radius: var(--br-5xs);
-	background-color: #172531;
-	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xl);
-	font-size: var(--font-size-base);
-	width: auto;
-	margin-top: 6px;
-}
-.topFiltersParent420 {
-	align-self: stretch;
-	border-radius: var(--br-5xs);
-	background-color: #172531;
-	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xl);
-	font-size: var(--font-size-base);
-	width: auto;
-	margin-top: 6px;
-}
-
-/* grupos */
-/* grupos */
-.containerTheBest {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 0px;
-}
-
-.containerTheBest1232 {
-	align-self: stretch;
-	width: auto;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 10px;
-}
-
-.containerTheBest960 {
-	gap: 10px;
-	width: 100%;
-	box-sizing: border-box;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-}
-
-.containerTheBest320 {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 10px;
-}
-
-/* grupos */
-/* grupos */
-.titleSection {
-	align-self: stretch;
-	display: flex;
-    position: relative;
-	flex-wrap: wrap;
-	flex-direction: row;
-	padding: 0px 0px 15px 48px;
-	align-items: center;
-	justify-content: flex-start;
-}
-
-.titleSection540 {
-	align-self: stretch;
-	display: flex;
-    position: relative;
-	flex-direction: row;
-	align-items: center;
-	flex-wrap: wrap;
-	justify-content: flex-start;
-	padding: 0px 5px 15px 5px;
-	box-sizing: border-box;
-}
-
-/* grupos*/
-/* grupos */
-.containerTables {
-	align-self: stretch;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: flex-start;
-	justify-content: center;
-	gap: 45px;
-	font-size: var(--font-size-5xl);
-	color: var(--color-whitesmoke);
-	width: 100% !important;
-}
-
-.containerTables960 {
-	align-self: stretch;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: flex-start;
-	justify-content: center;
-	font-size: var(--font-size-5xl);
-	color: var(--color-whitesmoke);
-	width: 100% !important;
-	gap: var(--gap-21xl);
-	box-sizing: border-box;
-}
-
-.containerTables760 {
-	align-self: stretch;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: flex-start;
-	justify-content: center;
-	font-size: var(--font-size-5xl);
-	color: var(--color-whitesmoke);
-	width: 100% !important;
-	gap: var(--gap-3xs);
-	box-sizing: border-box;
-}
-
-.containerTables320 {
-	align-self: stretch;
-	width: auto;
-	align-self: stretch;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	gap: var(--gap-21xl);
-	width: 100% !important;
-	align-items: flex-start;
-	justify-content: center;
-	font-size: var(--font-size-5xl);
-	color: var(--color-whitesmoke);
-}
-
-/* grupos */
-/* grupos */
-.toniKroosWrapper {
-	flex: 1;
-	border-radius: var(--br-xs);
-	height: auto;
-    min-height: 480px;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	min-width: 496px;
-	max-width: 496px;
-	margin-bottom: -50px;
-}
-
-.toniKroosWrapper1080 {
-	flex: 1;
-	border-radius: var(--br-xs);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	min-width: 456px;
-	max-width: 456px;
-	margin-bottom: -25px;
-}
-
-.toniKroosWrapper975 {
-	flex: 1;
-	border-radius: var(--br-xs);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	min-width: 426px;
-	max-width: 426px;
-	margin-bottom: -25px;
-}
-
-.toniKroosWrapper760 {
-	flex: 1;
-	border-radius: var(--br-xs);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	min-width: 360px;
-	max-width: 360px;
-	margin-bottom: 0px;
-}
-
-.toniKroosWrapper420 {
-	flex: 1;
-	border-radius: var(--br-xs);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	width: 330px;
-	min-width: 330px;
-	margin-bottom: 0px;
-}
-
-.toniKroosWrapper320 {
-	flex: 1;
-	border-radius: var(--br-xs);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	width: 310px;
-	min-width: 310px;
-	margin-bottom: -25px;
-}
-
-/* grupos */
-
-
-.frameChild {
-	position: relative;
-	width: 17px;
-	height: 10.03px;
-}
-
-.filtros {
-	position: relative;
-	line-height: 24px;
-}
-
-.groupParent {
-	flex: 1;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 9px;
-}
-
-.shapeIcon {
-	position: relative;
-	width: 8px;
-	height: 4px;
-}
-
-.btnFilters {
-	border-radius: var(--br-5xs);
-	background-color: var(--color-gray-600);
-	border: 1px solid rgba(255,255,255, .2);
-	box-sizing: border-box;
-	width: 145px;
-	display: flex;
-	flex-direction: row;
-	padding: var(--padding-xs);
-	align-items: center;
-	justify-content: flex-start;
-	gap: 43px;
-	height: 45px;
-	font-size: 14px;
-	color: rgba(255,255,255, .9);
-	font-family: 'Poppins-Regular', sans-serif;
-	cursor: pointer;
-}
-.btnFiltersPC {
-	border-radius: var(--br-5xs);
-	background-color: var(--color-gray-600);
-	border: 1px solid #566169;
-	box-sizing: border-box;
-	width: 115px;
-	display: flex;
-	flex-direction: row;
-	padding: 6px 12px;
-    margin-left: 12px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 43px;
-	font-size: 16px;
-	margin-top: 7px;
-}
-.btnFiltersPC:hover {
-    cursor: pointer;
-}
-.quitarFiltros{
-    color: rgba(255, 255, 255, 0.7);
-    text-decoration: underline;
-    font-size: 12px;
-    font-family: 'Poppins-Regular';
-    top: 1px;
-    right: 20px;
-    position: absolute;
-    text-align: center;
-    width: 110px;
-    height: 30px;
-    line-height: 30px;
-}
-.quitarFiltros:hover{
-    background: rgba(128, 128, 128, 0.15);
-    cursor: pointer;
-}
-
-.quitarFiltros730  {
-    color: #cccccc;
-    text-decoration: underline;
-    font-size: 12px;
-    font-family: 'Poppins-SemiBold';
-    top: -28px;
-    right: 20px;
-    position: absolute;
-    text-align: center;
-    width: 110px;
-    height: 30px;
-    line-height: 30px;
-}
-
-.quitarFiltros480{
-    color: #cccccc;
-    text-decoration: underline;
-    font-size: 10px;
-    font-family: 'Poppins-SemiBold';
-    top: -28px;
-    right: 0px;
-    position: absolute;
-    text-align: center;
-    width: 80px;
-    height: 30px;
-    line-height: 30px;
-}
-.quitarFiltros380{
-    color: #cccccc;
-    text-decoration: underline;
-    font-size: 12px;
-    font-family: 'Poppins-SemiBold';
-    top: -41px;
-    right: 0px;
-    position: absolute;
-    text-align: center;
-    width: 100px;
-    height: 30px;
-    line-height: 30px;
-}
-
-.btnCloseFilters {
-	cursor: pointer;
-	position: absolute;
-	left: 9%;
-    display: none;
-	margin-top: 90px;
-	background: url(https://az755631.vo.msecnd.net/todoelfut/icn_close.png);
-	width: 15px;
-	height: 15px;
-	background-size: 100%;
-	opacity: 0.7;
-}
-
-.mejoresJugadores {
-	position: relative;
-	font-weight: 500;
-}
-.mejoresJugadores730 {
-	position: relative;
-	font-weight: 500;
-    font-size: 14px;
-}
-.mejoresJugadores480 {
-	position: relative;
-	font-weight: 500;
-    font-size: 11px;
-}
-
-.mejoresJugadoresSM {
-	position: relative;
-	font-weight: 500;
-	font-size: 11px;
-}
-
-.toniKroos {
-	position: relative;
-	letter-spacing: 0.2px;
-	line-height: 20px;
-	font-weight: 500;
-}
-
-
-/* aqui esta el codigo */
-
-.teamBar {
-	align-self: stretch;
-	background-color: var(--color-gray-300);
-	box-shadow: 0px -1px 0px #3d4a54 inset;
-	height: 72px;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-5xl);
-	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
-}
-
-.menuSection {
-	align-self: stretch;
-	height: 40px;
-	display: flex;
-	overflow: hidden;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-	position: relative;
-}
-
-.menuSection960 {
-	align-self: stretch;
-	overflow: hidden;
-	height: 40px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-	position: relative;
-}
-
-.containerMenu {
-	
-	display: inline-flex;
-	width: 100%;
-	align-items: center;
-	justify-content: center;
-	gap: 10px;
-
-}
-.containerMenu760{
-	display: flex;
-	margin: 0 auto;
-	gap: 15px;
-	flex-direction: column;
-}
-
-.containerFilters {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xl);
-	font-size: var(--font-size-sm);
-	margin-top: -3px;
-}
-
-.teamBarParent {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	align-items: left;
-	justify-content: flex-start;
-	gap: var(--gap-base);
-}
-
-.topFilters {
-	align-self: stretch;
-	border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
-/*	background-color: var(--color-gray-300); */
-	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-base) var(--padding-base);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: center;
-	font-size: var(--font-size-smi);
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-}
-
-.topFilters1232 {
-	align-self: stretch;
-	border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
-/*	background-color: var(--color-gray-300); */
-	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-base) var(--padding-base);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: center;
-	font-size: var(--font-size-smi);
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-	width: auto;
-}
-
-.topFilters420 {
-	align-self: stretch;
-	border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
-/*	background-color: var(--color-gray-300); */
-	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-base) var(--padding-base);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: center;
-	font-size: var(--font-size-smi);
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-}
-
-.topFilters460 {
-	align-self: stretch;
-	border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
-/*	background-color: var(--color-gray-300); */
-	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
-	display: flex;
-	flex-direction: column;
-	padding: 0px 6px 16px;
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: center;
-	font-size: var(--font-size-smi);
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-}
-
-/* coidgo */
-
-.losMejores {
-	margin: 0;
-	align-self: stretch;
-	position: relative;
-	margin-top: 20px;
-	font-size: inherit;
-	font-weight: 500;
-	font-family: inherit;
-}
-.losMejores380{
-    margin: 0;
-    width: 30%;
-    height: 42px;
-	align-self: stretch;
-	position: relative;
-	margin-top: 20px;
-	font-size: inherit;
-    margin-top: 0px;
-    line-height: 42px;
-    font-size: 14px;
-	font-weight: 500;
-	font-family: inherit;
-}
-.losMejores530{
-    margin: 0;
-    width: 30%;
-    height: 42px;
-	align-self: stretch;
-	position: relative;
-	margin-top: 20px;
-	font-size: inherit;
-    margin-top: 0px;
-    line-height: 42px;
-    font-size: 16px;
-	font-weight: 500;
-	font-family: inherit;
-}
-.losMejores730{
-    margin: 0;
-    width: 33.3%;
-    height: 42px;
-	align-self: stretch;
-	position: relative;
-	margin-top: 20px;
-	font-size: inherit;
-    margin-top: 0px;
-    line-height: 42px;
-    font-size: 18px;
-	font-weight: 500;
-	font-family: inherit;
-}
-
-.menuSectionHeader {
-	min-width: 392px !important;
-	max-width: 300px !important;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-}
-
-.menuSectionHeader1232 {
-	min-width: 392px !important;
-	max-width: 300px !important;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-
-	width: auto;
-	align-self: unset;
-}
-
-.menuSectionHeader960 {
-	min-width: 392px;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-	gap: var(--gap-0);
-	align-items: flex-start;
-	justify-content: flex-start;
-}
-
-.menuSectionHeader730 {
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-	min-width: 392px;
-	height: 42px;
-	flex: 1;
-}
-
-.dropdown {
-	flex: 1;
-	border-radius: var(--br-9xs);
-	box-sizing: border-box;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	
-	align-items: center;
-	justify-content: space-between;
-}
-.dropdown730 {
-	border-radius: var(--br-9xs);
-	box-sizing: border-box;
-	height: 42px;
-    width: 33.3%;
-	color: var(--color-gray-100);
-}
-
-.dropdown1 {
-	flex: 1;
-	border-radius: var(--br-9xs);
-	box-sizing: border-box;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	
-	align-items: center;
-	justify-content: space-between;
-	color: var(--color-gray-100);
-}
-.dropdown1730 {
-	border-radius: var(--br-9xs);
-	box-sizing: border-box;
-	height: 42px;
-    width: 33.3%;
-	color: var(--color-gray-100);
-}
-
-.dropdownParent {
-	width: 312px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: flex-start;
-	gap: var(--gap-xs);
-	text-align: left;
-	font-size: var(--font-size-sm);
-	z-index: 4;
-}
-
-.dropdownParent730 {
-	flex: 1;
-	width: 100%;
-
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: flex-start;
-	gap: var(--gap-xs);
-	text-align: left;
-	font-size: var(--font-size-sm);
-
-	padding-left: 0px;
-	padding-right: 0px;
-	box-sizing: border-box;
-	margin-top: 10px;
-}
-
-.menuSectionParentHeader {
-	width: 100%;
-	align-self: stretch;
-	display: flex;
-	margin-top: 20px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: flex-end;
-	justify-content: space-between;
-	text-align: center;
-	font-size: var(--font-size-base);
-}
-
-.menuSectionParentHeader1232 {
-	align-self: stretch;
-	display: flex;
-	margin-top: 20px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	text-align: center;
-	font-size: var(--font-size-base);
-	align-items: flex-end;
-	justify-content: space-between;
-	gap: var(--gap-0);
-}
-
-.menuSectionParentHeader960 {
-	align-self: stretch;
-	display: flex;
-	margin-top: 20px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	text-align: center;
-	font-size: var(--font-size-base);
-	align-self: stretch;
-	width: auto;
-	gap: var(--gap-0);
-	align-items: center;
-	justify-content: space-between;
-}
-
-.menuSectionParentHeader730 {
-	align-self: stretch;
-	margin-top: -20px;
-	text-align: center;
-	font-size: var(--font-size-base);
-    display: flex;
-    flex-direction: column-reverse;
-    justify-content: space-between;
-    align-items: center;
-	gap: var(--gap-base);
-	
-
-	box-sizing: border-box;
-}
-
-.menuSectionParentHeader430 {
-	align-self: stretch;
-
-	margin-top: 0px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	text-align: center;
-	font-size: var(--font-size-base);
-
-	gap: var(--gap-base);
-	align-items: center;
-	display: inline-block;
-	justify-content: center;
-	display: flex;
-	box-sizing: border-box;
-}
-
-.descubreVideos {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px var(--padding-9xs);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: left;
-	font-size: var(--font-size-3xl);
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-}
-
-.descubreVideos1232 {
-
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px var(--padding-9xs);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: left;
-	font-size: var(--font-size-3xl);
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-	width: auto;
-}
-
-.descubreVideos960 {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px var(--padding-9xs);
-	align-items: flex-start;
-	text-align: left;
-	font-size: var(--font-size-3xl);
-	color: var(--color-white);
-	font-family: var(--font-poppins);
-
-	flex-direction: column;
-	align-items: flex-start;
-	justify-content: space-between;
-	gap: var(--gap-0);
-}
-
-.allCategories {
-	height: 35px;
-	background-color: rgb(35, 48, 59);
-	border-radius: 30px;
-	color: rgba(255, 255, 255, 0.7);
-	padding: 0 14px;
-	display: flex;
-	font-size: 11px;
-	margin-left: 13px;
-	align-items: center;
+
+body {
+	margin: 0;
+	line-height: normal;
+}
+
+
+
+
+:root {
+	/* fonts */
+	--font-poppins: 'Poppins-Regular';
+
+	/* font sizes */
+	--font-size-smi: 13px;
+	--font-size-sm: 14px;
+	--font-size-5xl: 24px;
+	--font-size-base: 16px;
+	--font-size-3xl: 22px;
+
+	/* Colors */
+	--color-gray-100: #fafafb;
+	--color-gray-200: #122736;
+	--color-gray-300: #172531;
+	--color-gray-400: #0d1d29;
+	--color-gray-500: rgba(255, 255, 255, 0.4);
+	--color-gray-600: rgba(255, 255, 255, 0.05);
+	--color-gray-700: rgba(255, 255, 255, 0.2);
+	--color-gray-800: rgba(255, 255, 255, 0.1);
+	--color-gray-900: rgba(255, 255, 255, 0.04);
+	--color-gray-1000: rgba(116, 125, 132, 0.6);
+	--color-yellowgreen: #cbee6b;
+	--color-white: #fff;
+	--color-darkslategray: #3d4a54;
+	--color-steelblue: #275075;
+	--color-whitesmoke: #f4f4f4;
+	--color-dimgray: #566169;
+	--color-slategray: #667085;
+
+	/* Gaps */
+	--gap-smi: 13px;
+	--gap-35xl: 48px;
+	--gap-xl: 20px;
+	--gap-45xl: 64px;
+	--gap-21xl: 40px;
+	--gap-base: 8px;
+	--gap-3xs: 10px;
+	--gap-7xs: 6px;
+	--gap-0: 0px;
+	--gap-5xl: 24px;
+	--gap-xs: 12px;
+	--gap-11xs-6: 1.6px;
+
+	/* Paddings */
+	--padding-3xs: 10px;
+	--padding-9xs: 4px;
+	--padding-5xs: 8px;
+	--padding-base: 16px;
+	--padding-xs: 12px;
+	--padding-31xl: 50px;
+	--padding-xl: 20px;
+	--padding-61xl: 80px;
+	--padding-5xl: 24px;
+	--padding-smi: 13px;
+
+	/* Border radiuses */
+	--br-6xl: 25px;
+	--br-31xl: 50px;
+	--br-9xs: 4px;
+	--br-5xs: 8px;
+	--br-46xl: 65px;
+	--br-xs: 12px;
+}
+
+/* grupos */
+.filtersContainer {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	display: none;
+	justify-content: flex-start;
+}
+
+.filtersContainer1232 {
+	display: none;
+}
+.closeFiltersPc{
+    width: 20px;
+    height: 20px;
+    right: 10px;
+    position: absolute;
+	top: 9px;
+}
+.closeFiltersPc:hover{
+    background-color: rgba(128, 128, 128, 0.15);
+    cursor: pointer;
+}
+.textleyemdmultipleleagues{
+    font-size: 12px;
+    color: rgb(167, 167, 167);
+}
+.textleyemdmultipleleagues380{
+    font-size: 10px;
+    color: rgb(167, 167, 167);
+}
+
+.filtersContainer760 {
+	display: flex;
+	width: 100%;
+	box-sizing: border-box;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.filtersContainer460 {
+	display: flex;
+	width: 100%;
+	box-sizing: border-box;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+
+
+/* grupos */
+/* grupos */
+.containerSection {
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-xs);
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xl);
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+}
+
+.containerSection1232 {
+	align-self: stretch;
+	width: auto;
+	padding-left: var(--padding-31xl);
+	padding-right: var(--padding-31xl);
+	box-sizing: border-box;
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-xs);
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xl);
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+
+}
+
+.containerSection960 {
+	align-self: stretch;
+	width: auto;
+	padding-left: 0px;
+	padding-right: 0px;
+	box-sizing: border-box;
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-xs);
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xl);
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+}
+
+.containerSection320 {
+	width: 99%;
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+	margin: 0 auto;
+	gap: 10px;
+}
+
+.containerSection350 {
+	width: 99%;
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xl);
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+}
+
+/* grupos*/
+/* grupos: */
+.templateLosMejores {
+	position: relative;
+	
+	width: 100%;
+    overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xl);
+}
+
+.templateLosMejores1232 {
+	position: relative;
+	width: auto;
+	align-self: unset;
+	min-width: 960px;
+	display: flex;
+    overflow: hidden;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xl);
+}
+
+.templateLosMejores960 {
+	position: relative;
+	width: auto;
+    overflow: hidden;
+	align-self: unset;
+	align-items: center;
+	justify-content: center;
+	min-width: 540px;
+
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xl);
+}
+
+.templateLosMejores420 {
+	position: relative;
+    overflow: hidden;
+	width: auto;
+	min-width: 320px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xl);
+}
+
+.templateLosMejores320 {
+	position: relative;
+	width: auto;
+	align-self: unset;
+	display: flex;
+    overflow: hidden;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xl);
+}
+
+.templateLosMejores540 {
+	position: relative;
+	width: auto;
+	align-self: unset;
+	min-width: 420px;
+    overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xl);
+}
+
+.templateLosMejores350 {
+	position: relative;
+	width: auto;
+    overflow: hidden;
+	align-self: unset;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+/* grupos: */
+/* grupos */
+.topFiltersParent {
+	align-self: stretch;
+	border-radius: var(--br-5xs);
+	background-color: #172531;
+	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xl);
+	font-size: var(--font-size-base);
+}
+
+.topFiltersParent1232 {
+	align-self: stretch;
+	border-radius: var(--br-5xs);
+	background-color: #172531;
+	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xl);
+	font-size: var(--font-size-base);
+	width: auto;
+    min-height: 1100px;
+}
+
+.topFiltersParent960 {
+	align-self: stretch;
+	border-radius: var(--br-5xs);
+	background-color: #172531;
+	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xl);
+	font-size: var(--font-size-base);
+	width: auto;
+}
+
+.topFiltersParent460 {
+	align-self: stretch;
+	border-radius: var(--br-5xs);
+	background-color: #172531;
+	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xl);
+	font-size: var(--font-size-base);
+	width: auto;
+	margin-top: 6px;
+}
+.topFiltersParent420 {
+	align-self: stretch;
+	border-radius: var(--br-5xs);
+	background-color: #172531;
+	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xl);
+	font-size: var(--font-size-base);
+	width: auto;
+	margin-top: 6px;
+}
+
+/* grupos */
+/* grupos */
+.containerTheBest {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 0px;
+}
+
+.containerTheBest1232 {
+	align-self: stretch;
+	width: auto;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 10px;
+}
+
+.containerTheBest960 {
+	gap: 10px;
+	width: 100%;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+}
+
+.containerTheBest320 {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 10px;
+}
+
+/* grupos */
+/* grupos */
+.titleSection {
+	align-self: stretch;
+	display: flex;
+    position: relative;
+	flex-wrap: wrap;
+	flex-direction: row;
+	padding: 0px 0px 15px 48px;
+	align-items: center;
+	justify-content: flex-start;
+}
+
+.titleSection540 {
+	align-self: stretch;
+	display: flex;
+    position: relative;
+	flex-direction: row;
+	align-items: center;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	padding: 0px 5px 15px 5px;
+	box-sizing: border-box;
+}
+
+/* grupos*/
+/* grupos */
+.containerTables {
+	align-self: stretch;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: center;
+	gap: 45px;
+	font-size: var(--font-size-5xl);
+	color: var(--color-whitesmoke);
+	width: 100% !important;
+}
+
+.containerTables960 {
+	align-self: stretch;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: center;
+	font-size: var(--font-size-5xl);
+	color: var(--color-whitesmoke);
+	width: 100% !important;
+	gap: var(--gap-21xl);
+	box-sizing: border-box;
+}
+
+.containerTables760 {
+	align-self: stretch;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: center;
+	font-size: var(--font-size-5xl);
+	color: var(--color-whitesmoke);
+	width: 100% !important;
+	gap: var(--gap-3xs);
+	box-sizing: border-box;
+}
+
+.containerTables320 {
+	align-self: stretch;
+	width: auto;
+	align-self: stretch;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	gap: var(--gap-21xl);
+	width: 100% !important;
+	align-items: flex-start;
+	justify-content: center;
+	font-size: var(--font-size-5xl);
+	color: var(--color-whitesmoke);
+}
+
+/* grupos */
+/* grupos */
+.toniKroosWrapper {
+	flex: 1;
+	border-radius: var(--br-xs);
+	height: auto;
+    min-height: 480px;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	min-width: 496px;
+	max-width: 496px;
+	margin-bottom: -50px;
+}
+
+.toniKroosWrapper1080 {
+	flex: 1;
+	border-radius: var(--br-xs);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	min-width: 456px;
+	max-width: 456px;
+	margin-bottom: -25px;
+}
+
+.toniKroosWrapper975 {
+	flex: 1;
+	border-radius: var(--br-xs);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	min-width: 426px;
+	max-width: 426px;
+	margin-bottom: -25px;
+}
+
+.toniKroosWrapper760 {
+	flex: 1;
+	border-radius: var(--br-xs);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	min-width: 360px;
+	max-width: 360px;
+	margin-bottom: 0px;
+}
+
+.toniKroosWrapper420 {
+	flex: 1;
+	border-radius: var(--br-xs);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	width: 330px;
+	min-width: 330px;
+	margin-bottom: 0px;
+}
+
+.toniKroosWrapper320 {
+	flex: 1;
+	border-radius: var(--br-xs);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	width: 310px;
+	min-width: 310px;
+	margin-bottom: -25px;
+}
+
+/* grupos */
+
+
+.frameChild {
+	position: relative;
+	width: 17px;
+	height: 10.03px;
+}
+
+.filtros {
+	position: relative;
+	line-height: 24px;
+}
+
+.groupParent {
+	flex: 1;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 9px;
+}
+
+.shapeIcon {
+	position: relative;
+	width: 8px;
+	height: 4px;
+}
+
+.btnFilters {
+	border-radius: var(--br-5xs);
+	background-color: var(--color-gray-600);
+	border: 1px solid rgba(255,255,255, .2);
+	box-sizing: border-box;
+	width: 145px;
+	display: flex;
+	flex-direction: row;
+	padding: var(--padding-xs);
+	align-items: center;
+	justify-content: flex-start;
+	gap: 43px;
+	height: 45px;
+	font-size: 14px;
+	color: rgba(255,255,255, .9);
+	font-family: 'Poppins-Regular', sans-serif;
+	cursor: pointer;
+}
+.btnFiltersPC {
+	border-radius: var(--br-5xs);
+	background-color: var(--color-gray-600);
+	border: 1px solid #566169;
+	box-sizing: border-box;
+	width: 115px;
+	display: flex;
+	flex-direction: row;
+	padding: 6px 12px;
+    margin-left: 12px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 43px;
+	font-size: 16px;
+	margin-top: 7px;
+}
+.btnFiltersPC:hover {
+    cursor: pointer;
+}
+.quitarFiltros{
+    color: rgba(255, 255, 255, 0.7);
+    text-decoration: underline;
+    font-size: 12px;
+    font-family: 'Poppins-Regular';
+    top: 1px;
+    right: 20px;
+    position: absolute;
+    text-align: center;
+    width: 110px;
+    height: 30px;
+    line-height: 30px;
+}
+.quitarFiltros:hover{
+    background: rgba(128, 128, 128, 0.15);
+    cursor: pointer;
+}
+
+.quitarFiltros730  {
+    color: #cccccc;
+    text-decoration: underline;
+    font-size: 12px;
+    font-family: 'Poppins-SemiBold';
+    top: -28px;
+    right: 20px;
+    position: absolute;
+    text-align: center;
+    width: 110px;
+    height: 30px;
+    line-height: 30px;
+}
+
+.quitarFiltros480{
+    color: #cccccc;
+    text-decoration: underline;
+    font-size: 10px;
+    font-family: 'Poppins-SemiBold';
+    top: -28px;
+    right: 0px;
+    position: absolute;
+    text-align: center;
+    width: 80px;
+    height: 30px;
+    line-height: 30px;
+}
+.quitarFiltros380{
+    color: #cccccc;
+    text-decoration: underline;
+    font-size: 12px;
+    font-family: 'Poppins-SemiBold';
+    top: -41px;
+    right: 0px;
+    position: absolute;
+    text-align: center;
+    width: 100px;
+    height: 30px;
+    line-height: 30px;
+}
+
+.btnCloseFilters {
+	cursor: pointer;
+	position: absolute;
+	left: 9%;
+    display: none;
+	margin-top: 90px;
+	background: url(https://az755631.vo.msecnd.net/todoelfut/icn_close.png);
+	width: 15px;
+	height: 15px;
+	background-size: 100%;
+	opacity: 0.7;
+}
+
+.mejoresJugadores {
+	position: relative;
+	font-weight: 500;
+}
+.mejoresJugadores730 {
+	position: relative;
+	font-weight: 500;
+    font-size: 14px;
+}
+.mejoresJugadores480 {
+	position: relative;
+	font-weight: 500;
+    font-size: 11px;
+}
+
+.mejoresJugadoresSM {
+	position: relative;
+	font-weight: 500;
+	font-size: 11px;
+}
+
+.toniKroos {
+	position: relative;
+	letter-spacing: 0.2px;
+	line-height: 20px;
+	font-weight: 500;
+}
+
+
+/* aqui esta el codigo */
+
+.teamBar {
+	align-self: stretch;
+	background-color: var(--color-gray-300);
+	box-shadow: 0px -1px 0px #3d4a54 inset;
+	height: 72px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-5xl);
+	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+.menuSection {
+	align-self: stretch;
+	height: 40px;
+	display: flex;
+	overflow: hidden;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+	position: relative;
+}
+
+.menuSection960 {
+	align-self: stretch;
+	overflow: hidden;
+	height: 40px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+	position: relative;
+}
+
+.containerMenu {
+	
+	display: inline-flex;
+	width: 100%;
+	align-items: center;
+	justify-content: center;
+	gap: 10px;
+
+}
+.containerMenu760{
+	display: flex;
+	margin: 0 auto;
+	gap: 15px;
+	flex-direction: column;
+}
+
+.containerFilters {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xl);
+	font-size: var(--font-size-sm);
+	margin-top: -3px;
+}
+
+.teamBarParent {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	align-items: left;
+	justify-content: flex-start;
+	gap: var(--gap-base);
+}
+
+.topFilters {
+	align-self: stretch;
+	border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
+/*	background-color: var(--color-gray-300); */
+	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-base) var(--padding-base);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: center;
+	font-size: var(--font-size-smi);
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+}
+
+.topFilters1232 {
+	align-self: stretch;
+	border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
+/*	background-color: var(--color-gray-300); */
+	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-base) var(--padding-base);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: center;
+	font-size: var(--font-size-smi);
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+	width: auto;
+}
+
+.topFilters420 {
+	align-self: stretch;
+	border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
+/*	background-color: var(--color-gray-300); */
+	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-base) var(--padding-base);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: center;
+	font-size: var(--font-size-smi);
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+}
+
+.topFilters460 {
+	align-self: stretch;
+	border-radius: var(--br-5xs) var(--br-5xs) 0px 0px;
+/*	background-color: var(--color-gray-300); */
+	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
+	display: flex;
+	flex-direction: column;
+	padding: 0px 6px 16px;
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: center;
+	font-size: var(--font-size-smi);
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+}
+
+/* coidgo */
+
+.losMejores {
+	margin: 0;
+	align-self: stretch;
+	position: relative;
+	margin-top: 20px;
+	font-size: inherit;
+	font-weight: 500;
+	font-family: inherit;
+}
+.losMejores380{
+    margin: 0;
+    width: 30%;
+    height: 42px;
+	align-self: stretch;
+	position: relative;
+	margin-top: 20px;
+	font-size: inherit;
+    margin-top: 0px;
+    line-height: 42px;
+    font-size: 14px;
+	font-weight: 500;
+	font-family: inherit;
+}
+.losMejores530{
+    margin: 0;
+    width: 30%;
+    height: 42px;
+	align-self: stretch;
+	position: relative;
+	margin-top: 20px;
+	font-size: inherit;
+    margin-top: 0px;
+    line-height: 42px;
+    font-size: 16px;
+	font-weight: 500;
+	font-family: inherit;
+}
+.losMejores730{
+    margin: 0;
+    width: 33.3%;
+    height: 42px;
+	align-self: stretch;
+	position: relative;
+	margin-top: 20px;
+	font-size: inherit;
+    margin-top: 0px;
+    line-height: 42px;
+    font-size: 18px;
+	font-weight: 500;
+	font-family: inherit;
+}
+
+.menuSectionHeader {
+	min-width: 392px !important;
+	max-width: 300px !important;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+}
+
+.menuSectionHeader1232 {
+	min-width: 392px !important;
+	max-width: 300px !important;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+
+	width: auto;
+	align-self: unset;
+}
+
+.menuSectionHeader960 {
+	min-width: 392px;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+	gap: var(--gap-0);
+	align-items: flex-start;
+	justify-content: flex-start;
+}
+
+.menuSectionHeader730 {
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+	min-width: 392px;
+	height: 42px;
+	flex: 1;
+}
+
+.dropdown {
+	flex: 1;
+	border-radius: var(--br-9xs);
+	box-sizing: border-box;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	
+	align-items: center;
+	justify-content: space-between;
+}
+.dropdown730 {
+	border-radius: var(--br-9xs);
+	box-sizing: border-box;
+	height: 42px;
+    width: 33.3%;
+	color: var(--color-gray-100);
+}
+
+.dropdown1 {
+	flex: 1;
+	border-radius: var(--br-9xs);
+	box-sizing: border-box;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	
+	align-items: center;
+	justify-content: space-between;
+	color: var(--color-gray-100);
+}
+.dropdown1730 {
+	border-radius: var(--br-9xs);
+	box-sizing: border-box;
+	height: 42px;
+    width: 33.3%;
+	color: var(--color-gray-100);
+}
+
+.dropdownParent {
+	width: 312px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: flex-start;
+	gap: var(--gap-xs);
+	text-align: left;
+	font-size: var(--font-size-sm);
+	z-index: 4;
+}
+
+.dropdownParent730 {
+	flex: 1;
+	width: 100%;
+
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: flex-start;
+	gap: var(--gap-xs);
+	text-align: left;
+	font-size: var(--font-size-sm);
+
+	padding-left: 0px;
+	padding-right: 0px;
+	box-sizing: border-box;
+	margin-top: 10px;
+}
+
+.menuSectionParentHeader {
+	width: 100%;
+	align-self: stretch;
+	display: flex;
+	margin-top: 20px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: flex-end;
+	justify-content: space-between;
+	text-align: center;
+	font-size: var(--font-size-base);
+}
+
+.menuSectionParentHeader1232 {
+	align-self: stretch;
+	display: flex;
+	margin-top: 20px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	text-align: center;
+	font-size: var(--font-size-base);
+	align-items: flex-end;
+	justify-content: space-between;
+	gap: var(--gap-0);
+}
+
+.menuSectionParentHeader960 {
+	align-self: stretch;
+	display: flex;
+	margin-top: 20px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	text-align: center;
+	font-size: var(--font-size-base);
+	align-self: stretch;
+	width: auto;
+	gap: var(--gap-0);
+	align-items: center;
+	justify-content: space-between;
+}
+
+.menuSectionParentHeader730 {
+	align-self: stretch;
+	margin-top: -20px;
+	text-align: center;
+	font-size: var(--font-size-base);
+    display: flex;
+    flex-direction: column-reverse;
+    justify-content: space-between;
+    align-items: center;
+	gap: var(--gap-base);
+	
+
+	box-sizing: border-box;
+}
+
+.menuSectionParentHeader430 {
+	align-self: stretch;
+
+	margin-top: 0px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	text-align: center;
+	font-size: var(--font-size-base);
+
+	gap: var(--gap-base);
+	align-items: center;
+	display: inline-block;
+	justify-content: center;
+	display: flex;
+	box-sizing: border-box;
+}
+
+.descubreVideos {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px var(--padding-9xs);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: left;
+	font-size: var(--font-size-3xl);
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+}
+
+.descubreVideos1232 {
+
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px var(--padding-9xs);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: left;
+	font-size: var(--font-size-3xl);
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+	width: auto;
+}
+
+.descubreVideos960 {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px var(--padding-9xs);
+	align-items: flex-start;
+	text-align: left;
+	font-size: var(--font-size-3xl);
+	color: var(--color-white);
+	font-family: var(--font-poppins);
+
+	flex-direction: column;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: var(--gap-0);
+}
+
+.allCategories {
+	height: 35px;
+	background-color: rgb(35, 48, 59);
+	border-radius: 30px;
+	color: rgba(255, 255, 255, 0.7);
+	padding: 0 14px;
+	display: flex;
+	font-size: 11px;
+	margin-left: 13px;
+	align-items: center;
 }