Mejora este diseño para que se pueda ver bien en wordpress: <!-- Portada moderna v2 (Gutenberg HTML) | Empaques y Embalajes de México
fceb8ae
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Undefined Palette Magic - Home</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| :root { | |
| --undefined-50: #f8fafc; | |
| --undefined-100: #f1f5f9; | |
| --undefined-200: #e2e8f0; | |
| --undefined-300: #cbd5e1; | |
| --undefined-400: #94a3b8; | |
| --undefined-500: #64748b; | |
| --undefined-600: #475569; | |
| --undefined-700: #334155; | |
| --undefined-800: #1e293b; | |
| --undefined-900: #0f172a; | |
| --undefined-950: #020617; | |
| --undefined-50: #f0fdf4; | |
| --undefined-100: #dcfce7; | |
| --undefined-200: #bbf7d0; | |
| --undefined-300: #86efac; | |
| --undefined-400: #4ade80; | |
| --undefined-500: #22c55e; | |
| --undefined-600: #16a34a; | |
| --undefined-700: #15803d; | |
| --undefined-800: #166534; | |
| --undefined-900: #14532d; | |
| --undefined-950: #052e16; | |
| } | |
| .dark { | |
| --undefined-50: #0f172a; | |
| --undefined-100: #1e293b; | |
| --undefined-200: #334155; | |
| --undefined-300: #475569; | |
| --undefined-400: #64748b; | |
| --undefined-500: #94a3b8; | |
| --undefined-600: #cbd5e1; | |
| --undefined-700: #e2e8f0; | |
| --undefined-800: #f1f5f9; | |
| --undefined-900: #f8fafc; | |
| --undefined-950: #ffffff; | |
| --undefined-50: #14532d; | |
| --undefined-100: #166534; | |
| --undefined-200: #15803d; | |
| --undefined-300: #16a34a; | |
| --undefined-400: #22c55e; | |
| --undefined-500: #4ade80; | |
| --undefined-600: #86efac; | |
| --undefined-700: #bbf7d0; | |
| --undefined-800: #dcfce7; | |
| --undefined-900: #f0fdf4; | |
| --undefined-950: #ffffff; | |
| } | |
| .bg-undefined-500 { background-color: var(--undefined-500) ; } | |
| .text-undefined-600 { color: var(--undefined-600) ; } | |
| .ring-undefined-300 { --tw-ring-color: var(--undefined-300) ; } | |
| .bg-undefined-500 { background-color: var(--undefined-500) ; } | |
| .text-undefined-700 { color: var(--undefined-700) ; } | |
| .hover\:bg-undefined-600:hover { background-color: var(--undefined-600) ; } | |
| .hover\:text-undefined-700:hover { color: var(--undefined-700) ; } | |
| .focus\:ring-undefined-300:focus { --tw-ring-color: var(--undefined-300) ; } | |
| .border-undefined-300 { border-color: var(--undefined-300) ; } | |
| .dark .dark\:bg-undefined-800 { background-color: var(--undefined-800) ; } | |
| .dark .dark\:text-undefined-200 { color: var(--undefined-200) ; } | |
| .dark .dark\:border-undefined-700 { border-color: var(--undefined-700) ; } | |
| </style> | |
| <script type="application/ld+json"> | |