/* Patrón de fondo de eNova — elemento fijo de marca, junto con los colores. Va en el fondo de página de toda app o sitio de eNova. No cambiar tamaño, colores ni opacidades; no animarlo; no ponerlo detrás de texto largo con menos contraste ni sobre fotos. anillos: repeating-radial-gradient en celdas de 52 px, trazo entre el 15% y el 18% halos: petróleo arriba a la derecha y abajo a la izquierda Uso: (oscuro) · (claro) sigue prefers-color-scheme (oscuro por defecto). */ :root { --enova-papel-oscuro: #0A2320; --enova-papel-claro: #F2F6F4; --enova-patron-size: 52px 52px, 100% 100%, 100% 100%; --enova-patron: repeating-radial-gradient(farthest-corner at 50% 50%, #ffffff00 0% 15%, rgba(200,164,75,.028) 15% 18%), radial-gradient(circle farthest-side at 100% 0%, #00000000 12%, rgba(0,107,91,.22) 34%, rgba(10,35,32,0) 46%), radial-gradient(circle farthest-corner at 0% 100%, rgba(0,61,54,0) 6%, rgba(0,61,54,.34) 36%, rgba(10,35,32,0) 55%); --enova-patron-claro: repeating-radial-gradient(farthest-corner at 50% 50%, #ffffff00 0% 15%, rgba(122,97,19,.045) 15% 18%), radial-gradient(circle farthest-side at 100% 0%, #ffffff00 12%, rgba(0,107,91,.09) 34%, rgba(242,246,244,0) 46%), radial-gradient(circle farthest-corner at 0% 100%, rgba(0,61,54,0) 6%, rgba(0,61,54,.07) 36%, rgba(242,246,244,0) 55%); } .enova-fondo { background-color: #0A2320; background-image: var(--enova-patron); background-size: var(--enova-patron-size); } .enova-fondo-claro { background-color: #F2F6F4; background-image: var(--enova-patron-claro); background-size: var(--enova-patron-size); } .enova-fondo-auto { background-color: #0A2320; background-image: var(--enova-patron); background-size: var(--enova-patron-size); } @media (prefers-color-scheme: light) { .enova-fondo-auto { background-color: #F2F6F4; background-image: var(--enova-patron-claro); } }