/**
 * Hoja de estilos del widget 'Mais lidos' - BNP Capital
 * 
 * GUÍA DE IDENTIDAD VISUAL BNP CAPITAL:
 * - Fondo del contenedor: Marfil corporativo (#FAFAF7)
 * - Borde sutil: #E8EBE6 con esquinas redondeadas de 8px
 * - Tipografía títulos y números: IBM Plex Sans (Bold, 700)
 * - Tipografía cuerpo y enlaces: Open Sans (SemiBold, 600)
 * - Verde BNP maestro: #264812 (título y números grandes)
 * - Oro BNP acento: #E0B318 (barra divisoria superior)
 * - Negro Esverdeado: #1A2A1A (título de post)
 * - Verde Medio hover: #256724 (efecto hover en títulos)
 * - Gris Verde: #5C6E5C (etiquetas de categoría)
 */

/* Contenedor Principal del Widget */
.bnp-mais-lidos-widget {
  background-color: #FAFAF7;
  border: 1px solid #E8EBE6;
  border-radius: 8px;
  padding: 24px 20px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 30px 0;
  transition: box-shadow 0.25s ease;
}

/* Cabecera del Widget */
.bnp-mais-lidos__header {
  margin-bottom: 22px;
}

/* Título 'Mais lidos' */
.bnp-mais-lidos__title {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #264812 !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  letter-spacing: -0.01em;
  text-transform: none !important;
}

/* Barra divisoria decorativa en Oro BNP */
.bnp-mais-lidos__divider {
  width: 44px;
  height: 3px;
  background-color: #E0B318;
  border-radius: 2px;
  margin: 0;
}

/* Lista desordenada en Stack */
.bnp-mais-lidos__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Elemento individual de la lista */
.bnp-mais-lidos__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  list-style: none !important;
  padding: 0 0 18px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(232, 235, 230, 0.7);
}

.bnp-mais-lidos__item:last-child {
  border-bottom: none;
  padding-bottom: 0 !important;
}

/* Indicador numérico grande estilizado (01, 02, 03...) */
.bnp-mais-lidos__number {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #264812 !important;
  flex-shrink: 0;
  width: 36px;
  letter-spacing: -0.03em;
  user-select: none;
  padding-top: 1px;
}

/* Bloque contenedor del contenido */
.bnp-mais-lidos__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Etiqueta de Categoría Superior en Mayúsculas */
.bnp-mais-lidos__category {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #5C6E5C !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em;
  display: inline-block;
}

/* Título del Post Enlazado */
.bnp-mais-lidos__post-title {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bnp-mais-lidos__post-title a {
  color: #1A2A1A !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out;
  display: block;
}

.bnp-mais-lidos__post-title a:hover,
.bnp-mais-lidos__post-title a:focus {
  color: #256724 !important;
  text-decoration: none !important;
}

/* Adaptabilidad Responsiva para Barras Laterales y Móviles */
@media screen and (max-width: 480px) {
  .bnp-mais-lidos-widget {
    padding: 20px 16px;
  }
  .bnp-mais-lidos__number {
    font-size: 24px !important;
    width: 32px;
  }
  .bnp-mais-lidos__post-title {
    font-size: 13.5px !important;
  }
}

/* Aislamiento contra sobreescrituras de Divi 4 y Divi 5 */
.et_pb_widget .bnp-mais-lidos-widget,
.et_pb_text .bnp-mais-lidos-widget,
.et_pb_code .bnp-mais-lidos-widget,
.et_pb_sidebar .bnp-mais-lidos-widget {
  line-height: normal;
}
.et_pb_widget ul.bnp-mais-lidos__list li::before,
.et_pb_text ul.bnp-mais-lidos__list li::before {
  display: none !important;
  content: "" !important;
}