Contactanos Contact Us

Informacion de contacto Contact information

Ubicacion Location

Ciudad de Mexico, Mexico

Mexico City, Mexico

Horario Business hours

Lunes a Viernes: 9:00 - 18:00

Monday to Friday: 9:00 AM - 6:00 PM

Sabado: 9:00 - 14:00

Saturday: 9:00 AM - 2:00 PM

Distribuidor autorizado Authorized distributor

Microsoft Partner Ingram Micro Ubiquiti UniFi Adobe Aspel .page-hero { position: relative; padding: calc(var(--nav-height) + var(--space-4xl)) 0 var(--space-3xl); background: var(--color-surface-dark); overflow: hidden; text-align: center; } .page-hero__bg { position: absolute; inset: 0; } .page-hero__glow { position: absolute; width: 600px; height: 300px; background: var(--gradient-primary); filter: blur(120px); opacity: 0.2; top: 30%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .page-hero__content { position: relative; z-index: 1; } .page-hero h1 { font-size: var(--text-5xl); font-weight: 900; color: white; letter-spacing: -0.03em; margin-bottom: var(--space-md); } .page-hero p { font-size: var(--text-lg); color: var(--color-text-light); max-width: 550px; margin: 0 auto; line-height: 1.7; } .contact__layout { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-4xl); align-items: start; } .contact__form { display: flex; flex-direction: column; gap: var(--space-lg); } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg); } .form-group { display: flex; flex-direction: column; gap: var(--space-xs); } .form-group label { font-size: var(--text-sm); font-weight: 600; color: var(--color-text); } .form-group input, .form-group select, .form-group textarea { padding: 0.75rem 1rem; font-size: var(--text-base); font-family: var(--font-sans); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text); outline: none; transition: all var(--transition-fast); } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.1); } .form-group input::placeholder, .form-group textarea::placeholder { color: var(--color-text-light); } .form-group textarea { resize: vertical; min-height: 120px; } .contact__submit { align-self: flex-start; width: auto; } .contact__info { display: flex; flex-direction: column; gap: var(--space-xl); } .contact__info-card { background: var(--color-surface-alt); border-radius: var(--radius-xl); padding: var(--space-2xl); display: flex; flex-direction: column; gap: var(--space-xl); } .contact__info-card h3 { font-size: var(--text-xl); font-weight: 700; } .contact__detail { display: flex; gap: var(--space-md); align-items: flex-start; color: var(--color-text-secondary); } .contact__detail svg { flex-shrink: 0; margin-top: 2px; color: var(--color-primary); } .contact__detail strong { display: block; color: var(--color-text); font-weight: 600; margin-bottom: 2px; } .contact__detail p { font-size: var(--text-sm); line-height: 1.6; } .contact__partners { background: var(--color-surface-alt); border-radius: var(--radius-xl); padding: var(--space-xl); } .contact__partners h4 { font-size: var(--text-sm); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-secondary); margin-bottom: var(--space-md); } .contact__partner-badges { display: flex; flex-wrap: wrap; gap: var(--space-sm); } .contact__partner-badges span { font-size: var(--text-xs); font-weight: 600; padding: 0.375rem 0.875rem; border: 1px solid var(--color-border); border-radius: var(--radius-full); color: var(--color-text-secondary); } /* Dark theme overrides */ :global(html[data-theme="dark"]) .form-group input, :global(html[data-theme="dark"]) .form-group select, :global(html[data-theme="dark"]) .form-group textarea { background: var(--color-surface-card); border-color: var(--color-border); color: var(--color-text); } :global(html[data-theme="dark"]) .form-group input::placeholder, :global(html[data-theme="dark"]) .form-group textarea::placeholder { color: var(--color-text-light); } :global(html[data-theme="dark"]) .form-group input:focus, :global(html[data-theme="dark"]) .form-group select:focus, :global(html[data-theme="dark"]) .form-group textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.2); } :global(html[data-theme="dark"]) .contact__info-card { background: var(--color-surface-card); } :global(html[data-theme="dark"]) .contact__partners { background: var(--color-surface-card); } :global(html[data-theme="dark"]) .contact__partner-badges span { border-color: var(--color-border); color: var(--color-text-light); } @media (max-width: 768px) { .contact__layout { grid-template-columns: 1fr; gap: var(--space-2xl); } .form-row { grid-template-columns: 1fr; } .page-hero h1 { font-size: var(--text-4xl); } }