/* ---------------------------------------------------------------------------------------------------------------
 *  Widget generales v4
 * ------------------------------------------------------------------------------------------------------------- */

.Opta {
  min-height: 282px;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.Opta ul,.Opta ol  {
  padding: 0!important;
}
.Opta ul li,.Opta ol li{
  list-style: none!important;
}
div[class*="openings__opening-widget-full-container"] {
  padding-top: 20px;
}
div[class*="openings__opening-widget-full-container"] .Opta, div[class*="article__paragraph"] .Opta {
  min-height: inherit;
}

div[id*="fpModule"]+div[id*="opening"] div[class*="openings__opening-widget-full-container"] {
  padding-top: 0px!important;
}

.Opta a,.Opta abbr,.Opta canvas,.Opta dd,.Opta div,.Opta dl,.Opta dt,.Opta fieldset,.Opta figcaption,.Opta figure,.Opta form,.Opta h2,.Opta h3,.Opta h4,.Opta img,.Opta label,.Opta legend,.Opta li,.Opta ol,.Opta p,.Opta span,.Opta table,.Opta tbody,.Opta td,.Opta tfoot,.Opta th,.Opta thead,.Opta tr,.Opta ul {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}
.Opta .Opta-Ranking .Opta-FeatureHeader td .Opta-Team, .Opta .Opta-Ranking .Opta-FeatureHeader td .Opta-Team a, .Opta .Opta-Ranking .Opta-FeatureHeader th .Opta-Team, .Opta .Opta-Ranking .Opta-FeatureHeader th .Opta-Team a {
  font-size: 11px;
  color: grey;
}
.Opta .Opta-H2,.Opta h2 {
  width: 100%;
  height: 42px;  /* Se fija la altura de 42px para corregir temas de IE */
  /* background: url("/dist/assets/widgets/opta/bg_mundial.jpg") center no-repeat; */
  background-color: #009bb4;
  /* background-size: 100% 82px; */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  color: #FFF;
  /* padding: 12px 20px 10px 10px; */
  padding: 8px 20px 6px 10px;
}
.Opta .Opta-H2 .Opta-Title, .Opta .Opta-H2 .Opta-Title-Extra,.Opta h2 .Opta-Title,.Opta h2 .Opta-Title-Extra {
  /*font-size: 30px; 14px;
  font-weight: 700;*/
  font-size: 16px; /*antes 22  */
  font-weight: 500;
  padding: 0px 0px;
}

/* en 100% pasa a estar a un tamaño mayor */
div[id*="opening"] div[class*="openings__opening-widget-full-container"] h2,
div[id*="opening"] div[class*="openings__opening-widget-full-container"] .Opta-h2,
div[id*="opening"] div[class*="openings__opening-widget-full-container"] .Opta-h2 .Opta-Title,
div[id*="opening"] div[class*="openings__opening-widget-full-container"] .Opta h2 .Opta-Title,
div[id*="article"] div[class*="embeddedOpeningItem__container"] h2,
div[id*="article"] div[class*="embeddedOpeningItem__container"] .Opta-h2,
div[id*="article"] div[class*="embeddedOpeningItem__container"] .Opta-h2 .Opta-Title,
div[id*="article"] div[class*="embeddedOpeningItem__container"] .Opta h2 .Opta-Title {
  font-size: 22px;
}

.Opta abbr[title] {
  text-decoration: none;
}
.Opta-Tooltip h3 {
  background-color: transparent;
}

.Opta .Opta-Tabs.Opta-TabsMore .Opta-Nav>ul {
  height: 52px;
  background-color: #fff;
}

.Opta .Opta-Tabs .Opta-Nav>ul {
  background-color: #fff;
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.Opta .Opta-Nav {
  position: relative;
  background-color: transparent;
  border-top: 1px solid #f1f1f1;
}
.Opta .Opta-Nav li {
  background-color: #fff;
  float: left;
  clear: none;
  border-right: none;
  border-bottom: none;
}

.Opta .Opta-Nav li.Opta-On a {
  color: #000;