Cada nombre de aquí se mantiene estable, así que una regla que escribas sigue funcionando tras una nueva versión. Referencia completa
[data-portal-sidebar]- La tarjeta lateral
[data-portal-item="…"]- Una parte de la barra lateral: tagline, metrics, buttons, description, social_links o footer
[data-portal-locale-switcher]- La lista de idiomas bajo la tarjeta
[data-portal-content]- La tarjeta de contenido junto a ella: los planes, el pago y las pantallas de miembro
[data-portal-header]- Los botones Compartir e Iniciar sesión
[data-portal-announcement]- La franja de anuncio
[data-portal-plans-heading]- El encabezado y el subtítulo sobre los planes
[data-portal-social-proof]- La línea de altas de esta semana
[data-portal-plan-list]- La lista de tarjetas de plan
[data-portal-plan]- Una tarjeta de plan
[data-portal-featured]- La tarjeta del plan destacado
[data-portal-block="…"]- Un bloque bajo los planes: perks, about, faq, video, gallery o testimonials
.portal-card- Ambas tarjetas
.portal-button- Cada botón que pulsan los miembros
--portal-accent, --portal-accent-foreground- Tu color de acento y el texto que lleva encima
--portal-accent-2, --portal-accent-2-foreground- El segundo acento y el texto que lleva encima
--portal-bg, --portal-surface- La página detrás de las tarjetas, y las tarjetas
--portal-heading, --portal-text, --portal-muted- Encabezados, texto y leyendas
--portal-faint, --portal-text-strong- Las leyendas más tenues y el texto más fuerte
--portal-line, --portal-line-strong- Líneas finas y bordes
--portal-well, --portal-well-strong- Paneles y chips rehundidos, en reposo y pulsados
--portal-accent-ink, --portal-accent-soft, --portal-accent-line- El acento como texto, como tinte y como línea
--portal-accent-2-ink, --portal-accent-2-soft, --portal-accent-2-line- El segundo acento como texto, como tinte y como línea
--portal-radius-card, --portal-button-radius- El radio de las esquinas de las tarjetas y de los botones
--portal-shadow-card, --portal-shadow-float, --portal-shadow-soft- Las tres profundidades de sombra
--font-condensed, --font-sans- La fuente de títulos y la fuente de texto
--portal-heading-case, --portal-button-case- Las mayúsculas de los encabezados y de las etiquetas de botón
