/* Theme Name: EDUCA VITACARE Version: 1.6.4 Description: Tema propio e independiente de EDUCA VITACARE Ecuador. No depende de ningún otro tema (reemplaza al tema hijo de Hostinger AI theme una vez migrado). Author: EDUCA VITACARE Ecuador Text Domain: educa-vitacare Requires PHP: 7.4 */ /* ========================================================================== EDUCA VITACARE - Tema independiente Mobile-first: estilos base para móvil, luego min-width para escalar. Paleta oficial de marca (confirmada directamente por el cliente, 2026-08-04): Rojo oscuro #9c1203 (primario/CTA) · Azul marino #000c6b (secciones corporativas/header) Verde #126b00 (acentos/hover) · Dorado #e3aa00 (badges/detalles) · Morado #47006b (acento adicional) Tipografía: Montserrat (títulos) + Poppins (texto) ========================================================================== */ :root { --educa-brand: #9c1203; --educa-brand-dark: #6e0d02; --educa-blue: #000c6b; --educa-blue-dark: #000541; --educa-green: #126b00; --educa-gold: #e3aa00; --educa-purple: #47006b; --educa-dark: #0d141a; --educa-grey: #B8C0CC; --educa-network-bg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDEwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIj48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9ImJnR3JhZCIgY3g9IjUwJSIgY3k9IjM1JSIgcj0iODUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwYTE1NTAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMDMwNzJhIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTA0MWEiLz4KICA8L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZG90R2xvdyIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNTAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNGNmNWUiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGNmNWUiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjEwMDAiIGZpbGw9InVybCgjYmdHcmFkKSIvPjxnIG9wYWNpdHk9IjAuMDUiIGZpbGw9IiNkZmU4ZmYiPjxwb2x5Z29uIHBvaW50cz0iMTAzNC40LDI3OS44IDg1MC4xLC04My42IDExNzEuMywtMTA4LjQiLz48cG9seWdvbiBwb2ludHM9IjM5NC4yLDY4NC42IDE2Mi42LDQ5NC45IDQ2NS44LDQxMS4wIi8+PHBvbHlnb24gcG9pbnRzPSIxMzcyLjcsOTIzLjQgMTA3OS44LDc1OS4yIDE0NDYuMyw0ODUuMSIvPjxwb2x5Z29uIHBvaW50cz0iMTU4OS44LDY1OS4xIDExMzMuNSwxMDAwLjkgMTE0Mi4zLDQ1OC43Ii8+PHBvbHlnb24gcG9pbnRzPSIxMTIxLjYsMjUyLjYgOTQ5LjEsLTY2LjQgMTM0MC41LDEuNSIvPjxwb2x5Z29uIHBvaW50cz0iODI3LjAsMTMxLjYgNjA0LjMsNDY2LjggMzg5LjYsMTA1LjgiLz48cG9seWdvbiBwb2ludHM9IjE1MDYuMiwzMTIuOCAxODM3LjYsNjMyLjYgMTQzOS4yLDg4MC41Ii8+PHBvbHlnb24gcG9pbnRzPSIxNjUuOSwxMjY2LjUgMTgzLjQsNjAxLjEgNjczLjYsODYwLjYiLz48cG9seWdvbiBwb2ludHM9IjExMTMuOSw4My4wIDg1My44LDU3Mi45IDY0MS40LDIxMy4xIi8+PC9nPjxnIHN0cm9rZT0iIzdmYTBlMCIgc3Ryb2tlLXdpZHRoPSIxIj48bGluZSB4MT0iMTc1LjQiIHkxPSI2MjcuNCIgeDI9IjEzNy4wIiB5Mj0iNDg2LjAiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjE3NS40IiB5MT0iNjI3LjQiIHgyPSIxMTAuNyIgeTI9Ijc2MC42IiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIxNzUuNCIgeTE9IjYyNy40IiB4Mj0iMTEzLjYiIHkyPSI2MzEuMSIgb3BhY2l0eT0iMC4wOTQiLz48bGluZSB4MT0iMTc1LjQiIHkxPSI2MjcuNCIgeDI9IjkxLjUiIHkyPSI1ODQuMiIgb3BhY2l0eT0iMC4wNTkiLz48bGluZSB4MT0iMTI2Ny4zIiB5MT0iNDIyLjIiIHgyPSIxMjIwLjAiIHkyPSI1MzkuNCIgb3BhY2l0eT0iMC4wMjUiLz48bGluZSB4MT0iMTI2Ny4zIiB5MT0iNDIyLjIiIHgyPSIxMjQ1LjgiIHkyPSI1MzAuNCIgb3BhY2l0eT0iMC4wNDIiLz48bGluZSB4MT0iMTAxLjYiIHkxPSIzODEuNiIgeDI9IjE3OC41IiB5Mj0iNDM0LjgiIG9wYWNpdHk9IjAuMDYwIi8+PGxpbmUgeDE9IjEwMS42IiB5MT0iMzgxLjYiIHgyPSIwLjkiIHkyPSIzMjQuMiIgb3BhY2l0eT0iMC4wMzYiLz48bGluZSB4MT0iMTAxLjYiIHkxPSIzODEuNiIgeDI9IjEzNy4wIiB5Mj0iNDg2LjAiIG9wYWNpdHk9IjAuMDQyIi8+PGxpbmUgeDE9IjEwMS42IiB5MT0iMzgxLjYiIHgyPSIxNTUuMSIgeTI9IjQzMS4xIiBvcGFjaXR5PSIwLjA4MiIvPjxsaW5lIHgxPSIxNTkzLjgiIHkxPSI1MjkuMSIgeDI9IjE1OTIuMiIgeTI9IjY0OS45IiBvcGFjaXR5PSIwLjAzMSIvPjxsaW5lIHgxPSIxNTkzLjgiIHkxPSI1MjkuMSIgeDI9IjE0OTYuOCIgeTI9IjU3MS4wIiBvcGFjaXR5PSIwLjA0NyIvPjxsaW5lIHgxPSIxNTkzLjgiIHkxPSI1MjkuMSIgeDI9IjE1NDkuOSIgeTI9IjU3OS4yIiBvcGFjaXR5PSIwLjA4OSIvPjxsaW5lIHgxPSIxNTUzLjciIHkxPSI4NjAuOCIgeDI9IjE0NjAuMiIgeTI9Ijg3MC41IiBvcGFjaXR5PSIwLjA2MCIvPjxsaW5lIHgxPSIxNTUzLjciIHkxPSI4NjAuOCIgeDI9IjE1OTguOSIgeTI9IjgzNi4wIiBvcGFjaXR5PSIwLjEwNSIvPjxsaW5lIHgxPSIxNTUzLjciIHkxPSI4NjAuOCIgeDI9IjE1NTAuNCIgeTI9IjkyNi40IiBvcGFjaXR5PSIwLjA5MCIvPjxsaW5lIHgxPSIxNTUzLjciIHkxPSI4NjAuOCIgeDI9IjE1MzEuNyIgeTI9Ijk5NS40IiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIxOC40IiB5MT0iNzIwLjciIHgyPSIxMTAuNyIgeTI9Ijc2MC42IiBvcGFjaXR5PSIwLjA1MyIvPjxsaW5lIHgxPSIxOC40IiB5MT0iNzIwLjciIHgyPSIxMTMuNiIgeTI9IjYzMS4xIiBvcGFjaXR5PSIwLjAyMSIvPjxsaW5lIHgxPSIxMDkwLjciIHkxPSI1MzcuMCIgeDI9IjEyMjAuMCIgeTI9IjUzOS40IiBvcGFjaXR5PSIwLjAyMiIvPjxsaW5lIHgxPSI0MjYuOSIgeTE9IjY0MS4wIiB4Mj0iNDc3LjUiIHkyPSI2MzguOSIgb3BhY2l0eT0iMC4xMDYiLz48bGluZSB4MT0iNDI2LjkiIHkxPSI2NDEuMCIgeDI9IjU0MC45IiB5Mj0iNTg4LjMiIG9wYWNpdHk9IjAuMDI2Ii8+PGxpbmUgeDE9IjQyNi45IiB5MT0iNjQxLjAiIHgyPSIzODAuOCIgeTI9IjY2OS4wIiBvcGFjaXR5PSIwLjEwMiIvPjxsaW5lIHgxPSI0MjYuOSIgeTE9IjY0MS4wIiB4Mj0iNDI0LjMiIHkyPSI3ODQuMSIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTc4LjUiIHkxPSI0MzQuOCIgeDI9IjEzNy4wIiB5Mj0iNDg2LjAiIG9wYWNpdHk9IjAuMDkwIi8+PGxpbmUgeDE9IjE3OC41IiB5MT0iNDM0LjgiIHgyPSIxNTUuMSIgeTI9IjQzMS4xIiBvcGFjaXR5PSIwLjEzNSIvPjxsaW5lIHgxPSIxNzguNSIgeTE9IjQzNC44IiB4Mj0iMzA0LjMiIHkyPSI0NDguNiIgb3BhY2l0eT0iMC4wMjUiLz48bGluZSB4MT0iNzI2LjAiIHkxPSI5NTMuOCIgeDI9IjcwOS4wIiB5Mj0iODYxLjMiIG9wYWNpdHk9IjAuMDYwIi8+PGxpbmUgeDE9IjcyNi4wIiB5MT0iOTUzLjgiIHgyPSI2MDYuNCIgeTI9Ijk4NS4zIiBvcGFjaXR5PSIwLjAyOCIvPjxsaW5lIHgxPSI3MjYuMCIgeTE9Ijk1My44IiB4Mj0iODA0LjYiIHkyPSI4NTIuNyIgb3BhY2l0eT0iMC4wMjMiLz48bGluZSB4MT0iMTQwMS40IiB5MT0iMjYzLjQiIHgyPSIxMjkyLjAiIHkyPSIxOTAuNCIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTQwMS40IiB5MT0iMjYzLjQiIHgyPSIxMzc4LjciIHkyPSIyNDguNyIgb3BhY2l0eT0iMC4xMzEiLz48bGluZSB4MT0iMTQwMS40IiB5MT0iMjYzLjQiIHgyPSIxMzU3LjkiIHkyPSIxNjYuMyIgb3BhY2l0eT0iMC4wNDciLz48bGluZSB4MT0iODAwLjkiIHkxPSIxNzguNyIgeDI9IjY3Ny4wIiB5Mj0iMjExLjgiIG9wYWNpdHk9IjAuMDIzIi8+PGxpbmUgeDE9IjgwMC45IiB5MT0iMTc4LjciIHgyPSI3NzcuMCIgeTI9IjIxMy43IiBvcGFjaXR5PSIwLjExNSIvPjxsaW5lIHgxPSIxNDYwLjIiIHkxPSI4NzAuNSIgeDI9IjE0MDYuMCIgeTI9IjgzMS43IiBvcGFjaXR5PSIwLjA4OSIvPjxsaW5lIHgxPSIxNDYwLjIiIHkxPSI4NzAuNSIgeDI9IjE0MDQuOCIgeTI9Ijk0Ni45IiBvcGFjaXR5PSIwLjA1OSIvPjxsaW5lIHgxPSIxNDYwLjIiIHkxPSI4NzAuNSIgeDI9IjE1OTguOSIgeTI9IjgzNi4wIiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIxNDYwLjIiIHkxPSI4NzAuNSIgeDI9IjE1NTAuNCIgeTI9IjkyNi40IiBvcGFjaXR5PSIwLjA0NyIvPjxsaW5lIHgxPSIxNDYwLjIiIHkxPSI4NzAuNSIgeDI9IjE1MzEuNyIgeTI9Ijk5NS40IiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSI0NzcuNSIgeTE9IjYzOC45IiB4Mj0iNTQwLjkiIHkyPSI1ODguMyIgb3BhY2l0eT0iMC4wNzMiLz48bGluZSB4MT0iNDc3LjUiIHkxPSI2MzguOSIgeDI9IjM4MC44IiB5Mj0iNjY5LjAiIG9wYWNpdHk9IjAuMDUyIi8+PGxpbmUgeDE9Ijk3NC40IiB5MT0iMTUyLjgiIHgyPSI4ODAuNSIgeTI9IjUwLjYiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjEyMjAuMCIgeTE9IjUzOS40IiB4Mj0iMTI0NS44IiB5Mj0iNTMwLjQiIG9wYWNpdHk9IjAuMTMxIi8+PGxpbmUgeDE9IjEyMjAuMCIgeTE9IjUzOS40IiB4Mj0iMTE2Ni41IiB5Mj0iNjczLjQiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjE0MDYuMCIgeTE9IjgzMS43IiB4Mj0iMTQwNC44IiB5Mj0iOTQ2LjkiIG9wYWNpdHk9IjAuMDM3Ii8+PGxpbmUgeDE9IjQ5Mi4wIiB5MT0iNTcuOSIgeDI9IjY0MS43IiB5Mj0iNTguNiIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTQwNC44IiB5MT0iOTQ2LjkiIHgyPSIxNTUwLjQiIHkyPSI5MjYuNCIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTQwNC44IiB5MT0iOTQ2LjkiIHgyPSIxNTMxLjciIHkyPSI5OTUuNCIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTM3LjAiIHkxPSI0ODYuMCIgeDI9IjExMy42IiB5Mj0iNjMxLjEiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjEzNy4wIiB5MT0iNDg2LjAiIHgyPSIxNTUuMSIgeTI9IjQzMS4xIiBvcGFjaXR5PSIwLjA5OCIvPjxsaW5lIHgxPSIxMzcuMCIgeTE9IjQ4Ni4wIiB4Mj0iOTEuNSIgeTI9IjU4NC4yIiBvcGFjaXR5PSIwLjA0NSIvPjxsaW5lIHgxPSIxMTAuNyIgeTE9Ijc2MC42IiB4Mj0iMTEzLjYiIHkyPSI2MzEuMSIgb3BhY2l0eT0iMC4wMjIiLz48bGluZSB4MT0iMTIyNS4zIiB5MT0iMTI4LjQiIHgyPSIxMjkyLjAiIHkyPSIxOTAuNCIgb3BhY2l0eT0iMC4wNjMiLz48bGluZSB4MT0iMTIyNS4zIiB5MT0iMTI4LjQiIHgyPSIxMzU3LjkiIHkyPSIxNjYuMyIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iNzYwLjUiIHkxPSI1NDkuOCIgeDI9IjcwMS4wIiB5Mj0iNTE3LjYiIG9wYWNpdHk9IjAuMDg4Ii8+PGxpbmUgeDE9Ijc2MC41IiB5MT0iNTQ5LjgiIHgyPSI2NzcuNyIgeTI9IjQ2Ny4wIiBvcGFjaXR5PSIwLjAzNSIvPjxsaW5lIHgxPSI3NjAuNSIgeTE9IjU0OS44IiB4Mj0iNzI4LjAiIHkyPSI0MjMuMCIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iNDI0LjEiIHkxPSI4NzIuNCIgeDI9IjM2Ni4zIiB5Mj0iOTA1LjQiIG9wYWNpdHk9IjAuMDg5Ii8+PGxpbmUgeDE9IjQyNC4xIiB5MT0iODcyLjQiIHgyPSIzOTkuNyIgeTI9IjkyMy4zIiBvcGFjaXR5PSIwLjEwMCIvPjxsaW5lIHgxPSI0MjQuMSIgeTE9Ijg3Mi40IiB4Mj0iNDI0LjMiIHkyPSI3ODQuMSIgb3BhY2l0eT0iMC4wNjYiLz48bGluZSB4MT0iNjc3LjAiIHkxPSIyMTEuOCIgeDI9IjY0NC4yIiB5Mj0iMzM5LjMiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjY3Ny4wIiB5MT0iMjExLjgiIHgyPSI2NzUuMCIgeTI9IjI3OC41IiBvcGFjaXR5PSIwLjA4OSIvPjxsaW5lIHgxPSI2NzcuMCIgeTE9IjIxMS44IiB4Mj0iNzc3LjAiIHkyPSIyMTMuNyIgb3BhY2l0eT0iMC4wNTMiLz48bGluZSB4MT0iODYyLjkiIHkxPSI3MjkuOSIgeDI9Ijc1Ni4zIiB5Mj0iNzg0LjYiIG9wYWNpdHk9IjAuMDMyIi8+PGxpbmUgeDE9Ijg2Mi45IiB5MT0iNzI5LjkiIHgyPSI4ODkuMiIgeTI9IjcxOC40IiBvcGFjaXR5PSIwLjEyOSIvPjxsaW5lIHgxPSI4NjIuOSIgeTE9IjcyOS45IiB4Mj0iODY3LjUiIHkyPSI3NDguMCIgb3BhY2l0eT0iMC4xNDAiLz48bGluZSB4MT0iODYyLjkiIHkxPSI3MjkuOSIgeDI9IjgwNC42IiB5Mj0iODUyLjciIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjMyMS44IiB5MT0iMzExLjciIHgyPSIzNjguMiIgeTI9IjIyMC4yIiBvcGFjaXR5PSIwLjA1MSIvPjxsaW5lIHgxPSIzMjEuOCIgeTE9IjMxMS43IiB4Mj0iMzA0LjMiIHkyPSI0NDguNiIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMzIxLjgiIHkxPSIzMTEuNyIgeDI9IjI0Ny43IiB5Mj0iMjk2LjciIG9wYWNpdHk9IjAuMDc5Ii8+PGxpbmUgeDE9IjE1OTIuMiIgeTE9IjY0OS45IiB4Mj0iMTQ5Ni44IiB5Mj0iNTcxLjAiIG9wYWNpdHk9IjAuMDI4Ii8+PGxpbmUgeDE9IjE1OTIuMiIgeTE9IjY0OS45IiB4Mj0iMTU0OS45IiB5Mj0iNTc5LjIiIG9wYWNpdHk9IjAuMDcyIi8+PGxpbmUgeDE9IjcwMS4wIiB5MT0iNTE3LjYiIHgyPSI2NzcuNyIgeTI9IjQ2Ny4wIiBvcGFjaXR5PSIwLjEwMSIvPjxsaW5lIHgxPSI3MDEuMCIgeTE9IjUxNy42IiB4Mj0iNzI4LjAiIHkyPSI0MjMuMCIgb3BhY2l0eT0iMC4wNTUiLz48bGluZSB4MT0iMTkzLjYiIHkxPSIyMjQuNyIgeDI9IjI0Ny43IiB5Mj0iMjk2LjciIG9wYWNpdHk9IjAuMDY0Ii8+PGxpbmUgeDE9IjM2OC4yIiB5MT0iMjIwLjIiIHgyPSIzNDIuOCIgeTI9IjEzMi4zIiBvcGFjaXR5PSIwLjA2MiIvPjxsaW5lIHgxPSIzNjguMiIgeTE9IjIyMC4yIiB4Mj0iMjQ3LjciIHkyPSIyOTYuNyIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTEzLjYiIHkxPSI2MzEuMSIgeDI9IjkxLjUiIHkyPSI1ODQuMiIgb3BhY2l0eT0iMC4xMDUiLz48bGluZSB4MT0iMzY2LjMiIHkxPSI5MDUuNCIgeDI9IjM5OS43IiB5Mj0iOTIzLjMiIG9wYWNpdHk9IjAuMTIwIi8+PGxpbmUgeDE9IjM2Ni4zIiB5MT0iOTA1LjQiIHgyPSI0MjQuMyIgeTI9Ijc4NC4xIiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIzNjYuMyIgeTE9IjkwNS40IiB4Mj0iMjUxLjkiIHkyPSI5NjAuOCIgb3BhY2l0eT0iMC4wMjQiLz48bGluZSB4MT0iMTM3NS40IiB5MT0iNzAuOSIgeDI9IjEyOTIuMCIgeTI9IjE5MC40IiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIxMzc1LjQiIHkxPSI3MC45IiB4Mj0iMTM1Ny45IiB5Mj0iMTY2LjMiIG9wYWNpdHk9IjAuMDU2Ii8+PGxpbmUgeDE9IjM4MC44IiB5MT0iNjY5LjAiIHgyPSI0MjQuMyIgeTI9Ijc4NC4xIiBvcGFjaXR5PSIwLjAyOSIvPjxsaW5lIHgxPSIxNDk2LjgiIHkxPSI1NzEuMCIgeDI9IjE1NDkuOSIgeTI9IjU3OS4yIiBvcGFjaXR5PSIwLjEwMyIvPjxsaW5lIHgxPSI3NTYuMyIgeTE9Ijc4NC42IiB4Mj0iNzA5LjAiIHkyPSI4NjEuMyIgb3BhY2l0eT0iMC4wNjQiLz48bGluZSB4MT0iNzU2LjMiIHkxPSI3ODQuNiIgeDI9Ijg4OS4yIiB5Mj0iNzE4LjQiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9Ijc1Ni4zIiB5MT0iNzg0LjYiIHgyPSI4NjcuNSIgeTI9Ijc0OC4wIiBvcGFjaXR5PSIwLjAzNSIvPjxsaW5lIHgxPSI3NTYuMyIgeTE9Ijc4NC42IiB4Mj0iODA0LjYiIHkyPSI4NTIuNyIgb3BhY2l0eT0iMC4wNzEiLz48bGluZSB4MT0iMTI5Mi4wIiB5MT0iMTkwLjQiIHgyPSIxMzc4LjciIHkyPSIyNDguNyIgb3BhY2l0eT0iMC4wNDkiLz48bGluZSB4MT0iMTI5Mi4wIiB5MT0iMTkwLjQiIHgyPSIxMzU3LjkiIHkyPSIxNjYuMyIgb3BhY2l0eT0iMC4wODUiLz48bGluZSB4MT0iNjc3LjciIHkxPSI0NjcuMCIgeDI9IjY0NC4yIiB5Mj0iMzM5LjMiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjY3Ny43IiB5MT0iNDY3LjAiIHgyPSI3MjguMCIgeTI9IjQyMy4wIiBvcGFjaXR5PSIwLjA4OSIvPjxsaW5lIHgxPSI2NDQuMiIgeTE9IjMzOS4zIiB4Mj0iNjc1LjAiIHkyPSIyNzguNSIgb3BhY2l0eT0iMC4wODciLz48bGluZSB4MT0iNjQ0LjIiIHkxPSIzMzkuMyIgeDI9IjcyOC4wIiB5Mj0iNDIzLjAiIG9wYWNpdHk9IjAuMDM0Ii8+PGxpbmUgeDE9IjEzNzguNyIgeTE9IjI0OC43IiB4Mj0iMTM1Ny45IiB5Mj0iMTY2LjMiIG9wYWNpdHk9IjAuMDY5Ii8+PGxpbmUgeDE9IjY3NS4wIiB5MT0iMjc4LjUiIHgyPSI3NzcuMCIgeTI9IjIxMy43IiBvcGFjaXR5PSIwLjAzMSIvPjxsaW5lIHgxPSIzOTkuNyIgeTE9IjkyMy4zIiB4Mj0iNDI0LjMiIHkyPSI3ODQuMSIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iNzA5LjAiIHkxPSI4NjEuMyIgeDI9IjgwNC42IiB5Mj0iODUyLjciIG9wYWNpdHk9IjAuMDU4Ii8+PGxpbmUgeDE9IjE1OTguOSIgeTE9IjgzNi4wIiB4Mj0iMTU1MC40IiB5Mj0iOTI2LjQiIG9wYWNpdHk9IjAuMDUxIi8+PGxpbmUgeDE9IjE1NTAuNCIgeTE9IjkyNi40IiB4Mj0iMTUzMS43IiB5Mj0iOTk1LjQiIG9wYWNpdHk9IjAuMDg0Ii8+PGxpbmUgeDE9Ijg4OS4yIiB5MT0iNzE4LjQiIHgyPSI4NjcuNSIgeTI9Ijc0OC4wIiBvcGFjaXR5PSIwLjEyMSIvPjxsaW5lIHgxPSI4NjcuNSIgeTE9Ijc0OC4wIiB4Mj0iODA0LjYiIHkyPSI4NTIuNyIgb3BhY2l0eT0iMC4wMzAiLz48L2c+PGc+PGNpcmNsZSBjeD0iMTc1LjQiIGN5PSI2MjcuNCIgcj0iMS4zIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjY1Ii8+PGNpcmNsZSBjeD0iMTI2Ny4zIiBjeT0iNDIyLjIiIHI9IjIuMSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40MSIvPjxjaXJjbGUgY3g9IjEwMS42IiBjeT0iMzgxLjYiIHI9IjIuNCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC42NSIvPjxjaXJjbGUgY3g9IjE1OTMuOCIgY3k9IjUyOS4xIiByPSIyLjEiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjQiLz48Y2lyY2xlIGN4PSIxNTUzLjciIGN5PSI4NjAuOCIgcj0iMS45IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjQ1Ii8+PGNpcmNsZSBjeD0iMTguNCIgY3k9IjcyMC43IiByPSIyLjIiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTUiLz48Y2lyY2xlIGN4PSIxMDkwLjciIGN5PSI1MzcuMCIgcj0iMi4xIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjUxIi8+PGNpcmNsZSBjeD0iNDI2LjkiIGN5PSI2NDEuMCIgcj0iMTUuOCIgZmlsbD0idXJsKCNkb3RHbG93KSIvPjxjaXJjbGUgY3g9IjQyNi45IiBjeT0iNjQxLjAiIHI9IjMuMiIgZmlsbD0iI2ZmZTlhOCIvPjxjaXJjbGUgY3g9IjE3OC41IiBjeT0iNDM0LjgiIHI9IjEuOCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjcyNi4wIiBjeT0iOTUzLjgiIHI9IjEuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40OCIvPjxjaXJjbGUgY3g9IjE0MDEuNCIgY3k9IjI2My40IiByPSIyLjUiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNzkiLz48Y2lyY2xlIGN4PSI4MDAuOSIgY3k9IjE3OC43IiByPSIxLjciIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNzciLz48Y2lyY2xlIGN4PSIxNDYwLjIiIGN5PSI4NzAuNSIgcj0iMi4yIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjg0Ii8+PGNpcmNsZSBjeD0iNDc3LjUiIGN5PSI2MzguOSIgcj0iMTQuOCIgZmlsbD0idXJsKCNkb3RHbG93KSIvPjxjaXJjbGUgY3g9IjQ3Ny41IiBjeT0iNjM4LjkiIHI9IjMuMCIgZmlsbD0iI2ZmZTlhOCIvPjxjaXJjbGUgY3g9Ijk3NC40IiBjeT0iMTUyLjgiIHI9IjIuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC42OCIvPjxjaXJjbGUgY3g9IjEyMjAuMCIgY3k9IjUzOS40IiByPSIyLjUiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNDEiLz48Y2lyY2xlIGN4PSIxMjQ1LjgiIGN5PSI1MzAuNCIgcj0iMS4zIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjQ5Ii8+PGNpcmNsZSBjeD0iMC45IiBjeT0iMzI0LjIiIHI9IjIuMCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40NSIvPjxjaXJjbGUgY3g9IjMxLjIiIGN5PSI5MjkuMSIgcj0iMi4xIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjU5Ii8+PGNpcmNsZSBjeD0iMTQwNi4wIiBjeT0iODMxLjciIHI9IjIuNSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40MCIvPjxjaXJjbGUgY3g9IjQ5Mi4wIiBjeT0iNTcuOSIgcj0iMS44IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjM1Ii8+PGNpcmNsZSBjeD0iMTQwNC44IiBjeT0iOTQ2LjkiIHI9IjIuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40OCIvPjxjaXJjbGUgY3g9IjEzNy4wIiBjeT0iNDg2LjAiIHI9IjIuMiIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC41NiIvPjxjaXJjbGUgY3g9IjExMC43IiBjeT0iNzYwLjYiIHI9IjguNSIgZmlsbD0idXJsKCNkb3RHbG93KSIvPjxjaXJjbGUgY3g9IjExMC43IiBjeT0iNzYwLjYiIHI9IjEuNyIgZmlsbD0iI2ZmZTlhOCIvPjxjaXJjbGUgY3g9IjEyMjUuMyIgY3k9IjEyOC40IiByPSIyLjQiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjIiLz48Y2lyY2xlIGN4PSI3NjAuNSIgY3k9IjU0OS44IiByPSIyLjQiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNDIiLz48Y2lyY2xlIGN4PSI0MjQuMSIgY3k9Ijg3Mi40IiByPSIxLjQiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuODAiLz48Y2lyY2xlIGN4PSI2NzcuMCIgY3k9IjIxMS44IiByPSIyLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuODAiLz48Y2lyY2xlIGN4PSI4NjIuOSIgY3k9IjcyOS45IiByPSIxLjUiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNDAiLz48Y2lyY2xlIGN4PSIzMjEuOCIgY3k9IjMxMS43IiByPSIyLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTUiLz48Y2lyY2xlIGN4PSIxNTkyLjIiIGN5PSI2NDkuOSIgcj0iMi4xIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjgxIi8+PGNpcmNsZSBjeD0iNzAxLjAiIGN5PSI1MTcuNiIgcj0iMi40IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjc2Ii8+PGNpcmNsZSBjeD0iMTkzLjYiIGN5PSIyMjQuNyIgcj0iMTcuMCIgZmlsbD0idXJsKCNkb3RHbG93KSIvPjxjaXJjbGUgY3g9IjE5My42IiBjeT0iMjI0LjciIHI9IjMuNCIgZmlsbD0iI2ZmZTlhOCIvPjxjaXJjbGUgY3g9IjU0MC45IiBjeT0iNTg4LjMiIHI9IjIuMiIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC44MiIvPjxjaXJjbGUgY3g9IjM2OC4yIiBjeT0iMjIwLjIiIHI9IjIuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC43NiIvPjxjaXJjbGUgY3g9IjExMy42IiBjeT0iNjMxLjEiIHI9IjEuNiIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40MCIvPjxjaXJjbGUgY3g9IjM2Ni4zIiBjeT0iOTA1LjQiIHI9IjIuNCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40NiIvPjxjaXJjbGUgY3g9IjEzNzUuNCIgY3k9IjcwLjkiIHI9IjIuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC41MCIvPjxjaXJjbGUgY3g9IjM4MC44IiBjeT0iNjY5LjAiIHI9IjIuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC4zNiIvPjxjaXJjbGUgY3g9IjM0Mi44IiBjeT0iMTMyLjMiIHI9IjEuNSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC43OCIvPjxjaXJjbGUgY3g9IjE0OTYuOCIgY3k9IjU3MS4wIiByPSIyLjYiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjciLz48Y2lyY2xlIGN4PSI3NTYuMyIgY3k9Ijc4NC42IiByPSIxLjgiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjIiLz48Y2lyY2xlIGN4PSIxMjkyLjAiIGN5PSIxOTAuNCIgcj0iMTcuNiIgZmlsbD0idXJsKCNkb3RHbG93KSIvPjxjaXJjbGUgY3g9IjEyOTIuMCIgY3k9IjE5MC40IiByPSIzLjUiIGZpbGw9IiNmZmU5YTgiLz48Y2lyY2xlIGN4PSIxNTUuMSIgY3k9IjQzMS4xIiByPSIyLjYiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuODMiLz48Y2lyY2xlIGN4PSI2NzcuNyIgY3k9IjQ2Ny4wIiByPSIxMS4wIiBmaWxsPSJ1cmwoI2RvdEdsb3cpIi8+PGNpcmNsZSBjeD0iNjc3LjciIGN5PSI0NjcuMCIgcj0iMi4yIiBmaWxsPSIjZmZlOWE4Ii8+PGNpcmNsZSBjeD0iMTE2Ni41IiBjeT0iNjczLjQiIHI9IjEuOCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC41MSIvPjxjaXJjbGUgY3g9IjE1NzQuNyIgY3k9Ijk4LjQiIHI9IjIuMCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC41NCIvPjxjaXJjbGUgY3g9IjY0NC4yIiBjeT0iMzM5LjMiIHI9IjIuMCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC43MCIvPjxjaXJjbGUgY3g9IjEzNzguNyIgY3k9IjI0OC43IiByPSIxLjIiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjIiLz48Y2lyY2xlIGN4PSIzMDQuMyIgY3k9IjQ0OC42IiByPSIyLjIiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjkiLz48Y2lyY2xlIGN4PSI2NzUuMCIgY3k9IjI3OC41IiByPSIxMi4wIiBmaWxsPSJ1cmwoI2RvdEdsb3cpIi8+PGNpcmNsZSBjeD0iNjc1LjAiIGN5PSIyNzguNSIgcj0iMi40IiBmaWxsPSIjZmZlOWE4Ii8+PGNpcmNsZSBjeD0iMzk5LjciIGN5PSI5MjMuMyIgcj0iMi4xIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjUxIi8+PGNpcmNsZSBjeD0iNzA5LjAiIGN5PSI4NjEuMyIgcj0iMi40IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjUwIi8+PGNpcmNsZSBjeD0iODgwLjUiIGN5PSI1MC42IiByPSIxLjYiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTUiLz48Y2lyY2xlIGN4PSIxNTk4LjkiIGN5PSI4MzYuMCIgcj0iMS42IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjU2Ii8+PGNpcmNsZSBjeD0iMTU1MC40IiBjeT0iOTI2LjQiIHI9IjIuNSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC44MCIvPjxjaXJjbGUgY3g9IjEzNTcuOSIgY3k9IjE2Ni4zIiByPSIyLjEiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjIiLz48Y2lyY2xlIGN4PSI3NzcuMCIgY3k9IjIxMy43IiByPSIxLjIiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTYiLz48Y2lyY2xlIGN4PSI2NDEuNyIgY3k9IjU4LjYiIHI9IjIuMCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC41OCIvPjxjaXJjbGUgY3g9IjYwNi40IiBjeT0iOTg1LjMiIHI9IjEuOCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC41OSIvPjxjaXJjbGUgY3g9IjQyNC4zIiBjeT0iNzg0LjEiIHI9IjIuNSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40MyIvPjxjaXJjbGUgY3g9IjcyOC4wIiBjeT0iNDIzLjAiIHI9IjEuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC42NyIvPjxjaXJjbGUgY3g9IjE1MzEuNyIgY3k9Ijk5NS40IiByPSIxLjciIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNzMiLz48Y2lyY2xlIGN4PSI4ODkuMiIgY3k9IjcxOC40IiByPSIyLjEiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNDUiLz48Y2lyY2xlIGN4PSIyNDcuNyIgY3k9IjI5Ni43IiByPSIxLjIiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTkiLz48Y2lyY2xlIGN4PSIxNTQ5LjkiIGN5PSI1NzkuMiIgcj0iMTYuNyIgZmlsbD0idXJsKCNkb3RHbG93KSIvPjxjaXJjbGUgY3g9IjE1NDkuOSIgY3k9IjU3OS4yIiByPSIzLjMiIGZpbGw9IiNmZmU5YTgiLz48Y2lyY2xlIGN4PSI4NjcuNSIgY3k9Ijc0OC4wIiByPSIxLjgiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNDUiLz48Y2lyY2xlIGN4PSI5MS41IiBjeT0iNTg0LjIiIHI9IjIuMiIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40NyIvPjxjaXJjbGUgY3g9IjgwNC42IiBjeT0iODUyLjciIHI9IjE0LjgiIGZpbGw9InVybCgjZG90R2xvdykiLz48Y2lyY2xlIGN4PSI4MDQuNiIgY3k9Ijg1Mi43IiByPSIzLjAiIGZpbGw9IiNmZmU5YTgiLz48Y2lyY2xlIGN4PSIyNTEuOSIgY3k9Ijk2MC44IiByPSIyLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNDAiLz48L2c+PC9zdmc+"); --educa-network-overlay: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDEwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIj48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9ImRvdEdsb3ciIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjUwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjRjZjVlIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRjZjVlIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48ZyBvcGFjaXR5PSIwLjA2IiBmaWxsPSIjZGZlOGZmIj48cG9seWdvbiBwb2ludHM9IjEwMzQuNCwyNzkuOCA4NTAuMSwtODMuNiAxMTcxLjMsLTEwOC40Ii8+PHBvbHlnb24gcG9pbnRzPSIzOTQuMiw2ODQuNiAxNjIuNiw0OTQuOSA0NjUuOCw0MTEuMCIvPjxwb2x5Z29uIHBvaW50cz0iMTM3Mi43LDkyMy40IDEwNzkuOCw3NTkuMiAxNDQ2LjMsNDg1LjEiLz48cG9seWdvbiBwb2ludHM9IjE1ODkuOCw2NTkuMSAxMTMzLjUsMTAwMC45IDExNDIuMyw0NTguNyIvPjxwb2x5Z29uIHBvaW50cz0iMTEyMS42LDI1Mi42IDk0OS4xLC02Ni40IDEzNDAuNSwxLjUiLz48cG9seWdvbiBwb2ludHM9IjgyNy4wLDEzMS42IDYwNC4zLDQ2Ni44IDM4OS42LDEwNS44Ii8+PHBvbHlnb24gcG9pbnRzPSIxNTA2LjIsMzEyLjggMTgzNy42LDYzMi42IDE0MzkuMiw4ODAuNSIvPjxwb2x5Z29uIHBvaW50cz0iMTY1LjksMTI2Ni41IDE4My40LDYwMS4xIDY3My42LDg2MC42Ii8+PHBvbHlnb24gcG9pbnRzPSIxMTEzLjksODMuMCA4NTMuOCw1NzIuOSA2NDEuNCwyMTMuMSIvPjwvZz48ZyBzdHJva2U9IiNmZmQ5ODAiIHN0cm9rZS13aWR0aD0iMSI+PGxpbmUgeDE9IjE3NS40IiB5MT0iNjI3LjQiIHgyPSIxMzcuMCIgeTI9IjQ4Ni4wIiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIxNzUuNCIgeTE9IjYyNy40IiB4Mj0iMTEwLjciIHkyPSI3NjAuNiIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTc1LjQiIHkxPSI2MjcuNCIgeDI9IjExMy42IiB5Mj0iNjMxLjEiIG9wYWNpdHk9IjAuMTI5Ii8+PGxpbmUgeDE9IjE3NS40IiB5MT0iNjI3LjQiIHgyPSI5MS41IiB5Mj0iNTg0LjIiIG9wYWNpdHk9IjAuMDgxIi8+PGxpbmUgeDE9IjEyNjcuMyIgeTE9IjQyMi4yIiB4Mj0iMTIyMC4wIiB5Mj0iNTM5LjQiIG9wYWNpdHk9IjAuMDM1Ii8+PGxpbmUgeDE9IjEyNjcuMyIgeTE9IjQyMi4yIiB4Mj0iMTI0NS44IiB5Mj0iNTMwLjQiIG9wYWNpdHk9IjAuMDU4Ii8+PGxpbmUgeDE9IjEwMS42IiB5MT0iMzgxLjYiIHgyPSIxNzguNSIgeTI9IjQzNC44IiBvcGFjaXR5PSIwLjA4MyIvPjxsaW5lIHgxPSIxMDEuNiIgeTE9IjM4MS42IiB4Mj0iMC45IiB5Mj0iMzI0LjIiIG9wYWNpdHk9IjAuMDUwIi8+PGxpbmUgeDE9IjEwMS42IiB5MT0iMzgxLjYiIHgyPSIxMzcuMCIgeTI9IjQ4Ni4wIiBvcGFjaXR5PSIwLjA1OCIvPjxsaW5lIHgxPSIxMDEuNiIgeTE9IjM4MS42IiB4Mj0iMTU1LjEiIHkyPSI0MzEuMSIgb3BhY2l0eT0iMC4xMTMiLz48bGluZSB4MT0iMTU5My44IiB5MT0iNTI5LjEiIHgyPSIxNTkyLjIiIHkyPSI2NDkuOSIgb3BhY2l0eT0iMC4wNDMiLz48bGluZSB4MT0iMTU5My44IiB5MT0iNTI5LjEiIHgyPSIxNDk2LjgiIHkyPSI1NzEuMCIgb3BhY2l0eT0iMC4wNjUiLz48bGluZSB4MT0iMTU5My44IiB5MT0iNTI5LjEiIHgyPSIxNTQ5LjkiIHkyPSI1NzkuMiIgb3BhY2l0eT0iMC4xMjIiLz48bGluZSB4MT0iMTU1My43IiB5MT0iODYwLjgiIHgyPSIxNDYwLjIiIHkyPSI4NzAuNSIgb3BhY2l0eT0iMC4wODIiLz48bGluZSB4MT0iMTU1My43IiB5MT0iODYwLjgiIHgyPSIxNTk4LjkiIHkyPSI4MzYuMCIgb3BhY2l0eT0iMC4xNDUiLz48bGluZSB4MT0iMTU1My43IiB5MT0iODYwLjgiIHgyPSIxNTUwLjQiIHkyPSI5MjYuNCIgb3BhY2l0eT0iMC4xMjQiLz48bGluZSB4MT0iMTU1My43IiB5MT0iODYwLjgiIHgyPSIxNTMxLjciIHkyPSI5OTUuNCIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTguNCIgeTE9IjcyMC43IiB4Mj0iMTEwLjciIHkyPSI3NjAuNiIgb3BhY2l0eT0iMC4wNzIiLz48bGluZSB4MT0iMTguNCIgeTE9IjcyMC43IiB4Mj0iMTEzLjYiIHkyPSI2MzEuMSIgb3BhY2l0eT0iMC4wMjgiLz48bGluZSB4MT0iMTA5MC43IiB5MT0iNTM3LjAiIHgyPSIxMjIwLjAiIHkyPSI1MzkuNCIgb3BhY2l0eT0iMC4wMzAiLz48bGluZSB4MT0iNDI2LjkiIHkxPSI2NDEuMCIgeDI9IjQ3Ny41IiB5Mj0iNjM4LjkiIG9wYWNpdHk9IjAuMTQ2Ii8+PGxpbmUgeDE9IjQyNi45IiB5MT0iNjQxLjAiIHgyPSI1NDAuOSIgeTI9IjU4OC4zIiBvcGFjaXR5PSIwLjAzNiIvPjxsaW5lIHgxPSI0MjYuOSIgeTE9IjY0MS4wIiB4Mj0iMzgwLjgiIHkyPSI2NjkuMCIgb3BhY2l0eT0iMC4xNDEiLz48bGluZSB4MT0iNDI2LjkiIHkxPSI2NDEuMCIgeDI9IjQyNC4zIiB5Mj0iNzg0LjEiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjE3OC41IiB5MT0iNDM0LjgiIHgyPSIxMzcuMCIgeTI9IjQ4Ni4wIiBvcGFjaXR5PSIwLjEyMyIvPjxsaW5lIHgxPSIxNzguNSIgeTE9IjQzNC44IiB4Mj0iMTU1LjEiIHkyPSI0MzEuMSIgb3BhY2l0eT0iMC4xODUiLz48bGluZSB4MT0iMTc4LjUiIHkxPSI0MzQuOCIgeDI9IjMwNC4zIiB5Mj0iNDQ4LjYiIG9wYWNpdHk9IjAuMDM0Ii8+PGxpbmUgeDE9IjcyNi4wIiB5MT0iOTUzLjgiIHgyPSI3MDkuMCIgeTI9Ijg2MS4zIiBvcGFjaXR5PSIwLjA4MiIvPjxsaW5lIHgxPSI3MjYuMCIgeTE9Ijk1My44IiB4Mj0iNjA2LjQiIHkyPSI5ODUuMyIgb3BhY2l0eT0iMC4wMzkiLz48bGluZSB4MT0iNzI2LjAiIHkxPSI5NTMuOCIgeDI9IjgwNC42IiB5Mj0iODUyLjciIG9wYWNpdHk9IjAuMDMyIi8+PGxpbmUgeDE9IjE0MDEuNCIgeTE9IjI2My40IiB4Mj0iMTI5Mi4wIiB5Mj0iMTkwLjQiIG9wYWNpdHk9IjAuMDI3Ii8+PGxpbmUgeDE9IjE0MDEuNCIgeTE9IjI2My40IiB4Mj0iMTM3OC43IiB5Mj0iMjQ4LjciIG9wYWNpdHk9IjAuMTgwIi8+PGxpbmUgeDE9IjE0MDEuNCIgeTE9IjI2My40IiB4Mj0iMTM1Ny45IiB5Mj0iMTY2LjMiIG9wYWNpdHk9IjAuMDY0Ii8+PGxpbmUgeDE9IjgwMC45IiB5MT0iMTc4LjciIHgyPSI2NzcuMCIgeTI9IjIxMS44IiBvcGFjaXR5PSIwLjAzMiIvPjxsaW5lIHgxPSI4MDAuOSIgeTE9IjE3OC43IiB4Mj0iNzc3LjAiIHkyPSIyMTMuNyIgb3BhY2l0eT0iMC4xNTgiLz48bGluZSB4MT0iMTQ2MC4yIiB5MT0iODcwLjUiIHgyPSIxNDA2LjAiIHkyPSI4MzEuNyIgb3BhY2l0eT0iMC4xMjIiLz48bGluZSB4MT0iMTQ2MC4yIiB5MT0iODcwLjUiIHgyPSIxNDA0LjgiIHkyPSI5NDYuOSIgb3BhY2l0eT0iMC4wODIiLz48bGluZSB4MT0iMTQ2MC4yIiB5MT0iODcwLjUiIHgyPSIxNTk4LjkiIHkyPSI4MzYuMCIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTQ2MC4yIiB5MT0iODcwLjUiIHgyPSIxNTUwLjQiIHkyPSI5MjYuNCIgb3BhY2l0eT0iMC4wNjQiLz48bGluZSB4MT0iMTQ2MC4yIiB5MT0iODcwLjUiIHgyPSIxNTMxLjciIHkyPSI5OTUuNCIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iNDc3LjUiIHkxPSI2MzguOSIgeDI9IjU0MC45IiB5Mj0iNTg4LjMiIG9wYWNpdHk9IjAuMTAxIi8+PGxpbmUgeDE9IjQ3Ny41IiB5MT0iNjM4LjkiIHgyPSIzODAuOCIgeTI9IjY2OS4wIiBvcGFjaXR5PSIwLjA3MSIvPjxsaW5lIHgxPSI5NzQuNCIgeTE9IjE1Mi44IiB4Mj0iODgwLjUiIHkyPSI1MC42IiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIxMjIwLjAiIHkxPSI1MzkuNCIgeDI9IjEyNDUuOCIgeTI9IjUzMC40IiBvcGFjaXR5PSIwLjE4MCIvPjxsaW5lIHgxPSIxMjIwLjAiIHkxPSI1MzkuNCIgeDI9IjExNjYuNSIgeTI9IjY3My40IiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIxNDA2LjAiIHkxPSI4MzEuNyIgeDI9IjE0MDQuOCIgeTI9Ijk0Ni45IiBvcGFjaXR5PSIwLjA1MSIvPjxsaW5lIHgxPSI0OTIuMCIgeTE9IjU3LjkiIHgyPSI2NDEuNyIgeTI9IjU4LjYiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjE0MDQuOCIgeTE9Ijk0Ni45IiB4Mj0iMTU1MC40IiB5Mj0iOTI2LjQiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjE0MDQuOCIgeTE9Ijk0Ni45IiB4Mj0iMTUzMS43IiB5Mj0iOTk1LjQiIG9wYWNpdHk9IjAuMDIxIi8+PGxpbmUgeDE9IjEzNy4wIiB5MT0iNDg2LjAiIHgyPSIxMTMuNiIgeTI9IjYzMS4xIiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSIxMzcuMCIgeTE9IjQ4Ni4wIiB4Mj0iMTU1LjEiIHkyPSI0MzEuMSIgb3BhY2l0eT0iMC4xMzUiLz48bGluZSB4MT0iMTM3LjAiIHkxPSI0ODYuMCIgeDI9IjkxLjUiIHkyPSI1ODQuMiIgb3BhY2l0eT0iMC4wNjEiLz48bGluZSB4MT0iMTEwLjciIHkxPSI3NjAuNiIgeDI9IjExMy42IiB5Mj0iNjMxLjEiIG9wYWNpdHk9IjAuMDMwIi8+PGxpbmUgeDE9IjEyMjUuMyIgeTE9IjEyOC40IiB4Mj0iMTI5Mi4wIiB5Mj0iMTkwLjQiIG9wYWNpdHk9IjAuMDg2Ii8+PGxpbmUgeDE9IjEyMjUuMyIgeTE9IjEyOC40IiB4Mj0iMTM1Ny45IiB5Mj0iMTY2LjMiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9Ijc2MC41IiB5MT0iNTQ5LjgiIHgyPSI3MDEuMCIgeTI9IjUxNy42IiBvcGFjaXR5PSIwLjEyMSIvPjxsaW5lIHgxPSI3NjAuNSIgeTE9IjU0OS44IiB4Mj0iNjc3LjciIHkyPSI0NjcuMCIgb3BhY2l0eT0iMC4wNDgiLz48bGluZSB4MT0iNzYwLjUiIHkxPSI1NDkuOCIgeDI9IjcyOC4wIiB5Mj0iNDIzLjAiIG9wYWNpdHk9IjAuMDI4Ii8+PGxpbmUgeDE9IjQyNC4xIiB5MT0iODcyLjQiIHgyPSIzNjYuMyIgeTI9IjkwNS40IiBvcGFjaXR5PSIwLjEyMiIvPjxsaW5lIHgxPSI0MjQuMSIgeTE9Ijg3Mi40IiB4Mj0iMzk5LjciIHkyPSI5MjMuMyIgb3BhY2l0eT0iMC4xMzciLz48bGluZSB4MT0iNDI0LjEiIHkxPSI4NzIuNCIgeDI9IjQyNC4zIiB5Mj0iNzg0LjEiIG9wYWNpdHk9IjAuMDkwIi8+PGxpbmUgeDE9IjY3Ny4wIiB5MT0iMjExLjgiIHgyPSI2NDQuMiIgeTI9IjMzOS4zIiBvcGFjaXR5PSIwLjAyNyIvPjxsaW5lIHgxPSI2NzcuMCIgeTE9IjIxMS44IiB4Mj0iNjc1LjAiIHkyPSIyNzguNSIgb3BhY2l0eT0iMC4xMjIiLz48bGluZSB4MT0iNjc3LjAiIHkxPSIyMTEuOCIgeDI9Ijc3Ny4wIiB5Mj0iMjEzLjciIG9wYWNpdHk9IjAuMDczIi8+PGxpbmUgeDE9Ijg2Mi45IiB5MT0iNzI5LjkiIHgyPSI3NTYuMyIgeTI9Ijc4NC42IiBvcGFjaXR5PSIwLjA0NCIvPjxsaW5lIHgxPSI4NjIuOSIgeTE9IjcyOS45IiB4Mj0iODg5LjIiIHkyPSI3MTguNCIgb3BhY2l0eT0iMC4xNzgiLz48bGluZSB4MT0iODYyLjkiIHkxPSI3MjkuOSIgeDI9Ijg2Ny41IiB5Mj0iNzQ4LjAiIG9wYWNpdHk9IjAuMTkzIi8+PGxpbmUgeDE9Ijg2Mi45IiB5MT0iNzI5LjkiIHgyPSI4MDQuNiIgeTI9Ijg1Mi43IiBvcGFjaXR5PSIwLjAyMSIvPjxsaW5lIHgxPSIzMjEuOCIgeTE9IjMxMS43IiB4Mj0iMzY4LjIiIHkyPSIyMjAuMiIgb3BhY2l0eT0iMC4wNzAiLz48bGluZSB4MT0iMzIxLjgiIHkxPSIzMTEuNyIgeDI9IjMwNC4zIiB5Mj0iNDQ4LjYiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjMyMS44IiB5MT0iMzExLjciIHgyPSIyNDcuNyIgeTI9IjI5Ni43IiBvcGFjaXR5PSIwLjEwOSIvPjxsaW5lIHgxPSIxNTkyLjIiIHkxPSI2NDkuOSIgeDI9IjE0OTYuOCIgeTI9IjU3MS4wIiBvcGFjaXR5PSIwLjAzOCIvPjxsaW5lIHgxPSIxNTkyLjIiIHkxPSI2NDkuOSIgeDI9IjE1NDkuOSIgeTI9IjU3OS4yIiBvcGFjaXR5PSIwLjA5OSIvPjxsaW5lIHgxPSI3MDEuMCIgeTE9IjUxNy42IiB4Mj0iNjc3LjciIHkyPSI0NjcuMCIgb3BhY2l0eT0iMC4xMzgiLz48bGluZSB4MT0iNzAxLjAiIHkxPSI1MTcuNiIgeDI9IjcyOC4wIiB5Mj0iNDIzLjAiIG9wYWNpdHk9IjAuMDc2Ii8+PGxpbmUgeDE9IjE5My42IiB5MT0iMjI0LjciIHgyPSIyNDcuNyIgeTI9IjI5Ni43IiBvcGFjaXR5PSIwLjA4OCIvPjxsaW5lIHgxPSIzNjguMiIgeTE9IjIyMC4yIiB4Mj0iMzQyLjgiIHkyPSIxMzIuMyIgb3BhY2l0eT0iMC4wODYiLz48bGluZSB4MT0iMzY4LjIiIHkxPSIyMjAuMiIgeDI9IjI0Ny43IiB5Mj0iMjk2LjciIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjExMy42IiB5MT0iNjMxLjEiIHgyPSI5MS41IiB5Mj0iNTg0LjIiIG9wYWNpdHk9IjAuMTQ0Ii8+PGxpbmUgeDE9IjM2Ni4zIiB5MT0iOTA1LjQiIHgyPSIzOTkuNyIgeTI9IjkyMy4zIiBvcGFjaXR5PSIwLjE2NCIvPjxsaW5lIHgxPSIzNjYuMyIgeTE9IjkwNS40IiB4Mj0iNDI0LjMiIHkyPSI3ODQuMSIgb3BhY2l0eT0iMC4wMjMiLz48bGluZSB4MT0iMzY2LjMiIHkxPSI5MDUuNCIgeDI9IjI1MS45IiB5Mj0iOTYwLjgiIG9wYWNpdHk9IjAuMDM0Ii8+PGxpbmUgeDE9IjEzNzUuNCIgeTE9IjcwLjkiIHgyPSIxMjkyLjAiIHkyPSIxOTAuNCIgb3BhY2l0eT0iMC4wMjAiLz48bGluZSB4MT0iMTM3NS40IiB5MT0iNzAuOSIgeDI9IjEzNTcuOSIgeTI9IjE2Ni4zIiBvcGFjaXR5PSIwLjA3OCIvPjxsaW5lIHgxPSIzODAuOCIgeTE9IjY2OS4wIiB4Mj0iNDI0LjMiIHkyPSI3ODQuMSIgb3BhY2l0eT0iMC4wNDAiLz48bGluZSB4MT0iMTQ5Ni44IiB5MT0iNTcxLjAiIHgyPSIxNTQ5LjkiIHkyPSI1NzkuMiIgb3BhY2l0eT0iMC4xNDEiLz48bGluZSB4MT0iNzU2LjMiIHkxPSI3ODQuNiIgeDI9IjcwOS4wIiB5Mj0iODYxLjMiIG9wYWNpdHk9IjAuMDg4Ii8+PGxpbmUgeDE9Ijc1Ni4zIiB5MT0iNzg0LjYiIHgyPSI4ODkuMiIgeTI9IjcxOC40IiBvcGFjaXR5PSIwLjAyMCIvPjxsaW5lIHgxPSI3NTYuMyIgeTE9Ijc4NC42IiB4Mj0iODY3LjUiIHkyPSI3NDguMCIgb3BhY2l0eT0iMC4wNDgiLz48bGluZSB4MT0iNzU2LjMiIHkxPSI3ODQuNiIgeDI9IjgwNC42IiB5Mj0iODUyLjciIG9wYWNpdHk9IjAuMDk4Ii8+PGxpbmUgeDE9IjEyOTIuMCIgeTE9IjE5MC40IiB4Mj0iMTM3OC43IiB5Mj0iMjQ4LjciIG9wYWNpdHk9IjAuMDY3Ii8+PGxpbmUgeDE9IjEyOTIuMCIgeTE9IjE5MC40IiB4Mj0iMTM1Ny45IiB5Mj0iMTY2LjMiIG9wYWNpdHk9IjAuMTE3Ii8+PGxpbmUgeDE9IjY3Ny43IiB5MT0iNDY3LjAiIHgyPSI2NDQuMiIgeTI9IjMzOS4zIiBvcGFjaXR5PSIwLjAyNiIvPjxsaW5lIHgxPSI2NzcuNyIgeTE9IjQ2Ny4wIiB4Mj0iNzI4LjAiIHkyPSI0MjMuMCIgb3BhY2l0eT0iMC4xMjIiLz48bGluZSB4MT0iNjQ0LjIiIHkxPSIzMzkuMyIgeDI9IjY3NS4wIiB5Mj0iMjc4LjUiIG9wYWNpdHk9IjAuMTIwIi8+PGxpbmUgeDE9IjY0NC4yIiB5MT0iMzM5LjMiIHgyPSI3MjguMCIgeTI9IjQyMy4wIiBvcGFjaXR5PSIwLjA0NiIvPjxsaW5lIHgxPSIxMzc4LjciIHkxPSIyNDguNyIgeDI9IjEzNTcuOSIgeTI9IjE2Ni4zIiBvcGFjaXR5PSIwLjA5NSIvPjxsaW5lIHgxPSI2NzUuMCIgeTE9IjI3OC41IiB4Mj0iNzc3LjAiIHkyPSIyMTMuNyIgb3BhY2l0eT0iMC4wNDMiLz48bGluZSB4MT0iMzk5LjciIHkxPSI5MjMuMyIgeDI9IjQyNC4zIiB5Mj0iNzg0LjEiIG9wYWNpdHk9IjAuMDIwIi8+PGxpbmUgeDE9IjcwOS4wIiB5MT0iODYxLjMiIHgyPSI4MDQuNiIgeTI9Ijg1Mi43IiBvcGFjaXR5PSIwLjA3OSIvPjxsaW5lIHgxPSIxNTk4LjkiIHkxPSI4MzYuMCIgeDI9IjE1NTAuNCIgeTI9IjkyNi40IiBvcGFjaXR5PSIwLjA3MCIvPjxsaW5lIHgxPSIxNTUwLjQiIHkxPSI5MjYuNCIgeDI9IjE1MzEuNyIgeTI9Ijk5NS40IiBvcGFjaXR5PSIwLjExNSIvPjxsaW5lIHgxPSI4ODkuMiIgeTE9IjcxOC40IiB4Mj0iODY3LjUiIHkyPSI3NDguMCIgb3BhY2l0eT0iMC4xNjYiLz48bGluZSB4MT0iODY3LjUiIHkxPSI3NDguMCIgeDI9IjgwNC42IiB5Mj0iODUyLjciIG9wYWNpdHk9IjAuMDQxIi8+PC9nPjxnPjxjaXJjbGUgY3g9IjE3NS40IiBjeT0iNjI3LjQiIHI9IjEuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC43NSIvPjxjaXJjbGUgY3g9IjEyNjcuMyIgY3k9IjQyMi4yIiByPSIyLjEiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTEiLz48Y2lyY2xlIGN4PSIxMDEuNiIgY3k9IjM4MS42IiByPSIyLjQiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNzUiLz48Y2lyY2xlIGN4PSIxNTkzLjgiIGN5PSI1MjkuMSIgcj0iMi4xIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjc0Ii8+PGNpcmNsZSBjeD0iMTU1My43IiBjeT0iODYwLjgiIHI9IjEuOSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC41NSIvPjxjaXJjbGUgY3g9IjE4LjQiIGN5PSI3MjAuNyIgcj0iMi4yIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjY1Ii8+PGNpcmNsZSBjeD0iMTA5MC43IiBjeT0iNTM3LjAiIHI9IjIuMSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC42MSIvPjxjaXJjbGUgY3g9IjQyNi45IiBjeT0iNjQxLjAiIHI9IjE1LjgiIGZpbGw9InVybCgjZG90R2xvdykiLz48Y2lyY2xlIGN4PSI0MjYuOSIgY3k9IjY0MS4wIiByPSIzLjIiIGZpbGw9IiNmZmU5YTgiLz48Y2lyY2xlIGN4PSIxNzguNSIgY3k9IjQzNC44IiByPSIxLjgiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuOTUiLz48Y2lyY2xlIGN4PSI3MjYuMCIgY3k9Ijk1My44IiByPSIxLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTgiLz48Y2lyY2xlIGN4PSIxNDAxLjQiIGN5PSIyNjMuNCIgcj0iMi41IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjg5Ii8+PGNpcmNsZSBjeD0iODAwLjkiIGN5PSIxNzguNyIgcj0iMS43IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjg3Ii8+PGNpcmNsZSBjeD0iMTQ2MC4yIiBjeT0iODcwLjUiIHI9IjIuMiIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC45NCIvPjxjaXJjbGUgY3g9IjQ3Ny41IiBjeT0iNjM4LjkiIHI9IjE0LjgiIGZpbGw9InVybCgjZG90R2xvdykiLz48Y2lyY2xlIGN4PSI0NzcuNSIgY3k9IjYzOC45IiByPSIzLjAiIGZpbGw9IiNmZmU5YTgiLz48Y2lyY2xlIGN4PSI5NzQuNCIgY3k9IjE1Mi44IiByPSIyLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNzgiLz48Y2lyY2xlIGN4PSIxMjIwLjAiIGN5PSI1MzkuNCIgcj0iMi41IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjUxIi8+PGNpcmNsZSBjeD0iMTI0NS44IiBjeT0iNTMwLjQiIHI9IjEuMyIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC41OSIvPjxjaXJjbGUgY3g9IjAuOSIgY3k9IjMyNC4yIiByPSIyLjAiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTUiLz48Y2lyY2xlIGN4PSIzMS4yIiBjeT0iOTI5LjEiIHI9IjIuMSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC42OSIvPjxjaXJjbGUgY3g9IjE0MDYuMCIgY3k9IjgzMS43IiByPSIyLjUiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTAiLz48Y2lyY2xlIGN4PSI0OTIuMCIgY3k9IjU3LjkiIHI9IjEuOCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC40NSIvPjxjaXJjbGUgY3g9IjE0MDQuOCIgY3k9Ijk0Ni45IiByPSIyLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTgiLz48Y2lyY2xlIGN4PSIxMzcuMCIgY3k9IjQ4Ni4wIiByPSIyLjIiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjYiLz48Y2lyY2xlIGN4PSIxMTAuNyIgY3k9Ijc2MC42IiByPSI4LjUiIGZpbGw9InVybCgjZG90R2xvdykiLz48Y2lyY2xlIGN4PSIxMTAuNyIgY3k9Ijc2MC42IiByPSIxLjciIGZpbGw9IiNmZmU5YTgiLz48Y2lyY2xlIGN4PSIxMjI1LjMiIGN5PSIxMjguNCIgcj0iMi40IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjcyIi8+PGNpcmNsZSBjeD0iNzYwLjUiIGN5PSI1NDkuOCIgcj0iMi40IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjUyIi8+PGNpcmNsZSBjeD0iNDI0LjEiIGN5PSI4NzIuNCIgcj0iMS40IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjkwIi8+PGNpcmNsZSBjeD0iNjc3LjAiIGN5PSIyMTEuOCIgcj0iMi4zIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjkwIi8+PGNpcmNsZSBjeD0iODYyLjkiIGN5PSI3MjkuOSIgcj0iMS41IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjUwIi8+PGNpcmNsZSBjeD0iMzIxLjgiIGN5PSIzMTEuNyIgcj0iMi4zIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjY1Ii8+PGNpcmNsZSBjeD0iMTU5Mi4yIiBjeT0iNjQ5LjkiIHI9IjIuMSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC45MSIvPjxjaXJjbGUgY3g9IjcwMS4wIiBjeT0iNTE3LjYiIHI9IjIuNCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC44NiIvPjxjaXJjbGUgY3g9IjE5My42IiBjeT0iMjI0LjciIHI9IjE3LjAiIGZpbGw9InVybCgjZG90R2xvdykiLz48Y2lyY2xlIGN4PSIxOTMuNiIgY3k9IjIyNC43IiByPSIzLjQiIGZpbGw9IiNmZmU5YTgiLz48Y2lyY2xlIGN4PSI1NDAuOSIgY3k9IjU4OC4zIiByPSIyLjIiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuOTIiLz48Y2lyY2xlIGN4PSIzNjguMiIgY3k9IjIyMC4yIiByPSIyLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuODYiLz48Y2lyY2xlIGN4PSIxMTMuNiIgY3k9IjYzMS4xIiByPSIxLjYiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTAiLz48Y2lyY2xlIGN4PSIzNjYuMyIgY3k9IjkwNS40IiByPSIyLjQiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTYiLz48Y2lyY2xlIGN4PSIxMzc1LjQiIGN5PSI3MC45IiByPSIyLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjAiLz48Y2lyY2xlIGN4PSIzODAuOCIgY3k9IjY2OS4wIiByPSIyLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNDYiLz48Y2lyY2xlIGN4PSIzNDIuOCIgY3k9IjEzMi4zIiByPSIxLjUiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuODgiLz48Y2lyY2xlIGN4PSIxNDk2LjgiIGN5PSI1NzEuMCIgcj0iMi42IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjc3Ii8+PGNpcmNsZSBjeD0iNzU2LjMiIGN5PSI3ODQuNiIgcj0iMS44IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjcyIi8+PGNpcmNsZSBjeD0iMTI5Mi4wIiBjeT0iMTkwLjQiIHI9IjE3LjYiIGZpbGw9InVybCgjZG90R2xvdykiLz48Y2lyY2xlIGN4PSIxMjkyLjAiIGN5PSIxOTAuNCIgcj0iMy41IiBmaWxsPSIjZmZlOWE4Ii8+PGNpcmNsZSBjeD0iMTU1LjEiIGN5PSI0MzEuMSIgcj0iMi42IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjkzIi8+PGNpcmNsZSBjeD0iNjc3LjciIGN5PSI0NjcuMCIgcj0iMTEuMCIgZmlsbD0idXJsKCNkb3RHbG93KSIvPjxjaXJjbGUgY3g9IjY3Ny43IiBjeT0iNDY3LjAiIHI9IjIuMiIgZmlsbD0iI2ZmZTlhOCIvPjxjaXJjbGUgY3g9IjExNjYuNSIgY3k9IjY3My40IiByPSIxLjgiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjEiLz48Y2lyY2xlIGN4PSIxNTc0LjciIGN5PSI5OC40IiByPSIyLjAiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjQiLz48Y2lyY2xlIGN4PSI2NDQuMiIgY3k9IjMzOS4zIiByPSIyLjAiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuODAiLz48Y2lyY2xlIGN4PSIxMzc4LjciIGN5PSIyNDguNyIgcj0iMS4yIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjcyIi8+PGNpcmNsZSBjeD0iMzA0LjMiIGN5PSI0NDguNiIgcj0iMi4yIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjc5Ii8+PGNpcmNsZSBjeD0iNjc1LjAiIGN5PSIyNzguNSIgcj0iMTIuMCIgZmlsbD0idXJsKCNkb3RHbG93KSIvPjxjaXJjbGUgY3g9IjY3NS4wIiBjeT0iMjc4LjUiIHI9IjIuNCIgZmlsbD0iI2ZmZTlhOCIvPjxjaXJjbGUgY3g9IjM5OS43IiBjeT0iOTIzLjMiIHI9IjIuMSIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC42MSIvPjxjaXJjbGUgY3g9IjcwOS4wIiBjeT0iODYxLjMiIHI9IjIuNCIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC42MCIvPjxjaXJjbGUgY3g9Ijg4MC41IiBjeT0iNTAuNiIgcj0iMS42IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjY1Ii8+PGNpcmNsZSBjeD0iMTU5OC45IiBjeT0iODM2LjAiIHI9IjEuNiIgZmlsbD0iI2UzYWEwMCIgb3BhY2l0eT0iMC42NiIvPjxjaXJjbGUgY3g9IjE1NTAuNCIgY3k9IjkyNi40IiByPSIyLjUiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuOTAiLz48Y2lyY2xlIGN4PSIxMzU3LjkiIGN5PSIxNjYuMyIgcj0iMi4xIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjcyIi8+PGNpcmNsZSBjeD0iNzc3LjAiIGN5PSIyMTMuNyIgcj0iMS4yIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjY2Ii8+PGNpcmNsZSBjeD0iNjQxLjciIGN5PSI1OC42IiByPSIyLjAiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjgiLz48Y2lyY2xlIGN4PSI2MDYuNCIgY3k9Ijk4NS4zIiByPSIxLjgiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNjkiLz48Y2lyY2xlIGN4PSI0MjQuMyIgY3k9Ijc4NC4xIiByPSIyLjUiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTMiLz48Y2lyY2xlIGN4PSI3MjguMCIgY3k9IjQyMy4wIiByPSIxLjMiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNzciLz48Y2lyY2xlIGN4PSIxNTMxLjciIGN5PSI5OTUuNCIgcj0iMS43IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjgzIi8+PGNpcmNsZSBjeD0iODg5LjIiIGN5PSI3MTguNCIgcj0iMi4xIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjU1Ii8+PGNpcmNsZSBjeD0iMjQ3LjciIGN5PSIyOTYuNyIgcj0iMS4yIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjY5Ii8+PGNpcmNsZSBjeD0iMTU0OS45IiBjeT0iNTc5LjIiIHI9IjE2LjciIGZpbGw9InVybCgjZG90R2xvdykiLz48Y2lyY2xlIGN4PSIxNTQ5LjkiIGN5PSI1NzkuMiIgcj0iMy4zIiBmaWxsPSIjZmZlOWE4Ii8+PGNpcmNsZSBjeD0iODY3LjUiIGN5PSI3NDguMCIgcj0iMS44IiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjU1Ii8+PGNpcmNsZSBjeD0iOTEuNSIgY3k9IjU4NC4yIiByPSIyLjIiIGZpbGw9IiNlM2FhMDAiIG9wYWNpdHk9IjAuNTciLz48Y2lyY2xlIGN4PSI4MDQuNiIgY3k9Ijg1Mi43IiByPSIxNC44IiBmaWxsPSJ1cmwoI2RvdEdsb3cpIi8+PGNpcmNsZSBjeD0iODA0LjYiIGN5PSI4NTIuNyIgcj0iMy4wIiBmaWxsPSIjZmZlOWE4Ii8+PGNpcmNsZSBjeD0iMjUxLjkiIGN5PSI5NjAuOCIgcj0iMi4zIiBmaWxsPSIjZTNhYTAwIiBvcGFjaXR5PSIwLjUwIi8+PC9nPjwvc3ZnPg=="); } * { box-sizing: border-box; } body { margin: 0; font-family: 'Poppins', sans-serif; color: var(--educa-dark); background: #ffffff; line-height: 1.6; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.25; margin: 0 0 0.75rem; } a { color: inherit; } img { max-width: 100%; height: auto; display: block; } .educa-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1.25rem; } /* Tienda, categorías de producto y ficha de producto individual: son plantillas propias de WooCommerce (no pasan por .entry-content), así que sin esto el contenido quedaba pegado de borde a borde de la pantalla en monitores anchos, sin ningún margen. */ .content-area { max-width: 1400px; margin: 0 auto; padding: 2rem 1.25rem 3rem; } /* -------------------------------------------------------------------------- Barra superior de marca (franja de color, toque corporativo) -------------------------------------------------------------------------- */ body::before { content: ""; display: block; height: 4px; width: 100%; background: linear-gradient(90deg, var(--educa-brand) 0%, var(--educa-blue) 40%, var(--educa-green) 70%, var(--educa-gold) 100%); position: sticky; top: 0; z-index: 101; } /* -------------------------------------------------------------------------- Header -------------------------------------------------------------------------- */ .educa-header { position: sticky; top: 4px; z-index: 100; background: #ffffff; box-shadow: 0 1px 3px rgba(13, 20, 26, 0.08); border-bottom: 3px solid var(--educa-blue); } .educa-header-inner { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.25rem; gap: 1rem; max-width: 1400px; margin: 0 auto; } .educa-logo { text-decoration: none; font-family: Montserrat, sans-serif; font-weight: 700; color: var(--educa-dark); } .educa-logo img { height: 48px; width: auto; } .educa-nav { display: none; } .educa-nav ul { list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 1.1rem; margin: 0; padding: 0; } .educa-nav a { position: relative; text-decoration: none; font-weight: 600; font-size: 0.92rem; color: var(--educa-dark); transition: color 0.2s ease; } .educa-nav a::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; border-radius: 999px; background: var(--educa-brand); transform: scaleX(0); transform-origin: left; transition: transform 0.2s ease; } .educa-nav a:hover { color: var(--educa-brand); } .educa-nav a:hover::after { transform: scaleX(1); } .educa-nav .educa-nav-cta a { background: var(--educa-brand); color: #ffffff; padding: 0.5em 1.1em; border-radius: 999px; } .educa-nav .educa-nav-cta a:hover { background: var(--educa-brand-dark); color: #ffffff; } /* Menú "Cursos" desplegable: "Cursos" y cada categoría son enlaces reales (llevan a /tienda/ o a la página de la categoría); la flecha aparte solo abre la vista previa. En escritorio se abre al pasar el mouse (con transición suave); en móvil, al tocar la flecha (acordeón). */ .educa-nav-courses { position: relative; } .educa-nav-courses-row, .educa-nav-cat-row { display: flex; align-items: center; gap: 0.35rem; } .educa-nav-courses-link, .educa-nav-cat-link { text-decoration: none; font-weight: 600; color: var(--educa-dark); transition: color 0.2s ease; } .educa-nav-courses-link { font-size: 0.92rem; } .educa-nav-courses-link:hover, .educa-nav-cat-link:hover { color: var(--educa-brand); } .educa-nav-courses-arrow, .educa-nav-cat-arrow { display: inline-flex; align-items: center; justify-content: center; background: none; border: none; padding: 0.2rem; color: var(--educa-dark); cursor: pointer; } .educa-nav-chevron { transition: transform 0.2s ease; flex-shrink: 0; } .educa-nav-courses:hover .educa-nav-courses-arrow .educa-nav-chevron, .educa-nav-courses-arrow[aria-expanded="true"] .educa-nav-chevron { transform: rotate(180deg); } .educa-nav-cat-item:hover .educa-nav-cat-arrow .educa-nav-chevron, .educa-nav-cat-arrow[aria-expanded="true"] .educa-nav-chevron { transform: translateX(2px); } .educa-nav-cat-list { list-style: none; margin: 0; padding: 0; } .educa-nav-course-list { list-style: none; margin: 0; } .educa-nav-course-list a { display: block; text-decoration: none; color: var(--educa-dark); transition: color 0.15s ease; } .educa-nav-course-list a:hover { color: var(--educa-green); } .educa-nav-courses-viewall { display: block; text-decoration: none; font-weight: 700; color: var(--educa-brand); text-align: center; } /* Estado por defecto (mobile-first): paneles cerrados hasta que se abran por toque (clase .is-open agregada por JS) o, en escritorio, por hover. */ .educa-nav-courses-panel, .educa-nav-course-list { display: none; } .educa-nav-courses-panel.is-open, .educa-nav-course-list.is-open { display: block; animation: educaFadeIn 0.2s ease; } @keyframes educaFadeIn { from { opacity: 0; } to { opacity: 1; } } /* Dentro del menú móvil: acordeón simple, en línea con el resto del menú */ .educa-mobile-nav .educa-nav-courses-panel { margin-top: 0.75rem; } .educa-mobile-nav .educa-nav-cat-item + .educa-nav-cat-item { margin-top: 0.6rem; padding-top: 0.6rem; border-top: 1px solid var(--educa-grey); } .educa-mobile-nav .educa-nav-course-list { padding: 0.6rem 0 0 1rem; display: flex; flex-direction: column; gap: 0.6rem; } .educa-mobile-nav .educa-nav-course-list.is-open { display: flex; } .educa-mobile-nav .educa-nav-courses-viewall { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--educa-grey); } /* En escritorio: "Cursos" abre un panel debajo con las categorías; cada categoría, al pasar el mouse, abre un segundo panel al costado con sus cursos (igual que un menú de escritorio clásico). Todo con transición suave de opacidad, no un aparecer/desaparecer brusco. */ @media (min-width: 1024px) { .educa-nav .educa-nav-courses-panel, .educa-nav .educa-nav-course-list { display: block; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; } .educa-nav .educa-nav-courses-panel.is-open, .educa-nav .educa-nav-course-list.is-open { animation: none; } .educa-nav .educa-nav-courses-panel { position: absolute; /* Sin hueco entre "Cursos" y el panel: si hubiera espacio, el mouse lo cruza al bajar y el :hover se corta antes de llegar al panel. El "aire" visual lo da el padding de 1rem, que queda DENTRO de la zona con hover activo, no fuera. */ top: 100%; left: 0; background: #ffffff; border-radius: 12px; box-shadow: 0 12px 32px rgba(13, 20, 26, 0.16); padding: 1rem; width: 320px; z-index: 200; transform: translateY(-8px); } .educa-nav-courses:hover .educa-nav-courses-panel, .educa-nav .educa-nav-courses-panel.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .educa-nav .educa-nav-cat-item { position: relative; } .educa-nav .educa-nav-cat-item + .educa-nav-cat-item { margin-top: 0.15rem; } .educa-nav .educa-nav-cat-row { padding: 0.5rem 0.5rem; border-radius: 6px; } .educa-nav .educa-nav-cat-row:hover { background: #f5f8fb; } .educa-nav .educa-nav-course-list { position: absolute; top: -0.5rem; /* Igual que el panel de "Cursos": sin hueco horizontal hacia la categoría, para que el hover no se corte al mover el mouse. */ left: 100%; background: #ffffff; border-radius: 12px; box-shadow: 0 12px 32px rgba(13, 20, 26, 0.16); padding: 0.75rem; width: 280px; z-index: 210; transform: translateX(-6px); } .educa-nav-cat-item:hover .educa-nav-course-list, .educa-nav .educa-nav-course-list.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); } .educa-nav .educa-nav-course-list li + li { margin-top: 0.4rem; } .educa-nav .educa-nav-courses-viewall { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--educa-grey); } } .educa-header-icons { display: flex; align-items: center; gap: 1rem; } .educa-header-icons a { display: inline-flex; position: relative; color: var(--educa-dark); transition: color 0.2s ease, transform 0.2s ease; } .educa-header-icons a:hover { color: var(--educa-green); transform: scale(1.15); } .educa-cart-count { position: absolute; top: -6px; right: -8px; background: var(--educa-gold); color: var(--educa-dark); font-size: 0.65rem; font-weight: 700; line-height: 1; padding: 3px 5px; border-radius: 999px; } /* Menú móvil (checkbox-toggle, sin JS) */ .educa-menu-toggle { display: inline-flex; background: none; border: none; cursor: pointer; padding: 0.25rem; color: var(--educa-dark); } #educa-menu-checkbox { display: none; } .educa-mobile-nav { display: none; background: #ffffff; border-top: 1px solid var(--educa-grey); } #educa-menu-checkbox:checked ~ .educa-mobile-nav { display: block; } .educa-mobile-nav ul { list-style: none; margin: 0; padding: 1rem 1.25rem; display: flex; flex-direction: column; gap: 0.9rem; } .educa-mobile-nav a { text-decoration: none; font-weight: 600; color: var(--educa-dark); } @media (min-width: 1024px) { .educa-nav { display: block; } .educa-menu-toggle, .educa-mobile-nav { display: none !important; } } /* -------------------------------------------------------------------------- Botones (WooCommerce + bloques nativos, unificados) -------------------------------------------------------------------------- */ .wp-element-button, .woocommerce a.button, .woocommerce button.button, a.add_to_cart_button { border-radius: 8px !important; font-weight: 600 !important; background-color: var(--educa-brand) !important; color: #ffffff !important; border: none !important; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, background-color 0.2s ease !important; } .wp-element-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, a.add_to_cart_button:hover { background-color: var(--educa-brand-dark) !important; transform: translateY(-3px) scale(1.03); box-shadow: 0 10px 20px rgba(156, 18, 3, 0.3); color: #ffffff !important; } .wp-element-button:active, .woocommerce a.button:active, .woocommerce button.button:active, a.add_to_cart_button:active { transform: translateY(-1px) scale(1.01); } .educa-btn { display: inline-block; border-radius: 8px; font-weight: 700; font-family: Montserrat, sans-serif; text-decoration: none; padding: 0.75em 1.75em; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, background-color 0.2s ease; } .educa-btn:hover { transform: translateY(-3px) scale(1.03); } .educa-btn:active { transform: translateY(-1px) scale(1.01); } .educa-btn-primary { background: var(--educa-brand); color: #ffffff; } .educa-btn-primary:hover { background: var(--educa-brand-dark); box-shadow: 0 10px 20px rgba(156, 18, 3, 0.3); color: #ffffff; } .educa-btn-light { background: #ffffff; color: var(--educa-brand); } .educa-btn-light:hover { background: var(--educa-green); color: #ffffff; box-shadow: 0 10px 20px rgba(18, 107, 0, 0.35); } /* -------------------------------------------------------------------------- Tarjetas de cursos (WooCommerce product loop) — mobile-first -------------------------------------------------------------------------- */ .woocommerce ul.products, .woocommerce-page ul.products { display: grid !important; grid-template-columns: 1fr; gap: 1.5rem; margin: 0 !important; padding: 0 !important; } @media (min-width: 600px) { .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 900px) { .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(4, 1fr); } } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background: #ffffff; border: 1px solid var(--educa-grey); border-radius: 12px; padding: 1rem !important; margin: 0 !important; box-shadow: 0 2px 6px rgba(13, 20, 26, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease; width: auto !important; float: none !important; list-style: none; display: flex; flex-direction: column; } .woocommerce ul.products li.product .woocommerce-loop-product__title { flex-grow: 1; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(13, 20, 26, 0.12); } .woocommerce ul.products li.product img { border-radius: 8px; width: 100%; height: auto; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: Montserrat, sans-serif; font-size: 1rem; font-weight: 700; color: var(--educa-dark); margin: 0.75rem 0 0.5rem; } .woocommerce ul.products li.product .price { color: var(--educa-brand); font-weight: 700; } .woocommerce ul.products li.product .onsale { background: var(--educa-gold) !important; color: var(--educa-dark) !important; border-radius: 999px; font-weight: 700; } .woocommerce ul.products li.product a.add_to_cart_button { display: block; text-align: center; margin-top: 0.75rem; } /* -------------------------------------------------------------------------- Contenido general de página (todas las páginas migradas a bloques nativos) -------------------------------------------------------------------------- */ .entry-content { max-width: 760px; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; background: linear-gradient(180deg, #f5f8fb 0%, #ffffff 220px); } .entry-content h2 { color: var(--educa-dark); font-family: Montserrat, sans-serif; font-weight: 700; margin-top: 2.5rem; margin-bottom: 0.75rem; display: inline-block; position: relative; padding-bottom: 0.4rem; } .entry-content h2::after { content: ""; display: block; width: 46px; height: 4px; border-radius: 999px; margin-top: 0.35rem; background: linear-gradient(90deg, var(--educa-gold), var(--educa-brand)); } .entry-content h2:first-child { margin-top: 0; } .entry-content > p { color: var(--educa-dark); opacity: 0.8; margin-bottom: 1.25rem; } .entry-content figure.wp-block-image { margin: 2rem 0; } .entry-content figure.wp-block-image img { border-radius: 14px; box-shadow: 0 6px 18px rgba(13, 20, 26, 0.12); } /* Tarjeta de información con acento azul (usada en Contacto: sede/ubicación) */ .educa-info-card { background: #eef4f8; border-left: 4px solid var(--educa-blue); border-radius: 8px; padding: 1rem 1.25rem; margin: 1rem 0 1.75rem; } .educa-info-card h2 { margin-top: 0 !important; } .educa-info-card p { opacity: 1 !important; color: var(--educa-blue-dark) !important; font-weight: 500; margin-bottom: 0 !important; } .educa-contact-form { background: #ffffff; border: 1px solid var(--educa-grey); border-radius: 14px; padding: 1.5rem; box-shadow: 0 2px 8px rgba(13, 20, 26, 0.06); max-width: 100%; } .educa-contact-form label { font-family: Montserrat, sans-serif; color: var(--educa-dark); } .educa-contact-form input[type="text"], .educa-contact-form input[type="email"], .educa-contact-form textarea { border-radius: 8px; border: 1px solid var(--educa-grey); padding: 0.65em 0.9em; font-family: Poppins, sans-serif; } .educa-contact-form input[type="text"]:focus, .educa-contact-form input[type="email"]:focus, .educa-contact-form textarea:focus { outline: none; border-color: var(--educa-brand); box-shadow: 0 0 0 3px rgba(156, 18, 3, 0.12); } .educa-contact-form button[type="submit"] { background: var(--educa-brand); color: #ffffff; border: none; border-radius: 8px; padding: 0.75em 1.75em; font-weight: 600; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; } .educa-contact-form button[type="submit"]:hover { background: var(--educa-brand-dark); transform: translateY(-2px); box-shadow: 0 6px 14px rgba(156, 18, 3, 0.25); } /* -------------------------------------------------------------------------- Carrito (WooCommerce) -------------------------------------------------------------------------- */ .woocommerce-cart-form table.shop_table { border-collapse: collapse; width: 100%; } .woocommerce-cart-form table.shop_table th { font-family: Montserrat, sans-serif; color: var(--educa-dark); border-bottom: 2px solid var(--educa-grey); padding: 0.75rem 0.5rem; text-align: left; } .woocommerce-cart-form table.shop_table td { border-bottom: 1px solid var(--educa-grey); padding: 0.9rem 0.5rem; } .woocommerce-cart-form .product-remove a { color: var(--educa-brand) !important; } .woocommerce-cart-form .quantity input { border-radius: 8px; border: 1px solid var(--educa-grey); padding: 0.4em 0.6em; } .cart-collaterals .cart_totals { background: #eef4f8; border-left: 4px solid var(--educa-blue); border-radius: 8px; padding: 1.25rem 1.5rem; } .cart-collaterals .cart_totals h2 { color: var(--educa-blue-dark); font-family: Montserrat, sans-serif; } .cart-collaterals .cart_totals .order-total .woocommerce-Price-amount { color: var(--educa-brand); font-weight: 700; font-size: 1.15rem; } .wc-proceed-to-checkout a.checkout-button { display: block; text-align: center; background: var(--educa-brand) !important; color: #ffffff !important; font-weight: 700 !important; padding: 0.85em 1.5em !important; } .wc-empty-cart-message .wc-block-components-notice-banner { background: #eef4f8; border-left: 4px solid var(--educa-green); border-radius: 8px; padding: 1.25rem; } /* -------------------------------------------------------------------------- Página de acceso (Mi cuenta, SIN sesión iniciada): fondo oscuro de marca con el patrón de constelación (mismo que el hero de Home) y tarjetas blancas para los formularios de acceder/registrarse — pedido explícito del cliente, inspirado en una referencia externa, adaptado a la paleta propia (azul marino + dorado, sin nada de la marca de la referencia). Solo aplica sin sesión iniciada: una vez el cliente ya inició sesión, el panel (pedidos, direcciones) sigue con el fondo claro de siempre, más legible para tablas y datos. -------------------------------------------------------------------------- */ body.woocommerce-account:not(.logged-in) .entry-content { max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background: var(--educa-network-bg), linear-gradient(135deg, var(--educa-blue) 0%, var(--educa-blue-dark) 100%); background-size: cover; background-position: center; padding: 3rem 1.25rem 4rem; } body.woocommerce-account:not(.logged-in) #customer_login { max-width: 1000px; margin: 0 auto; } body.woocommerce-account:not(.logged-in) .u-columns.col2-set > div { background: #ffffff; border-radius: 14px; box-shadow: 0 24px 60px rgba(1, 4, 26, 0.45); padding: 1.75rem; } body.woocommerce-account:not(.logged-in) .u-columns.col2-set h2 { margin-top: 0; font-size: 1.4rem; } body.woocommerce-account:not(.logged-in) .woocommerce-form-login, body.woocommerce-account:not(.logged-in) .woocommerce-form-register { background: transparent; border: none; padding: 0; } /* -------------------------------------------------------------------------- Mi cuenta (WooCommerce) Incluye login/registro de invitado, panel de cliente y la sección que inyecta Edwiser Bridge (vínculo con la cuenta Moodle) dentro del mismo contenedor .woocommerce-MyAccount-content. -------------------------------------------------------------------------- */ .woocommerce-account .woocommerce { display: flex; flex-direction: column; gap: 1.5rem; } @media (min-width: 768px) { .woocommerce-account .woocommerce { flex-direction: row; align-items: flex-start; gap: 2rem; } } .woocommerce-MyAccount-navigation { background: #eef4f8; border-left: 4px solid var(--educa-blue); border-radius: 8px; padding: 1rem; } @media (min-width: 768px) { .woocommerce-MyAccount-navigation { flex: 0 0 220px; } } .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; } .woocommerce-MyAccount-navigation li a { display: block; padding: 0.6em 0.75em; border-radius: 6px; color: var(--educa-dark); font-family: Montserrat, sans-serif; font-weight: 600; text-decoration: none; } .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { background: var(--educa-blue); color: #ffffff; } .woocommerce-MyAccount-content { flex: 1; min-width: 0; } .woocommerce-form-login, .woocommerce-form-register { background: #ffffff; border: 1px solid var(--educa-grey); border-radius: 8px; padding: 1.5rem; } @media (min-width: 600px) { .u-columns.woocommerce-Addresses, .u-columns.col2-set { display: flex; gap: 2rem; } .u-columns.woocommerce-Addresses > div, .u-columns.col2-set > div { flex: 1; } } .woocommerce-form-row label { display: block; font-family: Montserrat, sans-serif; color: var(--educa-dark); margin-bottom: 0.3em; } .woocommerce-form-login input.input-text, .woocommerce-form-register input.input-text, .woocommerce-EditAccountForm input.input-text, .woocommerce-address-fields input.input-text, .woocommerce-address-fields select { width: 100%; border: 1px solid var(--educa-grey); border-radius: 8px; padding: 0.6em 0.8em; box-sizing: border-box; } .woocommerce-form-login .button, .woocommerce-form-register .button, .woocommerce-EditAccountForm .button, .woocommerce-address-fields .button, .woocommerce-MyAccount-content .button { background: var(--educa-brand) !important; color: #ffffff !important; border-radius: 8px !important; font-weight: 700 !important; padding: 0.7em 1.4em !important; } .woocommerce-LostPassword a, .woocommerce-form-login__rememberme { color: var(--educa-blue); } .woocommerce-MyAccount-orders, .eb-public table { width: 100%; border-collapse: collapse; } .woocommerce-MyAccount-orders th, .eb-public table th { font-family: Montserrat, sans-serif; color: var(--educa-dark); border-bottom: 2px solid var(--educa-grey); padding: 0.7rem 0.5rem; text-align: left; } .woocommerce-MyAccount-orders td, .eb-public table td { border-bottom: 1px solid var(--educa-grey); padding: 0.7rem 0.5rem; } .woocommerce-orders-table__cell-order-status mark.order-status { background: var(--educa-green); color: #ffffff; border-radius: 999px; padding: 0.2em 0.8em; font-weight: 600; } .woocommerce-message, .woocommerce-info { border-top-color: var(--educa-green) !important; } .woocommerce-message::before { color: var(--educa-green) !important; } /* -------------------------------------------------------------------------- Home -------------------------------------------------------------------------- */ /* Las secciones de Home/Empresas/etc. viven dentro de .entry-content (760px máx.), pero cada una define su propio ancho interno (1200px/800px/etc. con margin:auto) — hay que "romper" el contenedor padre para que el fondo de color de cada sección llegue de borde a borde de la pantalla. */ .entry-content > .educa-home-hero, .entry-content > .educa-home-brand-intro, .entry-content > .educa-home-areas, .entry-content > .educa-home-featured, .entry-content > .educa-home-featured-cta, .entry-content > .educa-home-newsletter, .entry-content > .educa-home-services, .entry-content > .educa-home-cta, .entry-content > .educa-home-faq, .entry-content > .educa-empresas-services, .entry-content > .educa-empresas-cta, .entry-content > .educa-empresas-contact, .entry-content > .educa-eva-cta, .entry-content > .educa-validar-cta, .entry-content > .educa-packs-cta, .entry-content > .woocommerce { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } /* La cuadrícula de "Cursos destacados" (shortcode/loop de WooCommerce en Home) queda 100vw por la regla de arriba — se re-centra aquí con un ancho real (no los 760px de .entry-content) para que las tarjetas tengan espacio de sobra y no se corte el texto. */ .entry-content > .woocommerce { padding: 0 1.25rem 2.5rem; } .entry-content > .woocommerce ul.products { max-width: 1100px; margin: 0 auto !important; } /* Con 4 cursos destacados, la cuadrícula general de 3 columnas (900-1199px) dejaría una fila incompleta con espacio vacío. Se salta directo de 2 a 4 columnas para esta sección específica, así siempre hay filas completas. */ @media (min-width: 900px) and (max-width: 1199px) { .entry-content > .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); } } .educa-home-section-title { font-family: Montserrat, sans-serif; font-weight: 700; color: var(--educa-dark); font-size: 1.6rem; line-height: 1.25; } .educa-home-section-title--center { text-align: center; } .educa-home-section-title--light { color: #ffffff; } @media (min-width: 768px) { .educa-home-section-title { font-size: 2rem; } } /* Hero */ .educa-home-hero { background: var(--educa-network-bg), linear-gradient(135deg, var(--educa-blue) 0%, var(--educa-blue-dark) 100%); background-size: cover; background-position: center; padding: 3rem 1.25rem; text-align: center; } .educa-home-hero-inner { max-width: 720px; margin: 0 auto; } .educa-home-hero-title { color: #ffffff; font-family: Montserrat, sans-serif; font-weight: 700; font-size: 1.9rem; line-height: 1.2; margin: 0 0 1rem; } .educa-home-hero-text { color: #ffffff; opacity: 0.9; font-size: 1.05rem; margin: 0 0 1.75rem; } @media (min-width: 768px) { .educa-home-hero { padding: 5rem 1.5rem; } .educa-home-hero-title { font-size: 2.75rem; } .educa-home-hero-text { font-size: 1.2rem; } } /* Carrusel del hero: 4 fotos reales de EDUCA VITACARE que rotan cada 6s (imagen + título/texto/botón). Sin JS se ve fija la diapositiva 1 — el HTML ya trae ese contenido real, JS solo lo anima. */ .educa-hero-carousel { position: relative; overflow: hidden; min-height: 440px; display: flex; align-items: center; justify-content: center; } .educa-hero-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease; } .educa-hero-slide.is-active { opacity: 1; } .educa-hero-slide::after { content: ""; position: absolute; inset: 0; background: var(--educa-network-overlay), linear-gradient(135deg, rgba(3, 7, 42, 0.82) 0%, rgba(1, 4, 26, 0.78) 100%); background-size: cover; background-position: center; } .educa-hero-carousel .educa-home-hero-inner { position: relative; z-index: 2; } .educa-hero-dots { position: relative; z-index: 2; display: flex; justify-content: center; gap: 0.6rem; margin-top: 2rem; } .educa-hero-dot { width: 10px; height: 10px; border-radius: 999px; border: none; background: rgba(255, 255, 255, 0.4); padding: 0; cursor: pointer; transition: background 0.2s ease, transform 0.2s ease; } .educa-hero-dot:hover { background: rgba(255, 255, 255, 0.7); } .educa-hero-dot.is-active { background: var(--educa-gold); transform: scale(1.3); } @media (min-width: 768px) { .educa-hero-carousel { min-height: 560px; } } /* Momento de marca: animación 3D del logo, entre el hero y "Áreas clave". */ .educa-home-brand-intro { background: #f7f7f9; padding: 2.5rem 1.25rem; text-align: center; } .educa-brand-video { display: block; width: 100%; max-width: 480px; height: auto; margin: 0 auto; border-radius: 10px; } @media (min-width: 768px) { .educa-home-brand-intro { padding: 3.5rem 1.25rem; } .educa-brand-video { max-width: 620px; } } /* Áreas clave */ .educa-home-areas { padding: 2.5rem 1.25rem; max-width: 1200px; margin: 0 auto; } .educa-home-areas-header { text-align: center; margin-bottom: 1.75rem; } .educa-home-section-kicker { color: var(--educa-green); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; margin: 0.4rem 0 0; } .educa-home-areas-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 900px) { .educa-home-areas-grid { grid-template-columns: repeat(3, 1fr); } } .educa-area-card { position: relative; border-radius: 14px; overflow: hidden; min-height: 300px; background-size: cover; background-position: center; box-shadow: 0 4px 12px rgba(13, 20, 26, 0.1); transition: transform 0.25s ease, box-shadow 0.25s ease; display: flex; align-items: flex-end; } .educa-area-card:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(13, 20, 26, 0.16); } .educa-area-card-overlay { width: 100%; padding: 1.5rem; background: linear-gradient(180deg, rgba(13, 20, 26, 0) 0%, rgba(13, 20, 26, 0.85) 100%); } .educa-area-card-title { color: #ffffff; font-family: Montserrat, sans-serif; font-weight: 700; font-size: 1.25rem; margin: 0 0 0.5rem; } .educa-area-card-text { color: #ffffff; opacity: 0.9; margin: 0 0 1rem; } /* Cursos destacados */ .educa-home-featured { padding: 2.5rem 1.25rem 1rem; max-width: 1200px; margin: 0 auto; } .educa-home-featured-cta { text-align: center; padding: 1rem 1.25rem 2.5rem; } /* Newsletter */ .educa-home-newsletter { background: var(--educa-brand); padding: 2.5rem 1.25rem; text-align: center; } .educa-home-newsletter-text { color: #ffffff; opacity: 0.9; max-width: 560px; margin: 0.75rem auto 0; } /* Servicios (Cursos Online / Packs Promos / Tienda Online / Acceso EVA) */ .educa-home-services { padding: 2.5rem 1.25rem; max-width: 1200px; margin: 0 auto; } .educa-home-services-header { text-align: center; margin-bottom: 2rem; } .educa-home-services-intro { color: var(--educa-dark); opacity: 0.75; max-width: 560px; margin: 0.5rem auto 0; } .educa-home-services-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 600px) { .educa-home-services-grid { grid-template-columns: repeat(3, 1fr); } } .educa-service-card { text-align: center; } .educa-service-icon { border-radius: 999px; width: 84px; height: 84px; object-fit: cover; margin: 0 auto 1rem; border: 3px solid var(--educa-gold); box-shadow: 0 4px 10px rgba(13, 20, 26, 0.1); display: block; } .educa-service-title { font-family: Montserrat, sans-serif; font-weight: 700; color: var(--educa-blue); margin: 0 0 0.4rem; } .educa-service-text { color: var(--educa-dark); opacity: 0.75; margin: 0; } /* CTA "Capacítate hoy" */ .educa-home-cta { background: linear-gradient(135deg, var(--educa-brand) 0%, var(--educa-brand-dark) 100%); padding: 3rem 1.25rem; text-align: center; } .educa-home-cta-text { color: #ffffff; opacity: 0.9; max-width: 560px; margin: 0.75rem auto 1.75rem; } /* FAQ */ .educa-home-faq { padding: 2.5rem 1.25rem 3.5rem; max-width: 800px; margin: 0 auto; } .educa-faq-list { margin-top: 1.75rem; display: flex; flex-direction: column; gap: 1.25rem; } .educa-faq-item { border-bottom: 1px solid var(--educa-grey); padding-bottom: 1.25rem; } .educa-faq-question { font-family: Montserrat, sans-serif; font-weight: 700; color: var(--educa-dark); font-size: 1.05rem; position: relative; padding-left: 1.5rem; margin: 0 0 0.5rem; } .educa-faq-question::before { content: "?"; position: absolute; left: 0; color: var(--educa-green); font-weight: 700; } .educa-faq-answer { color: var(--educa-dark); opacity: 0.75; padding-left: 1.5rem; margin: 0; } /* -------------------------------------------------------------------------- Empresas Reutiliza .educa-service-card/-icon/-text y .educa-home-cta/.educa-btn -------------------------------------------------------------------------- */ .educa-empresas-services { padding: 2.5rem 1.25rem; max-width: 1200px; margin: 0 auto; } .educa-empresas-services-grid { margin-top: 1.75rem; } .educa-empresas-cta { margin-top: 1rem; } .educa-empresas-contact { padding: 2.5rem 1.25rem 0; max-width: 1200px; margin: 0 auto; } .educa-empresas-banner { margin: 2.5rem 0 0 !important; } .educa-empresas-banner img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; } /* -------------------------------------------------------------------------- Eva - Campus Virtual Reutiliza .educa-home-cta. La página en sí no contiene el enlace a vitacareec.org/eva — ese enlace vive en el menú de navegación del sitio (header.php) y no se toca (el Moodle en sí nunca se modifica). -------------------------------------------------------------------------- */ .educa-eva-info { display: flex; flex-direction: column; gap: 1.75rem; padding: 2.5rem 1.25rem; max-width: 1000px; margin: 0 auto; } @media (min-width: 768px) { .educa-eva-info { flex-direction: row; align-items: center; gap: 3rem; } } .educa-eva-info-image { flex: 1; } .educa-eva-info-image img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 6px 18px rgba(13, 20, 26, 0.12); } .educa-eva-info-text { flex: 1; } .educa-eva-info-description { color: var(--educa-dark); opacity: 0.8; margin-top: 0.75rem; } /* -------------------------------------------------------------------------- Validar Certificado Reutiliza .educa-home-cta y .educa-service-card/-icon/-title/-text. El botón "Validar Certificados" enlaza al validador real dentro del Moodle (vitacareec.org/eva/mod/certificatebeautiful/v/) — solo se migra el marcado de la página, el enlace y el sistema de Moodle no se tocan. -------------------------------------------------------------------------- */ .educa-validar-services-grid { max-width: 700px; margin-left: auto; margin-right: auto; } @media (min-width: 600px) { .educa-validar-services-grid { grid-template-columns: repeat(2, 1fr); } } /* -------------------------------------------------------------------------- Packs Reutiliza .educa-home-cta, .educa-home-featured, .educa-area-card. Layout asimétrico original: 1 tarjeta grande (50%) + 2 tarjetas pequeñas (25% cada una) al lado — se preserva esa proporción. -------------------------------------------------------------------------- */ .educa-packs-areas-grid { display: flex; flex-direction: column; gap: 1.5rem; } @media (min-width: 900px) { .educa-packs-areas-grid { flex-direction: row; align-items: stretch; } .educa-packs-featured-card { flex: 1 1 50%; } .educa-packs-small-cards { flex: 1 1 50%; } } .educa-packs-small-cards { display: flex; flex-direction: column; gap: 1.5rem; } @media (min-width: 600px) { .educa-packs-small-cards { flex-direction: row; } .educa-packs-small-cards .educa-area-card { flex: 1; } } .educa-area-card--solid { background: linear-gradient(135deg, var(--educa-blue) 0%, var(--educa-blue-dark) 100%); } .educa-packs-featured-cta { max-width: 700px; margin-left: auto; margin-right: auto; } .educa-packs-featured-text { color: var(--educa-dark); opacity: 0.8; margin-bottom: 1.25rem; } /* -------------------------------------------------------------------------- Footer -------------------------------------------------------------------------- */ .educa-footer { background: var(--educa-dark); color: #ffffff; padding: 3rem 0 1.5rem; } .educa-footer-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 700px) { .educa-footer-grid { grid-template-columns: repeat(4, 1fr); } } .educa-footer h3 { color: var(--educa-gold); font-size: 1rem; } .educa-footer ul { list-style: none; margin: 0; padding: 0; } .educa-footer li { margin-bottom: 0.5rem; } .educa-footer a { color: #ffffff; opacity: 0.85; text-decoration: none; } .educa-footer a:hover { opacity: 1; color: var(--educa-green); } .educa-footer-bottom { text-align: center; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.15); font-size: 0.85rem; opacity: 0.7; }