:root{–mx-bg:#050505;–mx-panel:#101010;–mx-panel-2:#171717;–mx-text:#f5f5f2;–mx-muted:#b8b8b0;–mx-line:#33332f;–mx-gold:#c7ad7a;–mx-blue:#1aa7e8}
body{background:var(–mx-bg)}
body.home,body.page-id-7,body.home #page,body.page-id-7 #page,body.home .site-content,body.page-id-7 .site-content{background:#050505}
body.home .site-header,body.page-id-7 .site-header{display:none}
body.home .site-footer,body.page-id-7 .site-footer{display:none}
body.home .entry-title,body.page-id-7 .entry-title{display:none}
body.home .site-content .ast-container,body.page-id-7 .site-content .ast-container{max-width:none;padding:0}
body.home .content-area,body.page-id-7 .content-area{margin:0}
body.home .entry-content,body.page-id-7 .entry-content{margin:0}
body.home .site-main,body.page-id-7 .site-main{padding:0}
body.home.ast-separate-container .ast-article-single,body.page-id-7.ast-separate-container .ast-article-single{padding:0;background:#050505}
body.home.ast-page-builder-template .site-content>.ast-container,body.page-id-7.ast-page-builder-template .site-content>.ast-container{max-width:none;padding:0}
.mexfora-home{background:#050505;color:var(–mx-text);font-family:Inter,Arial,sans-serif;line-height:1.55}
.mexfora-home *{box-sizing:border-box}.mx-wrap{width:min(1120px,calc(100% – 40px));margin:0 auto}
.mx-nav{position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(5,5,5,.46);backdrop-filter:blur(22px) saturate(1.35);border-bottom:1px solid rgba(255,255,255,.08);transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
body.admin-bar .mx-nav{top:32px}.mx-nav.scrolled{background:rgba(5,5,5,.9);border-color:rgba(199,173,122,.28);box-shadow:0 16px 44px rgba(0,0,0,.35)}
.mx-nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:height .28s ease}.mx-nav.scrolled .mx-nav-inner{height:60px}
.mx-brand{display:flex;align-items:center;gap:12px;color:var(–mx-text);font-weight:800;text-decoration:none;letter-spacing:.12em;text-transform:uppercase}.mx-brand img{width:42px;height:42px;object-fit:cover;border-radius:50%}.mx-brand span{font-size:15px}
.mx-menu{display:flex;gap:26px;align-items:center}.mx-menu a{color:#efefeb;text-decoration:none;font-size:14px;opacity:.88}.mx-menu a:hover{color:var(–mx-gold);opacity:1}
.mx-hero{min-height:100vh;display:flex;align-items:center;padding:132px 0 74px;background:radial-gradient(circle at 72% 18%,rgba(26,167,232,.14),transparent 26%),radial-gradient(circle at 18% 72%,rgba(199,173,122,.1),transparent 28%),linear-gradient(180deg,#050505 0%,#080808 54%,#050505 100%);border-bottom:1px solid rgba(255,255,255,.08)}
.mx-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:center}.mx-logo-main{width:min(430px,100%);display:block;border:1px solid rgba(255,255,255,.08);box-shadow:0 42px 120px rgba(0,0,0,.58),0 0 90px rgba(26,167,232,.08)}
.mx-kicker{color:var(–mx-gold);font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 22px}.mx-title{font-size:clamp(48px,7.6vw,112px);line-height:.92;margin:0 0 26px;font-weight:850;text-transform:uppercase;letter-spacing:-.04em;color:#f7f7f3}.mx-title span{display:block;color:#bfc2c5}
.mx-copy{font-size:clamp(18px,2vw,24px);color:#c9c9c2;max-width:680px;margin:0 0 34px;letter-spacing:-.01em}.mx-actions{display:flex;gap:14px;flex-wrap:wrap}.mx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:750;border:1px solid var(–mx-gold);color:#080808;background:var(–mx-gold);box-shadow:0 12px 36px rgba(199,173,122,.16)}.mx-btn.secondary{background:rgba(255,255,255,.04);color:var(–mx-text);border-color:rgba(255,255,255,.2);box-shadow:none}
.mx-section{padding:92px 0;border-bottom:1px solid rgba(255,255,255,.08)}.mx-section-head{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:36px}.mx-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(–mx-gold);margin:0 0 10px}.mx-h2{font-size:clamp(34px,5vw,64px);line-height:.98;margin:0;text-transform:none;color:var(–mx-text);letter-spacing:-.045em}.mx-section-head p{max-width:520px;color:#c9c9c2;margin:0;font-size:18px}
.mx-marquee{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:#050505;padding:24px 20px}.mx-marquee-track{display:flex;width:max-content;gap:14px;animation:mx-scroll 30s linear infinite}.mx-marquee span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:12px 20px;color:#ecece8;background:rgba(255,255,255,.035);white-space:nowrap}.mx-marquee b{color:var(–mx-gold);font-weight:750}@keyframes mx-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mx-keynote{padding:110px 0 96px;background:linear-gradient(180deg,#050505,#0a0a0a);text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.mx-keynote h2{font-size:clamp(42px,7vw,96px);line-height:.98;letter-spacing:-.055em;margin:0 auto 24px;max-width:980px;color:#f5f5f2}.mx-keynote p{font-size:clamp(18px,2.2vw,26px);color:#bfc2c5;max-width:760px;margin:0 auto}
.mx-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mx-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:34px;min-height:330px;position:relative;box-shadow:0 20px 80px rgba(0,0,0,.28)}.mx-card:after{content:””;position:absolute;inset:0;border-radius:8px;background:radial-gradient(circle at 85% 12%,rgba(199,173,122,.12),transparent 28%);pointer-events:none}.mx-icon{width:56px;height:56px;border:1px solid rgba(199,173,122,.62);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(–mx-gold);font-size:28px;margin-bottom:24px;background:rgba(199,173,122,.06)}.mx-card h3{font-size:clamp(24px,3vw,34px);line-height:1.02;text-transform:none;margin:0 0 14px;color:var(–mx-text);letter-spacing:-.03em}.mx-card p{color:#c9c9c2;margin:0 0 18px;font-size:17px}.mx-card ul{list-style:none;margin:0 0 24px;padding:0}.mx-card li{color:#f0f0eb;margin:8px 0;padding-left:24px;position:relative}.mx-card li:before{content:”✓”;position:absolute;left:0;color:var(–mx-gold)}.mx-tag{border-top:1px solid rgba(255,255,255,.1);color:var(–mx-gold);letter-spacing:.08em;text-transform:uppercase;font-size:13px;padding-top:16px;margin-top:auto}
.mx-band{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mx-info{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:34px;background:rgba(255,255,255,.04)}.mx-info h3{margin:0 0 14px;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em;color:#f5f5f2}.mx-pills{display:flex;flex-wrap:wrap;gap:10px}.mx-pill{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px;color:#ecece8;background:rgba(255,255,255,.035)}
.mx-why{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:center}.mx-mark{width:min(260px,76%);display:block;margin:auto;border-radius:50%;box-shadow:0 0 100px rgba(255,255,255,.08)}.mx-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mx-list div{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;color:#ededed;background:rgba(255,255,255,.035)}
.mx-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.mx-contact-box{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:34px;background:rgba(255,255,255,.04)}.mx-contact-lines{list-style:none;margin:0;padding:0}.mx-contact-lines li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#e6e6df}.mx-contact-lines a{color:var(–mx-text);text-decoration:none}.mx-footer-note{color:var(–mx-muted);font-size:14px;margin-top:18px}
@media(max-width:860px){.mx-hero-grid,.mx-services,.mx-band,.mx-why,.mx-contact{grid-template-columns:1fr}.mx-hero{min-height:auto}.mx-section-head{display:block}.mx-logo-main{max-width:320px}.mx-list{grid-template-columns:1fr}.mx-card{min-height:auto}.mx-keynote{padding:78px 0}}
@media(max-width:720px){body.admin-bar .mx-nav{top:46px}.mx-wrap{width:min(100% – 32px,1120px)}.mx-nav-inner{height:64px;gap:14px}.mx-menu{display:flex;gap:14px}.mx-menu a:nth-child(1),.mx-menu a:nth-child(2){display:none}.mx-menu a{font-size:13px}.mx-brand{gap:9px;letter-spacing:.08em}.mx-brand img{width:36px;height:36px}.mx-brand span{font-size:13px}.mx-hero{padding-top:94px;padding-bottom:56px}.mx-title{font-size:clamp(42px,13vw,58px);letter-spacing:-.035em}.mx-copy{font-size:18px}.mx-actions{display:grid;grid-template-columns:1fr;gap:10px}.mx-btn{width:100%;min-height:50px}.mx-marquee{padding:16px}.mx-section{padding:70px 0}.mx-card,.mx-info,.mx-contact-box{padding:26px}.mx-h2{font-size:clamp(32px,10vw,44px)}}
@media(max-width:420px){.mx-menu a{font-size:12px}.mx-title{font-size:clamp(38px,12.5vw,50px)}.mx-kicker{font-size:11px;letter-spacing:.18em}.mx-logo-main{max-width:100%}.mx-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.mx-marquee-track{animation:none}.mx-reveal{opacity:1!important;transform:none!important;transition:none!important}}
.mx-reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}.mx-reveal.mx-visible{opacity:1;transform:translateY(0)}.mx-card.mx-reveal:nth-child(2){transition-delay:.08s}.mx-card.mx-reveal:nth-child(3){transition-delay:.12s}.mx-card.mx-reveal:nth-child(4){transition-delay:.16s}.mx-card.mx-reveal:nth-child(5){transition-delay:.2s}.mx-card.mx-reveal:nth-child(6){transition-delay:.24s}
Technology Solutions
Soluciones digitales para empresas Diseñamos, optimizamos y mantenemos herramientas digitales que simplifican procesos, mejoran la experiencia del usuario y potencian el crecimiento de cada proyecto.
Desarrollo web institucionalAutomatización de procesos E-commerce y catálogosOptimización de sistemas Mantenimiento y soporte Soluciones a medida Desarrollo web institucionalAutomatización de procesos E-commerce y catálogosOptimización de sistemas Mantenimiento y soporte Soluciones a medida
Menos fricción. Más sistema. Mejor experiencia. Cada proyecto se piensa como una herramienta real para trabajar mejor: clara para el usuario, ordenada para el negocio y preparada para crecer.
Servicios
Qué podemos construir Propuestas pensadas para negocios, profesionales y emprendedores que necesitan presencia digital, automatización o mejora de procesos.
▣
Desarrollo web Sitios institucionales profesionales para empresas, consultorios, comercios y profesionales independientes.
Diseño responsive Optimización para móviles Formularios de contacto Integración con WhatsApp SEO básico Presupuesto personalizado
🛒
E-commerce y plataformas comerciales Implementación y optimización de plataformas pensadas para vender más y gestionar mejor.
Tiendanube Catálogos digitales Sistemas de reservas Landing pages de venta Flujos de consulta Presupuesto personalizado
⌘
Soluciones a medida Herramientas específicas según las necesidades reales de cada cliente.
Cartillas digitales Sistemas internos Plataformas de gestión Formularios inteligentes Herramientas administrativas Presupuesto personalizado
⚙
Automatización de procesos Reducimos tareas repetitivas mediante automatización inteligente e integraciones.
Envío automático de correos Recordatorios y notificaciones Integración entre plataformas Procesamiento de información Menor carga operativa Menos errores · Mayor productividad
↗
Optimización de sistemas existentes Analizamos webs y sistemas funcionando para detectar oportunidades de mejora.
Velocidad Experiencia de usuario Diseño Seguridad Integraciones Presupuesto personalizado
◇
Mantenimiento y soporte Acompañamiento continuo para clientes que desean estabilidad y seguimiento técnico.
Actualizaciones Corrección de errores Copias de seguridad Monitoreo Soporte técnico Plan mensual
Modalidades
Medios de pago Transferencia bancaria Tarjetas de crédito Cuotas según promoción Presupuestos adaptados
Presupuestos
Armamos propuestas personalizadas Nos adaptamos al proyecto, objetivos y presupuesto de cada cliente, priorizando soluciones útiles y sostenibles.
Por qué Mexfora
Tecnología clara, moderna y útil Combinamos diseño, infraestructura y automatización para crear herramientas que se puedan usar, mantener y escalar.
Soluciones a medida
Tecnología moderna
Infraestructura sólida
Automatización inteligente
Acompañamiento permanente
Foco en crecimiento
(() => {
const nav = document.querySelector(‘.mx-nav’);
const onScroll = () => nav && nav.classList.toggle(‘scrolled’, window.scrollY > 36);
onScroll();
window.addEventListener(‘scroll’, onScroll, { passive: true });
const items = document.querySelectorAll(‘.mx-reveal’);
if (!(‘IntersectionObserver’ in window)) {
items.forEach(el => el.classList.add(‘mx-visible’));
return;
}
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add(‘mx-visible’);
observer.unobserve(entry.target);
}
});
}, { threshold: 0.18, rootMargin: ‘0px 0px -40px 0px’ });
items.forEach(el => observer.observe(el));
})();
