/* V465 · Ranking/Distintivos más limpio y profesional */

/* Contenedor general */
html body #distintivos .awards-section,
html body #distintivos .awards-explain,
html body #distintivos .awards-table-wrap{
  border-radius:28px!important;
}

/* Botones resumen */
html body #distintivos #awardsSummary{
  gap:14px!important;
  margin-top:18px!important;
  margin-bottom:22px!important;
}

html body #distintivos #awardsSummary > *{
  min-height:82px!important;
  border-radius:24px!important;
  padding:18px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  background:linear-gradient(180deg,#ffffff,#f3fbfd)!important;
  border:1px solid rgba(3,105,125,.12)!important;
  box-shadow:0 8px 22px rgba(3,105,125,.08)!important;
}

html body #distintivos #awardsSummary > * strong{
  font-size:30px!important;
  line-height:1!important;
  color:#03697d!important;
}

html body #distintivos #awardsSummary > * span,
html body #distintivos #awardsSummary > *{
  font-weight:850!important;
}

/* Botones activos o hover */
html body #distintivos #awardsSummary > *:hover,
html body #distintivos #awardsSummary > *.is-active,
html body #distintivos #awardsSummary > *.cp-award-row-focus{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 32px rgba(3,105,125,.16)!important;
  border-color:rgba(3,105,125,.28)!important;
}

/* Tabla */
html body #distintivos .awards-table-wrap{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(3,105,125,.12)!important;
  box-shadow:0 14px 36px rgba(3,105,125,.08)!important;
  padding:18px!important;
}

html body #distintivos .award-row{
  border-radius:18px!important;
  margin-bottom:8px!important;
  padding:13px 14px!important;
  background:#ffffff!important;
  border:1px solid rgba(3,105,125,.08)!important;
}

html body #distintivos .award-row-head{
  background:#eaf7fa!important;
  color:#064b5a!important;
  font-weight:900!important;
}

html body #distintivos .award-row:not(.award-row-head):hover{
  background:#f7fcfd!important;
  box-shadow:0 8px 20px rgba(3,105,125,.08)!important;
}

/* NÁYADE dentro de tabla */
html body #distintivos .cp-nayade-ranking{
  padding:6px 10px!important;
  border-radius:14px!important;
  background:#f1fbf5!important;
  border:1px solid rgba(15,110,60,.12)!important;
}

html body #distintivos .cp-nayade-ranking.no-data{
  background:#f7f7f7!important;
  border-color:rgba(0,0,0,.08)!important;
}

/* Nota del filtro */
html body #distintivos .cp-awards-filter-note,
html body #distintivos #cpAwardsFilterNote,
html body #distintivos #cp-awards-filter-note{
  border-radius:18px!important;
  background:#eaf7fa!important;
  color:#073f4b!important;
  border:1px solid rgba(3,105,125,.12)!important;
  box-shadow:0 8px 22px rgba(3,105,125,.08)!important;
}

/* Móvil */
@media(max-width:760px){
  html body #distintivos #awardsSummary > *{
    min-height:72px!important;
    padding:14px 12px!important;
  }

  html body #distintivos #awardsSummary > * strong{
    font-size:26px!important;
  }

  html body #distintivos .awards-table-wrap{
    padding:12px!important;
  }
}
