@golstats/gsc-top-player 1.0.11 → 1.0.13

package/dist/styles.css

@@ -1,1176 +1,1176 @@
-body {
-  margin: 0;
-  line-height: normal;
-}
-
-:root {
-  /* fonts */
-  --font-poppins: 'Poppins-Regular';
-
-  /* font sizes */
-  --font-size-smicom: 13px;
-  --font-size-smcom: 14px;
-  --font-size-5xlcom: 24px;
-  --font-size-basecom: 16px;
-  --font-size-3xlcom: 22px;
-
-  /* Colors */
-  --color-gray-100com: #fafafb;
-  --color-gray-200com: #122736;
-  --color-gray-300com: #172531;
-  --color-gray-400com: #0d1d29;
-  --color-gray-500com: rgba(255, 255, 255, 0.4);
-  --color-gray-600com: rgba(255, 255, 255, 0.05);
-  --color-gray-700com: rgba(255, 255, 255, 0.2);
-  --color-gray-800com: rgba(255, 255, 255, 0.1);
-  --color-gray-900com: rgba(255, 255, 255, 0.04);
-  --color-gray-1000com: rgba(116, 125, 132, 0.6);
-  --color-yellowgreencom: #cbee6b;
-  --color-whitecom: #fff;
-  --color-darkslategraycom: #3d4a54;
-  --color-steelbluecom: #275075;
-  --color-whitesmokecom: #f4f4f4;
-  --color-dimgraycom: #566169;
-  --color-slategraycom: #667085;
-
-  /* Gaps */
-  --gap-smicom: 13px;
-  --gap-35xlcom: 48px;
-  --gap-xlcom: 20px;
-  --gap-45xlcom: 64px;
-  --gap-21xlcom: 40px;
-  --gap-basecom: 8px;
-  --gap-3xscom: 10px;
-  --gap-7xscom: 6px;
-  --gap-0com: 0px;
-  --gap-5xlcom: 24px;
-  --gap-xscom: 12px;
-  --gap-11xs-6com: 1.6px;
-
-  /* Paddings */
-  --padding-3xscom: 10px;
-  --padding-9xscom: 4px;
-  --padding-5xscom: 8px;
-  --padding-basecom: 16px;
-  --padding-xscom: 12px;
-  --padding-31xlcom: 50px;
-  --padding-xlcom: 20px;
-  --padding-61xlcom: 80px;
-  --padding-5xlcom: 24px;
-  --padding-smicom: 13px;
-
-  /* Border radiuses */
-  --br-6xlcom: 25px;
-  --br-31xlcom: 50px;
-  --br-9xscom: 4px;
-  --br-5xscom: 8px;
-  --br-46xlcom: 65px;
-  --br-xscom: 12px;
-}
-
-/* grupos */
-.comfiltersContainer {
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  display: none;
-  justify-content: flex-start;
-}
-
-.comfiltersContainer1232 {
-  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;
-}
-.comtextleyemdmultipleleagues {
-  font-size: 12px;
-  color: rgb(167, 167, 167);
-}
-.comtextleyemdmultipleleagues380 {
-  font-size: 10px;
-  color: rgb(167, 167, 167);
-}
-
-.comfiltersContainer760 {
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.comfiltersContainer460 {
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-/* grupos */
-/* grupos */
-.comcontainerSection {
-  align-self: stretch;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  padding: 0px var(--padding-xscom);
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-xlcom);
-  text-align: left;
-  font-size: 15px;
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-}
-
-.comcontainerSection1232 {
-  align-self: stretch;
-  width: auto;
-  padding-left: var(--padding-31xlcom);
-  padding-right: var(--padding-31xlcom);
-  box-sizing: border-box;
-  align-self: stretch;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  padding: 0px var(--padding-xscom);
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-xlcom);
-  text-align: left;
-  font-size: 15px;
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-}
-
-.comcontainerSection960 {
-  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-xscom);
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-xlcom);
-  text-align: left;
-  font-size: 15px;
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-}
-
-.comcontainerSection320 {
-  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-whitecom);
-  font-family: var(--font-poppins);
-  margin: 0 auto;
-  gap: 10px;
-}
-
-.comcontainerSection350 {
-  width: 99%;
-  align-self: stretch;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-xlcom);
-  text-align: left;
-  font-size: 15px;
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-}
-
-/* grupos*/
-/* grupos: */
-.comtemplateLosMejores1 {
-  position: relative;
-
-  width: 100%;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores11232 {
-  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-35xlcom);
-}
-
-.comtemplateLosMejores1960 {
-  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-35xlcom);
-}
-
-.comtemplateLosMejores1420 {
-  position: relative;
-  overflow: hidden;
-  width: auto;
-  min-width: 320px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores1320 {
-  position: relative;
-  width: auto;
-  align-self: unset;
-  display: flex;
-  overflow: hidden;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores1540 {
-  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-35xlcom);
-}
-
-.comtemplateLosMejores1350 {
-  position: relative;
-  width: auto;
-  overflow: hidden;
-  align-self: unset;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-/* grupos: */
-/* grupos */
-.comtopFiltersParent {
-  align-self: stretch;
-  border-radius: var(--br-5xscom);
-  background-color: #172531;
-  display: flex;
-  flex-direction: column;
-  padding: 0px 0px 50px;
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-35xlcom);
-  font-size: var(--font-size-basecom);
-}
-
-.comtopFiltersParent1232 {
-  align-self: stretch;
-  border-radius: var(--br-5xscom);
-  background-color: #172531;
-  display: flex;
-  flex-direction: column;
-  padding: 0px 0px 50px;
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-35xlcom);
-  font-size: var(--font-size-basecom);
-  width: auto;
-  min-height: 1100px;
-  margin-top: -170px;
-}
-
-.comtopFiltersParent960 {
-  align-self: stretch;
-  border-radius: var(--br-5xscom);
-  background-color: #172531;
-  display: flex;
-  flex-direction: column;
-  padding: 0px 0px 50px;
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-35xlcom);
-  font-size: var(--font-size-basecom);
-  width: auto;
-}
-
-.comtopFiltersParent460 {
-  align-self: stretch;
-  border-radius: var(--br-5xscom);
-  background-color: #172531;
-  display: flex;
-  flex-direction: column;
-  padding: 0px 0px 50px;
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-35xlcom);
-  font-size: var(--font-size-basecom);
-  width: auto;
-  margin-top: -195px;
-}
-.comtopFiltersParent420 {
-  align-self: stretch;
-  border-radius: var(--br-5xscom);
-  background-color: #172531;
-  display: flex;
-  flex-direction: column;
-  padding: 0px 0px 50px;
-  align-items: center;
-  justify-content: flex-start;
-  gap: var(--gap-35xlcom);
-  font-size: var(--font-size-basecom);
-  width: auto;
-  margin-top: -195px;
-}
-
-/* grupos */
-/* grupos */
-.comcontainerTheBest {
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 0px;
-}
-
-.comcontainerTheBest1232 {
-  align-self: stretch;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 10px;
-}
-
-.comcontainerTheBest960 {
-  gap: 10px;
-  width: 100%;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-}
-
-.comcontainerTheBest320 {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 10px;
-}
-
-/* grupos */
-/* grupos */
-.comtitleSection {
-  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;
-}
-
-.comtitleSection540 {
-  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 */
-.comcontainerTables {
-  width: 100%;
-  max-width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: flex-start;
-  font-size: var(--font-size-5xlcom);
-  color: var(--color-whitesmokecom);
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.comcontainerTables960 {
-  width: 100%;
-  max-width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: flex-start;
-  font-size: var(--font-size-5xlcom);
-  color: var(--color-whitesmokecom);
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.comcontainerTables760 {
-  width: 100%;
-  max-width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: flex-start;
-  font-size: var(--font-size-5xlcom);
-  color: var(--color-whitesmokecom);
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.comcontainerTables320 {
-  width: 100%;
-  max-width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: flex-start;
-  font-size: var(--font-size-5xlcom);
-  color: var(--color-whitesmokecom);
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-/* grupos */
-/* grupos */
-.comtoniKroosWrapper {
-  width: 100%;
-  max-width: 100%;
-  border-radius: var(--br-xscom);
-  height: auto;
-  min-height: 480px;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  align-items: stretch;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.comtoniKroosWrapper1080 {
-  width: 100%;
-  max-width: 100%;
-  border-radius: var(--br-xscom);
-  height: auto;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  align-items: stretch;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.comtoniKroosWrapper975 {
-  width: 100%;
-  max-width: 100%;
-  border-radius: var(--br-xscom);
-  height: auto;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  align-items: stretch;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.comtoniKroosWrapper760 {
-  width: 100%;
-  max-width: 100%;
-  border-radius: var(--br-xscom);
-  height: auto;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  align-items: stretch;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.comtoniKroosWrapper420 {
-  width: 100%;
-  max-width: 100%;
-  border-radius: var(--br-xscom);
-  height: auto;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  align-items: stretch;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.comtoniKroosWrapper320 {
-  width: 100%;
-  max-width: 100%;
-  border-radius: var(--br-xscom);
-  height: auto;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  align-items: stretch;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-/* 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-5xscom);
-  background-color: var(--color-gray-600com);
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  box-sizing: border-box;
-  width: 145px;
-  display: flex;
-  flex-direction: row;
-  padding: var(--padding-xscom);
-  align-items: center;
-  justify-content: flex-start;
-  gap: 43px;
-  height: 45px;
-  font-size: 14px;
-  color: rgba(255, 255, 255, 0.9);
-  font-family: 'Poppins-Regular', sans-serif;
-  cursor: pointer;
-}
-.btnFiltersPC {
-  border-radius: var(--br-5xscom);
-  background-color: var(--color-gray-600com);
-  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;
-}
-.comquitarFiltros {
-  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;
-}
-.comquitarFiltros:hover {
-  background: rgba(128, 128, 128, 0.15);
-  cursor: pointer;
-}
-
-.comquitarFiltros730 {
-  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;
-}
-
-.comquitarFiltros480 {
-  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;
-}
-.comquitarFiltros380 {
-  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://golstatsimages.blob.core.windows.net/todoelfut/icn_close.png);
-  width: 15px;
-  height: 15px;
-  background-size: 100%;
-  opacity: 0.7;
-}
-
-.commejoresJugadores {
-  position: relative;
-  font-weight: 500;
-}
-.commejoresJugadores730 {
-  position: relative;
-  font-weight: 500;
-  font-size: 14px;
-}
-.commejoresJugadores480 {
-  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-300com);
-  box-shadow: 0px -1px 0px #3d4a54 inset;
-  height: 72px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: var(--gap-5xlcom);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
-}
-
-.commenuSection {
-  align-self: stretch;
-  height: 40px;
-  display: flex;
-  overflow: hidden;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: center;
-  position: relative;
-}
-
-.commenuSection960 {
-  align-self: stretch;
-  overflow: hidden;
-  height: 40px;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: center;
-  position: relative;
-}
-
-.comcontainerMenu {
-  display: inline-flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-}
-.comcontainerMenu760 {
-  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-xlcom);
-  font-size: var(--font-size-smcom);
-  margin-top: -3px;
-}
-
-.teamBarParent {
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  align-items: left;
-  justify-content: flex-start;
-  gap: var(--gap-basecom);
-}
-
-.comtopFilters {
-  align-self: stretch;
-  border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
-  /*	background-color: var(--color-gray-300com); */
-  display: flex;
-  flex-direction: column;
-  padding: 0px var(--padding-basecom) var(--padding-basecom);
-  align-items: flex-start;
-  justify-content: flex-start;
-  text-align: center;
-  font-size: var(--font-size-smicom);
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-}
-
-.comtopFilters1232 {
-  align-self: stretch;
-  border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
-  /*	background-color: var(--color-gray-300com); */
-  display: flex;
-  flex-direction: column;
-  padding: 0px var(--padding-basecom) var(--padding-basecom);
-  align-items: flex-start;
-  justify-content: flex-start;
-  text-align: center;
-  font-size: var(--font-size-smicom);
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-  width: auto;
-}
-
-.comtopFilters420 {
-  align-self: stretch;
-  border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
-  /*	background-color: var(--color-gray-300com); */
-  display: flex;
-  flex-direction: column;
-  padding: 0px var(--padding-basecom) var(--padding-basecom);
-  align-items: flex-start;
-  justify-content: flex-start;
-  text-align: center;
-  font-size: var(--font-size-smicom);
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-}
-
-.comtopFilters460 {
-  align-self: stretch;
-  border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
-  /*	background-color: var(--color-gray-300com); */
-  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-smicom);
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-}
-
-/* coidgo */
-
-.comlosMejores {
-  margin: 0;
-  align-self: stretch;
-  position: relative;
-  margin-top: 20px;
-  font-size: inherit;
-  font-weight: 500;
-  font-family: inherit;
-}
-.comlosMejores380 {
-  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;
-}
-.comlosMejores530 {
-  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;
-}
-.comlosMejores730 {
-  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;
-}
-
-.commenuSectionHeader {
-  min-width: 392px !important;
-  max-width: 300px !important;
-  height: 42px;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: center;
-}
-
-.commenuSectionHeader1232 {
-  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;
-}
-
-.commenuSectionHeader960 {
-  min-width: 392px;
-  height: 42px;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: center;
-  gap: var(--gap-0com);
-  align-items: flex-start;
-  justify-content: flex-start;
-}
-
-.commenuSectionHeader730 {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: center;
-  min-width: 392px;
-  height: 42px;
-  flex: 1;
-}
-
-.comdropdown {
-  flex: 1;
-  border-radius: var(--br-9xscom);
-  box-sizing: border-box;
-  height: 42px;
-  display: flex;
-  flex-direction: row;
-
-  align-items: center;
-  justify-content: space-between;
-}
-.comdropdown730 {
-  border-radius: var(--br-9xscom);
-  box-sizing: border-box;
-  height: 42px;
-  width: 33.3%;
-  color: var(--color-gray-100com);
-}
-
-.comdropdown1 {
-  flex: 1;
-  border-radius: var(--br-9xscom);
-  box-sizing: border-box;
-  height: 42px;
-  display: flex;
-  flex-direction: row;
-
-  align-items: center;
-  justify-content: space-between;
-  color: var(--color-gray-100com);
-}
-.comdropdown1730 {
-  border-radius: var(--br-9xscom);
-  box-sizing: border-box;
-  height: 42px;
-  width: 33.3%;
-  color: var(--color-gray-100com);
-}
-
-.comdropdownParent {
-  width: 312px;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: flex-start;
-  gap: var(--gap-xscom);
-  text-align: left;
-  font-size: var(--font-size-smcom);
-  z-index: 4;
-}
-
-.comdropdownParent730 {
-  flex: 1;
-  width: 100%;
-
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: flex-start;
-  gap: var(--gap-xscom);
-  text-align: left;
-  font-size: var(--font-size-smcom);
-
-  padding-left: 0px;
-  padding-right: 0px;
-  box-sizing: border-box;
-  margin-top: 10px;
-}
-
-.commenuSectionParentHeader {
-  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-basecom);
-}
-
-.commenuSectionParentHeader1232 {
-  align-self: stretch;
-  display: flex;
-  margin-top: 20px;
-  flex-direction: row;
-  flex-wrap: wrap;
-  text-align: center;
-  font-size: var(--font-size-basecom);
-  align-items: flex-end;
-  justify-content: space-between;
-  gap: var(--gap-0com);
-}
-
-.commenuSectionParentHeader960 {
-  align-self: stretch;
-  display: flex;
-  margin-top: 20px;
-  flex-direction: row;
-  flex-wrap: wrap;
-  text-align: center;
-  font-size: var(--font-size-basecom);
-  align-self: stretch;
-  width: auto;
-  gap: var(--gap-0com);
-  align-items: center;
-  justify-content: space-between;
-}
-
-.commenuSectionParentHeader730 {
-  align-self: stretch;
-  margin-top: -20px;
-  text-align: center;
-  font-size: var(--font-size-basecom);
-  display: flex;
-  flex-direction: column-reverse;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--gap-basecom);
-
-  box-sizing: border-box;
-}
-
-.commenuSectionParentHeader430 {
-  align-self: stretch;
-
-  margin-top: 0px;
-  flex-direction: row;
-  flex-wrap: wrap;
-  text-align: center;
-  font-size: var(--font-size-basecom);
-
-  gap: var(--gap-basecom);
-  align-items: center;
-  display: inline-block;
-  justify-content: center;
-  display: flex;
-  box-sizing: border-box;
-}
-
-.comdescubreVideos {
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  padding: 0px 0px var(--padding-9xscom);
-  align-items: flex-start;
-  justify-content: flex-start;
-  text-align: left;
-  font-size: var(--font-size-3xlcom);
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-}
-
-.comdescubreVideos1232 {
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  padding: 0px 0px var(--padding-9xscom);
-  align-items: flex-start;
-  justify-content: flex-start;
-  text-align: left;
-  font-size: var(--font-size-3xlcom);
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-  width: auto;
-}
-
-.comdescubreVideos960 {
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  padding: 0px 0px var(--padding-9xscom);
-  align-items: flex-start;
-  text-align: left;
-  font-size: var(--font-size-3xlcom);
-  color: var(--color-whitecom);
-  font-family: var(--font-poppins);
-
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: var(--gap-0com);
-}
-
-.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-smicom: 13px;
+  --font-size-smcom: 14px;
+  --font-size-5xlcom: 24px;
+  --font-size-basecom: 16px;
+  --font-size-3xlcom: 22px;
+
+  /* Colors */
+  --color-gray-100com: #fafafb;
+  --color-gray-200com: #122736;
+  --color-gray-300com: #172531;
+  --color-gray-400com: #0d1d29;
+  --color-gray-500com: rgba(255, 255, 255, 0.4);
+  --color-gray-600com: rgba(255, 255, 255, 0.05);
+  --color-gray-700com: rgba(255, 255, 255, 0.2);
+  --color-gray-800com: rgba(255, 255, 255, 0.1);
+  --color-gray-900com: rgba(255, 255, 255, 0.04);
+  --color-gray-1000com: rgba(116, 125, 132, 0.6);
+  --color-yellowgreencom: #cbee6b;
+  --color-whitecom: #fff;
+  --color-darkslategraycom: #3d4a54;
+  --color-steelbluecom: #275075;
+  --color-whitesmokecom: #f4f4f4;
+  --color-dimgraycom: #566169;
+  --color-slategraycom: #667085;
+
+  /* Gaps */
+  --gap-smicom: 13px;
+  --gap-35xlcom: 48px;
+  --gap-xlcom: 20px;
+  --gap-45xlcom: 64px;
+  --gap-21xlcom: 40px;
+  --gap-basecom: 8px;
+  --gap-3xscom: 10px;
+  --gap-7xscom: 6px;
+  --gap-0com: 0px;
+  --gap-5xlcom: 24px;
+  --gap-xscom: 12px;
+  --gap-11xs-6com: 1.6px;
+
+  /* Paddings */
+  --padding-3xscom: 10px;
+  --padding-9xscom: 4px;
+  --padding-5xscom: 8px;
+  --padding-basecom: 16px;
+  --padding-xscom: 12px;
+  --padding-31xlcom: 50px;
+  --padding-xlcom: 20px;
+  --padding-61xlcom: 80px;
+  --padding-5xlcom: 24px;
+  --padding-smicom: 13px;
+
+  /* Border radiuses */
+  --br-6xlcom: 25px;
+  --br-31xlcom: 50px;
+  --br-9xscom: 4px;
+  --br-5xscom: 8px;
+  --br-46xlcom: 65px;
+  --br-xscom: 12px;
+}
+
+/* grupos */
+.comfiltersContainer {
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  display: none;
+  justify-content: flex-start;
+}
+
+.comfiltersContainer1232 {
+  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;
+}
+.comtextleyemdmultipleleagues {
+  font-size: 12px;
+  color: rgb(167, 167, 167);
+}
+.comtextleyemdmultipleleagues380 {
+  font-size: 10px;
+  color: rgb(167, 167, 167);
+}
+
+.comfiltersContainer760 {
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.comfiltersContainer460 {
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+/* grupos */
+/* grupos */
+.comcontainerSection {
+  align-self: stretch;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 0px var(--padding-xscom);
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-xlcom);
+  text-align: left;
+  font-size: 15px;
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+}
+
+.comcontainerSection1232 {
+  align-self: stretch;
+  width: auto;
+  padding-left: var(--padding-31xlcom);
+  padding-right: var(--padding-31xlcom);
+  box-sizing: border-box;
+  align-self: stretch;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 0px var(--padding-xscom);
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-xlcom);
+  text-align: left;
+  font-size: 15px;
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+}
+
+.comcontainerSection960 {
+  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-xscom);
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-xlcom);
+  text-align: left;
+  font-size: 15px;
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+}
+
+.comcontainerSection320 {
+  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-whitecom);
+  font-family: var(--font-poppins);
+  margin: 0 auto;
+  gap: 10px;
+}
+
+.comcontainerSection350 {
+  width: 99%;
+  align-self: stretch;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-xlcom);
+  text-align: left;
+  font-size: 15px;
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+}
+
+/* grupos*/
+/* grupos: */
+.comtemplateLosMejores1 {
+  position: relative;
+
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores11232 {
+  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-35xlcom);
+}
+
+.comtemplateLosMejores1960 {
+  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-35xlcom);
+}
+
+.comtemplateLosMejores1420 {
+  position: relative;
+  overflow: hidden;
+  width: auto;
+  min-width: 320px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores1320 {
+  position: relative;
+  width: auto;
+  align-self: unset;
+  display: flex;
+  overflow: hidden;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores1540 {
+  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-35xlcom);
+}
+
+.comtemplateLosMejores1350 {
+  position: relative;
+  width: auto;
+  overflow: hidden;
+  align-self: unset;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+/* grupos: */
+/* grupos */
+.comtopFiltersParent {
+  align-self: stretch;
+  border-radius: var(--br-5xscom);
+  background-color: #172531;
+  display: flex;
+  flex-direction: column;
+  padding: 0px 0px 50px;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-35xlcom);
+  font-size: var(--font-size-basecom);
+}
+
+.comtopFiltersParent1232 {
+  align-self: stretch;
+  border-radius: var(--br-5xscom);
+  background-color: #172531;
+  display: flex;
+  flex-direction: column;
+  padding: 0px 0px 50px;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-35xlcom);
+  font-size: var(--font-size-basecom);
+  width: auto;
+  min-height: 1100px;
+  margin-top: -170px;
+}
+
+.comtopFiltersParent960 {
+  align-self: stretch;
+  border-radius: var(--br-5xscom);
+  background-color: #172531;
+  display: flex;
+  flex-direction: column;
+  padding: 0px 0px 50px;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-35xlcom);
+  font-size: var(--font-size-basecom);
+  width: auto;
+}
+
+.comtopFiltersParent460 {
+  align-self: stretch;
+  border-radius: var(--br-5xscom);
+  background-color: #172531;
+  display: flex;
+  flex-direction: column;
+  padding: 0px 0px 50px;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-35xlcom);
+  font-size: var(--font-size-basecom);
+  width: auto;
+  margin-top: -195px;
+}
+.comtopFiltersParent420 {
+  align-self: stretch;
+  border-radius: var(--br-5xscom);
+  background-color: #172531;
+  display: flex;
+  flex-direction: column;
+  padding: 0px 0px 50px;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--gap-35xlcom);
+  font-size: var(--font-size-basecom);
+  width: auto;
+  margin-top: -195px;
+}
+
+/* grupos */
+/* grupos */
+.comcontainerTheBest {
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0px;
+}
+
+.comcontainerTheBest1232 {
+  align-self: stretch;
+  width: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 10px;
+}
+
+.comcontainerTheBest960 {
+  gap: 10px;
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.comcontainerTheBest320 {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 10px;
+}
+
+/* grupos */
+/* grupos */
+.comtitleSection {
+  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;
+}
+
+.comtitleSection540 {
+  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 */
+.comcontainerTables {
+  width: 100%;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  font-size: var(--font-size-5xlcom);
+  color: var(--color-whitesmokecom);
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.comcontainerTables960 {
+  width: 100%;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  font-size: var(--font-size-5xlcom);
+  color: var(--color-whitesmokecom);
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.comcontainerTables760 {
+  width: 100%;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  font-size: var(--font-size-5xlcom);
+  color: var(--color-whitesmokecom);
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.comcontainerTables320 {
+  width: 100%;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  font-size: var(--font-size-5xlcom);
+  color: var(--color-whitesmokecom);
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+/* grupos */
+/* grupos */
+.comtoniKroosWrapper {
+  width: 100%;
+  max-width: 100%;
+  border-radius: var(--br-xscom);
+  height: auto;
+  min-height: 480px;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 0;
+}
+
+.comtoniKroosWrapper1080 {
+  width: 100%;
+  max-width: 100%;
+  border-radius: var(--br-xscom);
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 0;
+}
+
+.comtoniKroosWrapper975 {
+  width: 100%;
+  max-width: 100%;
+  border-radius: var(--br-xscom);
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 0;
+}
+
+.comtoniKroosWrapper760 {
+  width: 100%;
+  max-width: 100%;
+  border-radius: var(--br-xscom);
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 0;
+}
+
+.comtoniKroosWrapper420 {
+  width: 100%;
+  max-width: 100%;
+  border-radius: var(--br-xscom);
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 0;
+}
+
+.comtoniKroosWrapper320 {
+  width: 100%;
+  max-width: 100%;
+  border-radius: var(--br-xscom);
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0;
+  padding: 0;
+}
+
+/* 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-5xscom);
+  background-color: var(--color-gray-600com);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  box-sizing: border-box;
+  width: 145px;
+  display: flex;
+  flex-direction: row;
+  padding: var(--padding-xscom);
+  align-items: center;
+  justify-content: flex-start;
+  gap: 43px;
+  height: 45px;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.9);
+  font-family: 'Poppins-Regular', sans-serif;
+  cursor: pointer;
+}
+.btnFiltersPC {
+  border-radius: var(--br-5xscom);
+  background-color: var(--color-gray-600com);
+  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;
+}
+.comquitarFiltros {
+  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;
+}
+.comquitarFiltros:hover {
+  background: rgba(128, 128, 128, 0.15);
+  cursor: pointer;
+}
+
+.comquitarFiltros730 {
+  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;
+}
+
+.comquitarFiltros480 {
+  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;
+}
+.comquitarFiltros380 {
+  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://golstatsimages.blob.core.windows.net/todoelfut/icn_close.png);
+  width: 15px;
+  height: 15px;
+  background-size: 100%;
+  opacity: 0.7;
+}
+
+.commejoresJugadores {
+  position: relative;
+  font-weight: 500;
+}
+.commejoresJugadores730 {
+  position: relative;
+  font-weight: 500;
+  font-size: 14px;
+}
+.commejoresJugadores480 {
+  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-300com);
+  box-shadow: 0px -1px 0px #3d4a54 inset;
+  height: 72px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: var(--gap-5xlcom);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+.commenuSection {
+  align-self: stretch;
+  height: 40px;
+  display: flex;
+  overflow: hidden;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: center;
+  position: relative;
+}
+
+.commenuSection960 {
+  align-self: stretch;
+  overflow: hidden;
+  height: 40px;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: center;
+  position: relative;
+}
+
+.comcontainerMenu {
+  display: inline-flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+.comcontainerMenu760 {
+  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-xlcom);
+  font-size: var(--font-size-smcom);
+  margin-top: -3px;
+}
+
+.teamBarParent {
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  align-items: left;
+  justify-content: flex-start;
+  gap: var(--gap-basecom);
+}
+
+.comtopFilters {
+  align-self: stretch;
+  border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
+  /*	background-color: var(--color-gray-300com); */
+  display: flex;
+  flex-direction: column;
+  padding: 0px var(--padding-basecom) var(--padding-basecom);
+  align-items: flex-start;
+  justify-content: flex-start;
+  text-align: center;
+  font-size: var(--font-size-smicom);
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+}
+
+.comtopFilters1232 {
+  align-self: stretch;
+  border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
+  /*	background-color: var(--color-gray-300com); */
+  display: flex;
+  flex-direction: column;
+  padding: 0px var(--padding-basecom) var(--padding-basecom);
+  align-items: flex-start;
+  justify-content: flex-start;
+  text-align: center;
+  font-size: var(--font-size-smicom);
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+  width: auto;
+}
+
+.comtopFilters420 {
+  align-self: stretch;
+  border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
+  /*	background-color: var(--color-gray-300com); */
+  display: flex;
+  flex-direction: column;
+  padding: 0px var(--padding-basecom) var(--padding-basecom);
+  align-items: flex-start;
+  justify-content: flex-start;
+  text-align: center;
+  font-size: var(--font-size-smicom);
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+}
+
+.comtopFilters460 {
+  align-self: stretch;
+  border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
+  /*	background-color: var(--color-gray-300com); */
+  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-smicom);
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+}
+
+/* coidgo */
+
+.comlosMejores {
+  margin: 0;
+  align-self: stretch;
+  position: relative;
+  margin-top: 20px;
+  font-size: inherit;
+  font-weight: 500;
+  font-family: inherit;
+}
+.comlosMejores380 {
+  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;
+}
+.comlosMejores530 {
+  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;
+}
+.comlosMejores730 {
+  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;
+}
+
+.commenuSectionHeader {
+  min-width: 392px !important;
+  max-width: 300px !important;
+  height: 42px;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.commenuSectionHeader1232 {
+  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;
+}
+
+.commenuSectionHeader960 {
+  min-width: 392px;
+  height: 42px;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: center;
+  gap: var(--gap-0com);
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+
+.commenuSectionHeader730 {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: center;
+  min-width: 392px;
+  height: 42px;
+  flex: 1;
+}
+
+.comdropdown {
+  flex: 1;
+  border-radius: var(--br-9xscom);
+  box-sizing: border-box;
+  height: 42px;
+  display: flex;
+  flex-direction: row;
+
+  align-items: center;
+  justify-content: space-between;
+}
+.comdropdown730 {
+  border-radius: var(--br-9xscom);
+  box-sizing: border-box;
+  height: 42px;
+  width: 33.3%;
+  color: var(--color-gray-100com);
+}
+
+.comdropdown1 {
+  flex: 1;
+  border-radius: var(--br-9xscom);
+  box-sizing: border-box;
+  height: 42px;
+  display: flex;
+  flex-direction: row;
+
+  align-items: center;
+  justify-content: space-between;
+  color: var(--color-gray-100com);
+}
+.comdropdown1730 {
+  border-radius: var(--br-9xscom);
+  box-sizing: border-box;
+  height: 42px;
+  width: 33.3%;
+  color: var(--color-gray-100com);
+}
+
+.comdropdownParent {
+  width: 312px;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-start;
+  gap: var(--gap-xscom);
+  text-align: left;
+  font-size: var(--font-size-smcom);
+  z-index: 4;
+}
+
+.comdropdownParent730 {
+  flex: 1;
+  width: 100%;
+
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-start;
+  gap: var(--gap-xscom);
+  text-align: left;
+  font-size: var(--font-size-smcom);
+
+  padding-left: 0px;
+  padding-right: 0px;
+  box-sizing: border-box;
+  margin-top: 10px;
+}
+
+.commenuSectionParentHeader {
+  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-basecom);
+}
+
+.commenuSectionParentHeader1232 {
+  align-self: stretch;
+  display: flex;
+  margin-top: 20px;
+  flex-direction: row;
+  flex-wrap: wrap;
+  text-align: center;
+  font-size: var(--font-size-basecom);
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: var(--gap-0com);
+}
+
+.commenuSectionParentHeader960 {
+  align-self: stretch;
+  display: flex;
+  margin-top: 20px;
+  flex-direction: row;
+  flex-wrap: wrap;
+  text-align: center;
+  font-size: var(--font-size-basecom);
+  align-self: stretch;
+  width: auto;
+  gap: var(--gap-0com);
+  align-items: center;
+  justify-content: space-between;
+}
+
+.commenuSectionParentHeader730 {
+  align-self: stretch;
+  margin-top: -20px;
+  text-align: center;
+  font-size: var(--font-size-basecom);
+  display: flex;
+  flex-direction: column-reverse;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--gap-basecom);
+
+  box-sizing: border-box;
+}
+
+.commenuSectionParentHeader430 {
+  align-self: stretch;
+
+  margin-top: 0px;
+  flex-direction: row;
+  flex-wrap: wrap;
+  text-align: center;
+  font-size: var(--font-size-basecom);
+
+  gap: var(--gap-basecom);
+  align-items: center;
+  display: inline-block;
+  justify-content: center;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.comdescubreVideos {
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  padding: 0px 0px var(--padding-9xscom);
+  align-items: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  font-size: var(--font-size-3xlcom);
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+}
+
+.comdescubreVideos1232 {
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  padding: 0px 0px var(--padding-9xscom);
+  align-items: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  font-size: var(--font-size-3xlcom);
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+  width: auto;
+}
+
+.comdescubreVideos960 {
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  padding: 0px 0px var(--padding-9xscom);
+  align-items: flex-start;
+  text-align: left;
+  font-size: var(--font-size-3xlcom);
+  color: var(--color-whitecom);
+  font-family: var(--font-poppins);
+
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--gap-0com);
+}
+
+.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;
+}