/* — Estilos Generales (de tu HTML) — */ body { font-family: ‘Inter’, sans-serif; background-color: #f1f5f9; /* Slate 100 / Light Background */ color: #1f2937; } .header-bg { background-color: #0f172a; /* Slate 900 equivalent */ } .accent-color { color: #f59e0b; /* Amber 500 equivalent for accents */ } .card-shadow { box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04); } /* — Estilos para tu Shortcode

Error: Debes especificar el tipo de punto. Ej:

Aún no hay nadie en el ranking.

— */ .custom-ranking-contenedor { font-family: ‘Inter’, sans-serif; background: #ffffff; color: #1f2937; border-radius: 12px; max-width: 56rem; /* 896px */ margin: 2em auto; padding: 1.5em 2em; box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04); overflow: hidden; } .custom-ranking-lista { list-style-type: decimal; padding-left: 2em; margin: 0; } .custom-ranking-item { display: flex; justify-content: space-between; align-items: center; padding: 1em 0; border-bottom: 1px solid #f1f5f9; /* slate 100 */ font-size: 1.1em; } .custom-ranking-item:last-child { border-bottom: none; } .custom-ranking-nombre { font-weight: 600; /* Semibold */ color: #1e293b; /* slate 800 */ } .custom-ranking-puntos { font-weight: 700; /* Bold */ color: #f59e0b; /* accent-color */ background-color: #fffbeb; /* Amber 50 */ padding: 6px 14px; border-radius: 20px; /* Píldora */ white-space: nowrap; font-size: 0.9em; }