¿Qué es EASO MAGNO?

Nuestra evolución

Principales hitos corporativos de EASO MAGNO desde su fundación en 2017.

2017 2019 2020 2022 2023 2024 2025

Fundación y visión estratégica

EASO MAGNO nace con socios procedentes del sector Beauty & Healthcare, estableciendo su sede en El Prat de Llobregat y definiendo una orientación clara hacia el e-commerce como palanca principal de crecimiento.

Crecimiento y clientes clave

Alcanzamos 2M€ de facturación, sumamos clientes como Amazon y Notino, iniciamos operaciones de venta directa al consumidor en plataformas digitales y iniciamos el desarrollo de nuestro ERP interno como proyecto de I+D+i.

Aceleración digital

Durante la pandemia mantenemos la actividad operativa y el negocio online gana peso de forma significativa, reforzando el enfoque digital del modelo.

Mejor ejercicio histórico

Cerramos el año con 4,4M€ de facturación y un equipo de 10 empleados. Ampliamos catálogo y consolidamos la estructura operativa para soportar un crecimiento sostenido.

Transformación y nuevos servicios

Amazon deja de trabajar con intermediarios a nivel global, impactando un 25% de la facturación directa y un 20% de la indirecta. Activamos un plan de contingencia y lanzamos la unidad de servicios especializada en Amazon Ads.

Fulfillment y alianzas estratégicas

Iniciamos servicios de fulfillment y formalizamos un acuerdo estratégico con Angelini Pharma España SLU para la gestión de sus marcas OTC en Amazon.

Expansión B2B y récord histórico

Desarrollamos nuestra tienda B2B, incorporamos nuevas marcas bajo gestión en Amazon y alcanzamos un récord de facturación de 5M€, consolidando a EASO MAGNO como partner estratégico en crecimiento digital.

:root { --em-pink: #e91e63; /* Rosa corporativo aprox. */ --em-black: #111111; --em-gray: #6e6e6e; --em-bg-light: #f5f5f7; --em-border-light: #e2e2e5; } .em-timeline-section { padding: 72px 20px; background: #ffffff; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .em-timeline-inner { max-width: 1120px; margin: 0 auto; } .em-timeline-title { font-size: 2.1rem; font-weight: 700; margin-bottom: 6px; color: var(--em-black); letter-spacing: 0.02em; } .em-timeline-subtitle { color: var(--em-gray); margin-bottom: 32px; font-size: 0.98rem; max-width: 520px; } /* AÑOS (navegación) */ .em-timeline-years { display: flex; gap: 10px; overflow-x: auto; margin-bottom: 12px; padding-bottom: 10px; } .em-timeline-years::-webkit-scrollbar { height: 4px; } .em-timeline-years::-webkit-scrollbar-thumb { background: #d6d6d6; border-radius: 999px; } .em-timeline-year { border: 1px solid var(--em-border-light); padding: 8px 16px; border-radius: 999px; cursor: pointer; background: #ffffff; font-weight: 600; font-size: 0.9rem; color: var(--em-black); transition: all 0.2s ease; position: relative; white-space: nowrap; } .em-timeline-year:hover { background: #fafafa; border-color: #d4d4d8; } .em-timeline-year.active { background: var(--em-pink); border-color: var(--em-pink); color: #ffffff; box-shadow: 0 0 0 1px rgba(233, 30, 99, 0.15); } .em-timeline-year::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; left: 50%; bottom: -11px; transform: translateX(-50%); background: #d6d6d6; transition: background 0.2s ease, transform 0.2s ease; } .em-timeline-year.active::after { background: var(--em-pink); transform: translateX(-50%) scale(1.2); } /* Línea */ .em-timeline-line { position: relative; height: 18px; margin-bottom: 28px; } .em-timeline-line-track { position: absolute; top: 8px; left: 0; right: 0; height: 2px; background: #e3e3e7; border-radius: 999px; } .em-timeline-line-progress { position: absolute; top: 8px; left: 0; height: 2px; width: 0%; background: var(--em-pink); border-radius: 999px; box-shadow: 0 0 6px rgba(233, 30, 99, 0.35); transition: width 0.35s cubic-bezier(0.33, 1, 0.68, 1); } /* Contenido */ .em-timeline-content-wrapper { background: var(--em-bg-light); border-radius: 20px; padding: 26px 26px 28px; border: 1px solid var(--em-border-light); box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08), 0 1px 0 rgba(255, 255, 255, 0.6); } .em-timeline-content { display: none; position: relative; padding-left: 72px; animation: em-fade 0.25s ease; } .em-timeline-content.active { display: block; } .em-timeline-content h3 { margin: 0 0 10px; font-size: 1.15rem; font-weight: 600; color: var(--em-black); } .em-timeline-content p { margin: 0; font-size: 0.94rem; line-height: 1.7; color: var(--em-gray); } @keyframes em-fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ICONOS CORPORATIVOS (ROSA / NEGRO, MÁS BUSINESS) */ .em-timeline-content::before { content: ""; position: absolute; top: 2px; left: 20px; width: 40px; height: 40px; border-radius: 50%; background: var(--em-pink); /* Fondo rosa */ border: 2px solid var(--em-black); /* Borde negro */ display: flex; align-items: center; justify-content: center; font-size: 18px; color: #ffffff; /* Símbolo blanco */ font-weight: 700; } /* Símbolos tipo business: crecimiento, cambio, hito, B2B, etc. */ .em-timeline-content[data-year="2017"]::before { content: "◎"; } /* Fundación / inicio */ .em-timeline-content[data-year="2019"]::before { content: "↗"; } /* Crecimiento */ .em-timeline-content[data-year="2020"]::before { content: "⟳"; } /* Cambio / adaptación digital */ .em-timeline-content[data-year="2022"]::before { content: "★"; } /* Mejor año / hito */ .em-timeline-content[data-year="2023"]::before { content: "Δ"; } /* Transformación / ajuste */ .em-timeline-content[data-year="2024"]::before { content: "⇄"; } /* Alianzas / colaboración */ .em-timeline-content[data-year="2025"]::before { content: "▣"; } /* B2B / plataforma / estructura */ .em-timeline-content.active::before { box-shadow: 0 0 12px rgba(233, 30, 99, 0.4); transform: scale(1.04); } /* Responsive */ @media (max-width: 768px) { .em-timeline-title { font-size: 1.7rem; } .em-timeline-content-wrapper { padding: 20px 18px 22px; border-radius: 18px; } .em-timeline-content { padding-left: 60px; } .em-timeline-content::before { width: 34px; height: 34px; font-size: 15px; left: 16px; } } (function () { const yearButtons = document.querySelectorAll(".em-timeline-year"); const contents = document.querySelectorAll(".em-timeline-content"); const progressLine = document.querySelector(".em-timeline-line-progress"); if (!yearButtons.length || !contents.length || !progressLine) return; const yearsArray = Array.from(yearButtons); let currentIndex = 0; const AUTO_INTERVAL_MS = 5000; // cada 5s cambia de año function updateTimeline(year) { yearButtons.forEach((btn, index) => { const isActive = btn.dataset.year === year; btn.classList.toggle("active", isActive); if (isActive) { currentIndex = index; const max = yearButtons.length - 1; const progress = max > 0 ? (index / max) * 100 : 0; progressLine.style.width = progress + "%"; } }); contents.forEach((content) => { content.classList.toggle("active", content.dataset.year === year); }); } function updateByIndex(index) { if (index = yearsArray.length) return; const btn = yearsArray[index]; if (!btn) return; updateTimeline(btn.dataset.year); } // Click manual yearButtons.forEach((btn, index) => { btn.addEventListener("click", () => { currentIndex = index; updateByIndex(currentIndex); }); }); // Estado inicial updateByIndex(0); // Auto-play del timeline setInterval(() => { let nextIndex = currentIndex + 1; if (nextIndex >= yearsArray.length) { nextIndex = 0; // vuelta al inicio } updateByIndex(nextIndex); }, AUTO_INTERVAL_MS); })();