/* Definimos el color principal para usarlo en CSS */
        :root {
            --main-color: #8DC202; /* Verde Lima */
            --main-color-dark: #7aa702;
            --main-color-shadow: rgba(0, 0, 0, 0.1); /* Sombra sutil para el contenedor principal */
        }
        
        body { 
            font-family: 'Inter', sans-serif; 
            background-color: #f7f7f7; 
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }

        .main-container {
            background-color: white;
            border-radius: 1.5rem; /* Esquinas más redondeadas */
            box-shadow: 0 10px 15px -3px var(--main-color-shadow), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            max-width: 900px; /* Ancho máximo para el diseño similar a la imagen */
            width: 100%;
            padding: 2.5rem; /* Más padding interno */
        }

        /* Estilos para el botón de descarga */
        .download-btn {
            background-color: transparent;
            color: var(--main-color);
            border: 2px solid var(--main-color);
            transition: all 0.2s;
        }
        .download-btn:hover {
            background-color: var(--main-color);
            color: white;
            box-shadow: 0 4px 6px -1px var(--main-color-shadow);
        }