/* * Landing pages — iconos monocromo verde * Verde primario Material: #2e7d32 (--md-primary-fg-color) * Scoped under .sc-landing-mode (added to via parallax.js) */ /* === TODO icono SVG en contenido === */ .sc-landing-mode .md-typeset .twemoji svg, .sc-landing-mode .md-typeset .emojione svg, .sc-landing-mode .md-typeset .octicons svg { fill: var(--md-primary-fg-color); } /* === Títulos de tarjetas en grid cards === */ .sc-landing-mode .grid.cards li > p:first-child strong, .sc-landing-mode .grid.cards li > h3, .sc-landing-mode .grid.cards li > details > summary strong { color: var(--md-primary-fg-color); } /* === Título de tarjeta como enlace: verde → naranja en hover === */ .sc-landing-mode .grid.cards li > p:first-child a { color: var(--md-primary-fg-color); font-weight: 700; } .sc-landing-mode .grid.cards li > p:first-child a:hover { color: var(--md-accent-fg-color, #e65100); } /* === Enlace "Ir a →" al fondo de los desplegables === */ .sc-landing-mode .grid.cards li details a.sc-card-more { display: inline-block; margin-top: 0.75rem; font-weight: 600; color: var(--md-primary-fg-color); } .sc-landing-mode .grid.cards li details a.sc-card-more:hover { color: var(--md-accent-fg-color, #e65100); } /* === Iconos dentro de summary en tarjetas desplegables === */ .sc-landing-mode .grid.cards details summary .twemoji svg { fill: var(--md-primary-fg-color); } /* === Footer: logo, marca, enlaces en verde === */ .sc-landing-mode .footer-logo { height: 1em; width: auto; vertical-align: middle; margin-right: 0.15em; } .sc-landing-mode .footer-brand { color: var(--md-primary-fg-color); font-weight: 700; } .sc-landing-mode a.footer-link { color: var(--md-primary-fg-color); }