May Mobility (ES)

<!DOCTYPE html> <html style="max-height: var(--app-height); --app-height: 100vh;" lang="es-US" data-property> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://maymobility.imgix.net" crossorigin> <link rel="preconnect" href="https://app.termly.io" crossorigin> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://maymobility.com/dist/assets/main-Cn7C6-Xv.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/main.js'}});document.dispatchEvent(e);"></script> <link href="https://maymobility.com/dist/assets/main-CGqVd6RC.css" rel="stylesheet"> <script> window.customElements.define('x-svelte', class extends HTMLElement {}); window.$app = { "lang": "es-US", "isAdmin": false, "cloudfrontUrl": "https:\/\/media.maymobility.com", "imgixUrl": "https:\/\/maymobility.imgix.net", "siteUrl": "https:\/\/maymobility.com\/es\/", "primarySiteUrl": "https:\/\/maymobility.com\/", "i18n": { "Active Deployments": "Implementaciones activas", "All Formats": "Todos los formatos", "All Topics": "Todos los temas", "All Types": "Todos los tipos", "Available on the App Store and Google Play": "Disponible en App Store y Google Play", "Back": "Atr\u00e1s", "Categories": "Categor\u00edas", "Clear All Categories": "Limpiar todas las categor\u00edas", "Clear Filters": "Limpiar filtros", "Close": "Cerrar", "Consent Preferences": "Preferencias de consentimiento", "Copy Link": "Copiar enlace", "Download Our App": "Descargar nuestra aplicaci\u00f3n", "Download Resource": "Descargar recurso", "Email": "Correo electr\u00f3nico", "Featured Article": "Art\u00edculo destacado", "Featured Content": "Contenido destacado", "Filter by Topic": "Filtrar por tema", "Filter by Type": "Filtrar por tipo", "Follow {str}": "Seguir a {str}", "Footer: Contact Information and Additional Links": "Pie de p\u00e1gina: Informaci\u00f3n de contacto y enlaces adicionales", "Get on Google Play": "Obtener en Google Play", "Get on the App Store": "Obtener en la App Store", "Go to Next Page": "Ir a la p\u00e1gina siguiente", "Go to Page {n}": "Ir a la p\u00e1gina {n}", "Home page": "P\u00e1gina principal", "Home": "Inicio", "Hours of Operation": "Horas de operaci\u00f3n", "I want to\u2026": "Quiero...", "Languages": "Idiomas", "Link copied!": "\u00a1Enlace copiado!", "Menu": "Men\u00fa", "More News & Stories": "M\u00e1s noticias e historias", "N\/A": "N\/D", "Next": "Siguiente", "No results.": "Sin resultados.", "Operations": "Operaciones", "Pause Motion": "Pausar movimiento", "Post Topic Filter": "Filtro por tema de publicaci\u00f3n", "Post Type Filter": "Filtro por tipo de publicaci\u00f3n", "Previous Deployments": "Implementaciones anteriores", "Previous": "Anterior", "Price": "Precio", "Read Article": "Leer art\u00edculo", "Read post {title}": "Leer publicaci\u00f3n {title}", "Reset": "Reiniciar", "Resume Motion": "Reanudar movimiento", "Search Resources": "Buscar recursos", "Search": "Buscar", "Service Area": "\u00c1rea de servicio", "Share this page": "Compartir esta p\u00e1gina", "Share": "Compartir", "Show Video": "Ver v\u00eddeo", "Showing all {type} matching {n} categories that contain the keywords \"{term}\".": "Mostrando todos los {type} que coinciden con las {n} categor\u00edas que contienen las palabras clave \"{term}\".", "Showing all {type} matching {n} categories.": "Mostrando todos los {type} que coinciden con las {n} categor\u00edas.", "Showing all {type} matching {n} category that contain the keywords \"{term}\".": "Mostrando todos los {type} que coinciden con la categor\u00eda {n} que contiene las palabras clave \"{term}\".", "Showing all {type} matching {n} category.": "Mostrando todos los {type} que coinciden con la categor\u00eda {n}.", "Showing all {type} that contain the keywords \"{term}\".": "Mostrando todos los {type} que contienen las palabras clave \"{term}\".", "Showing all {type}.": "Mostrando todos los {type}.", "Swipe to scroll": "Deslizar para desplazarse", "Translate": "Traducir", "View All {group}": "Ver todos los {group}", "View all posts": "Ver todas las publicaciones", "View All": "Ver todo", "View More": "Ver m\u00e1s", "View Post - {post}": "Ver publicaci\u00f3n - {post}", "View Route Info [past]": "Ver informaci\u00f3n de ruta [pasado]", "View Route Info": "Ver informaci\u00f3n de ruta", "View Route Map": "Ver mapa de ruta", "Visit Route Website": "Visitar sitio web de la ruta" }, "devMode": false }; </script> <script src="https://app.termly.io/resource-blocker/ef14dee5-464f-4265-ac1b-775e833b59d5?autoBlock=off" defer></script> <style> .hidden { display: none; } .invisible { visibility: hidden; } x-svelte { display: contents; } </style> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#369144"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"May Mobility (ES)","url":"https://maymobility.com/es/","address":[{"@type":"PostalAddress","addressLocality":", ","addressCountry":"United States","postalCode":"","streetAddress":""}],"logo":"","description":"","sameAs":["https://www.linkedin.com/company/maymobility/","https://www.instagram.com/maymobility/","https://twitter.com/may_mobility","https://medium.com/may-mobility","https://www.facebook.com/maymobility/","https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw"],"contactPoint":[{"@type":"ContactPoint","telephone":"","contactType":"customer service","areaServed":"US","availableLanguage":"en"}]}</script><title>May Mobility (ES) | Home</title><meta name="description" content="Estamos haciendo que el transporte sea más sostenible, seguro, accesible y equitativo creando una tecnología de vehículos autónomos que funciona en el…"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="maymobility" property="fb:profile_id"> <meta content="es_US" property="og:locale"> <meta content="ja" property="og:locale:alternate"> <meta content="en_US" property="og:locale:alternate"> <meta content="May Mobility (ES)" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://maymobility.com/es/" property="og:url"> <meta content="Home" property="og:title"> <meta content="Estamos haciendo que el transporte sea más sostenible, seguro, accesible y equitativo creando una tecnología de vehículos autónomos que funciona en el…" property="og:description"> <meta content="https://media.maymobility.com/_1200x630_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" property="og:see_also"> <meta content="https://www.facebook.com/maymobility/" property="og:see_also"> <meta content="https://medium.com/may-mobility" property="og:see_also"> <meta content="https://twitter.com/may_mobility" property="og:see_also"> <meta content="https://www.instagram.com/maymobility/" property="og:see_also"> <meta content="https://www.linkedin.com/company/maymobility/" property="og:see_also"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@may_mobility"> <meta name="twitter:creator" content="@may_mobility"> <meta name="twitter:title" content="Home"> <meta name="twitter:description" content="Estamos haciendo que el transporte sea más sostenible, seguro, accesible y equitativo creando una tecnología de vehículos autónomos que funciona en el…"> <meta name="twitter:image" content="https://media.maymobility.com/_800x418_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="418"> <link href="https://maymobility.com/es/" rel="canonical"> <link href="https://maymobility.com/es/" rel="home"> <link href="https://maymobility.com/es/" rel="alternate" hreflang="es-us"> <link href="https://www.maymobility.co.jp/" rel="alternate" hreflang="ja"> <link href="https://maymobility.com/" rel="alternate" hreflang="x-default"> <link href="https://maymobility.com/" rel="alternate" hreflang="en-us"></head> <body id="app" class="transition overflow-x-hidden scroll-locked:overflow-hidden" data-animation-enabled> <a href="#maincontent" id="skip-to-content">Skip to Main Content</a> <div class="overflow-hidden max-w-full"> <header> <nav class="lg:hidden fixed z-50 top-0 left-0 w-full" aria-label="Mobile Navigation"> <div id="drawerInner" data-target-trap-focus data-target-always-visible data-target-lock-scroll> <div class="fixed top-0 left-0 w-full h-full bg-navy opacity-0 -translate-x-full transition-opacity is-active:opacity-70 is-active:translate-x-0" data-toggle="#drawerInner"></div> <div class="relative bg-white rounded-b-md shadow-[0px_-8px_10px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)]"> <div class="px-4 py-2 flex justify-between"> <a href="https://maymobility.com/es/" class="block p-1 rounded-full" title="May Mobility (ES) Página principal"> <svg class="block w-[8rem] aspect-[675/125] h-auto fill-green" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg> </a> <button class="block px-1 py-2 -mr-1 rounded font-medium" title="Toggle Mobile Navigation" data-toggle="#drawerInner"> <span class="flex items-center gap-1 is-active:hidden pointer-events-none"> <svg class="block w-3 h-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg><span class="block leading-none">Menú</span> </span> <span class="hidden is-active:flex items-center gap-1 pointer-events-none"> <span class="block leading-none">Cerrar</span><svg class="block w-3 h-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/></svg> </span> </button> </div> <div class="h-[0px] invisible is-active:h-dvh is-active:visible overflow-scroll transition-[height] duration-300 ease-in-out"> <ol class="flex flex-col px-10 divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a href="https://maymobility.com/es/" class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl"> Inicio </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/es/our-solutions/" data-gtm-element="main-nav-item-52512"> Nuestras soluciones </a> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/es/our-solutions/cities/" data-gtm-element="main-nav-item-52513">Ciudades</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/es/our-solutions/commercial/" data-gtm-element="main-nav-item-52514">Comercial</a> </li> </ol> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/es/locations/" data-gtm-element="main-nav-item-52515"> Nuestras sedes </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/es/technology/" data-gtm-element="main-nav-item-52516"> Tecnología </a> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/es/technology/safety/" data-gtm-element="main-nav-item-52517">Seguridad</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/es/technology/accessibility/" data-gtm-element="main-nav-item-52518">Accesibilidad</a> </li> </ol> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/es/meet-may/" data-gtm-element="main-nav-item-52519"> Conozca May </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/es/contact/" data-gtm-element="main-nav-item-52520"> Póngase en contacto con nosotros </a> </li> </ol> <ol class="flex flex-col mx-8 p-4 rounded bg-brand-gray-light divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/es/for-riders/" data-gtm-element="topbar-nav-item-52507"> Para pasajeros </a> </li> <li> <span class="block py-1 text-xl text-gray-700 font-normal sm:text-xl md:text-2xl"> </span> </li> </ol> <ol class="flex flex-col px-10 divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a class="flex items-center gap-2 py-1 text-black text-sm font-normal hover:underline" href="https://maymobility.com/"> <span class="block"> English (United States) </span> <span class="block">🇺🇸</span> </a> </li> <li> <a class="flex items-center gap-2 py-1 text-black text-sm font-normal hover:underline" href="https://www.maymobility.co.jp/"> <span class="block"> 日本語 </span> <span class="block">🇯🇵</span> </a> </li> </ol> <div class="h-8"></div> </div> </div> </div> </nav> <nav class="relative z-10" aria-label="Main Navigation"> <div class="relative min-h-8 lg:min-h-4"> <div class="absolute inset-0 bg-brand-gray-light lg:bg-brand-gradient-full-dark lg:opacity-20 lg:animation-enabled:bg-gradient-pulse"></div> <div class="relative z-1"><x-svelte component="alert-bar"></x-svelte> </div> <div class="hidden lg:flex relative z-1 container py-3 items-center justify-between w-full"> <div> <div class="relative"> <button class="flex items-center gap-1.5 py-1 px-3 rounded-full border-solid border-gray-600/80 border text-[14px] font-normal transition-colors duration-200 hover:bg-white/80" data-toggle="#topBarLangDropdown" data-gtm-element="topbar-lang-dropdown"> <span class="block pointer-events-none">Traducir</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <ol id="topBarLangDropdown" class="hidden flex-col gap-2 absolute top-full left-0 translate-y-2 w-56 p-4 rounded bg-white border-solid border-gray-100 border shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] is-active-dropdown:flex" data-target-class="is-active-dropdown"> <li class="whitespace-nowrap"> <a class="flex items-center gap-1.5 p-2 rounded text-sm font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/"> <span class="block"> English (United States) </span> <span class="block">🇺🇸</span> </a> </li> <li class="whitespace-nowrap"> <a class="flex items-center gap-1.5 p-2 rounded text-sm font-normal hover:text-black hover:bg-brand-gray-light" href="https://www.maymobility.co.jp/"> <span class="block"> 日本語 </span> <span class="block">🇯🇵</span> </a> </li> </ol> </div> </div> <div> <div class="flex gap-12"> <ol class="flex items-center justify-end gap-2 xl:gap-6" id="topBarNav"> <li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/es/for-riders/" data-gtm-element="topbar-nav-item-52507"> Para pasajeros </a></li><li class="relative block"><a > Learn More </a></li></ol> </div> </div> </div> </div> <div class="hidden lg:block bg-brand-gray-light"> <div class="relative z-0 container pt-3.5 flex items-center justify-between"> <a href="https://maymobility.com/es/" class="block px-1 py-3 -ml-1 rounded-full" title="May Mobility (ES) Página principal"><svg class="block w-[13rem] aspect-[675/125] h-auto fill-green xl:w-[16rem]" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg></a> <div class="flex gap-12"> <ol class="flex items-center justify-end gap-5 xl:gap-6" id="mainNav"> <li class="relative block"><button class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green flex items-center gap-1" data-toggle="#mainNavDropdown-52512" data-gtm-element="main-nav-dropdown-52512"> <span class="block pointer-events-none">Nuestras soluciones</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-52512" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[4px] rounded-b-[16px] bg-white overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-full-dark"></div> <div class="py-4 mx-6 border-solid border-brand-gray-medium border-b"> <a class="group flex items-center gap-2 rounded hover:text-blue is-tabbing:focus:px-1 is-tabbing:focus:-mx-1" href="https://maymobility.com/es/our-solutions/" data-gtm-element="main-nav-item-52512"> <span class="block flex-initial pointer-events-none"> Nuestras soluciones </span> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current transition-all duration-200 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </a> </div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/es/our-solutions/cities/" data-gtm-element="main-nav-item-52513">Ciudades</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/es/our-solutions/commercial/" data-gtm-element="main-nav-item-52514">Comercial</a> </li> </ol> </div></li><li class="relative block"><a class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green" href="https://maymobility.com/es/locations/" data-gtm-element="main-nav-item-52515"> Nuestras sedes </a></li><li class="relative block"><button class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green flex items-center gap-1" data-toggle="#mainNavDropdown-52516" data-gtm-element="main-nav-dropdown-52516"> <span class="block pointer-events-none">Tecnología</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-52516" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[4px] rounded-b-[16px] bg-white overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-green"></div> <div class="py-4 mx-6 border-solid border-brand-gray-medium border-b"> <a class="group flex items-center gap-2 rounded hover:text-blue is-tabbing:focus:px-1 is-tabbing:focus:-mx-1" href="https://maymobility.com/es/technology/" data-gtm-element="main-nav-item-52516"> <span class="block flex-initial pointer-events-none"> Tecnología </span> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current transition-all duration-200 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </a> </div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/es/technology/safety/" data-gtm-element="main-nav-item-52517">Seguridad</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/es/technology/accessibility/" data-gtm-element="main-nav-item-52518">Accesibilidad</a> </li> </ol> </div></li><li class="relative block"><a class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green" href="https://maymobility.com/es/meet-may/" data-gtm-element="main-nav-item-52519"> Conozca May </a></li><li class="relative block"><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1 text-[16px]" href="https://maymobility.com/es/contact/" data-gtm-element="main-nav-item-52520"><span class="block flex-initial pointer-events-none">Póngase en contacto con nosotros</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li></ol> </div> </div> </div> </nav> </header> <main id="maincontent"> <section class="bg-brand-gray-light py-8 md:py-12 lg:pb-16 lg:pt-20"> <div class="flex flex-col gap-12 w-full lg:flex-row lg:items-center lg:gap-8"> <div class="px-6 py-6 lg:w-[60%] lg:py-8 xl:w-1/2" data-intro="slide-right" data-parallax> <div class="grid gap-6 lg:gap-7 lg:pl-[max(0px,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:-parallax-y-16"> <h1 class="h1 text-navy u-to-gradient"> Transformamos la movilidad con <u>la mejor</u> tecnología de vehículos autónomos del mundo. </h1> <div class="prose"> <p>Hacemos que el transporte sea más sostenible, seguro, accesible y equitativo creando una tecnología de vehículos autónomos que funciona en el mundo real.</p> </div> <ol class="flex flex-wrap items-center gap-4"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-green text-gray-800 hover:bg-green hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/es/technology/" data-gtm-element="header-52540-button-52541"><span class="block flex-initial pointer-events-none">Conozca nuestra tecnología</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> <div class="pl-6 lg:w-[40%] lg:p-0 xl:w-1/2" data-intro="slide-left"> <div class="relative" data-parallax> <div class="absolute -top-6 right-0 w-[90%] aspect-video rounded-tl rounded-bl bg-green md:-top-8 md:aspect-7/5 md:rounded-tl-48 md:rounded-bl-48 lg:-top-16 md:parallax-y-16 lg:parallax-y-24"></div> <div class="relative z-0 w-full aspect-video rounded-tl rounded-bl overflow-hidden md:aspect-7/5 md:rounded-tl-48 md:rounded-bl-48 md:parallax-y-12 lg:parallax-y-72"> <video class="absolute inset-0 h-full w-full object-cover object-center hidden animation-enabled:block" playsinline autoplay loop muted fetchpriority="high" aria-hidden="true"> <source src="https://media.maymobility.com/Videos/May-Mobility-Universal-Video-Short.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> </section> <div class="py-12 md:py-24 bg-white"> <div class="contents md:hidden"> <div class="container"> <div class="flex flex-col"> <div class="px-12"> <div class="relative max-w-lg -ml-12 mr-auto" data-intro="slide-up"> <div class="relative z-0 w-full aspect-video rounded overflow-hidden"> <picture><source srcset="https://maymobility.imgix.net/Homepage_Intro-Callout.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/Homepage_Intro-Callout.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Homepage_Intro-Callout.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/Homepage_Intro-Callout.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -right-6 rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6"> <div class="grid gap-4 p-6 bg-brand-gray-light rounded"> <h2 class="h2 text-navy u-to-gradient">Afrontamos los retos actuales de la tecnología autónoma para un futuro más seguro, ecológico y accesible.</h2> <div class="prose prose-sm"> <p>En May Mobility, hacemos que las ciudades sean más lindas y accesibles transformando la movilidad con vehículos autónomos. Nuestro enfoque único para la tecnología de vehículos autónomos resuelve el mayor problema en la conducción autónoma mediante el <strong>manejo seguro ante lo inesperado</strong>. Estamos acercando esta tecnología a ciudades y empresas de todo el mundo para mejorar la comodidad, la seguridad y el impacto ambiental de la movilidad.</p> </div> </div> </div> </div> </div> </div> <div class="hidden md:contents"> <div class="container"> <div class="flex items-start justify-start gap-8 lg:px-24" data-intro="slide-up" data-parallax> <div class="relative z-1 w-1/2 order-1 lg:w-[44%] -parallax-y-8"> <div class="relative"> <div class="relative z-0 w-full aspect-7/5 rounded overflow-hidden"> <img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Homepage_Intro-Callout.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350 1x, https://maymobility.imgix.net/Homepage_Intro-Callout.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350&dpr=1.5 1.5x" width="500" height="350" alt="" loading="lazy"> </div> <div class="absolute -bottom-10 -left-4 lg:-bottom-16 lg:-left-16"> <svg class="block w-20 h-20 lg:w-32 lg:h-32 -rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> </div> <div class="relative z-0 md:w-1/2 pt-12 order-2 lg:w-[56%] lg:pt-24 lg:parallax-y-16"> <div class="p-8 pl-24 -ml-20 rounded bg-brand-gray-light"> <div class="grid gap-10"> <h2 class="h2 text-navy u-to-gradient">Afrontamos los retos actuales de la tecnología autónoma para un futuro más seguro, ecológico y accesible.</h2> <div class="prose prose-sm"> <p>En May Mobility, hacemos que las ciudades sean más lindas y accesibles transformando la movilidad con vehículos autónomos. Nuestro enfoque único para la tecnología de vehículos autónomos resuelve el mayor problema en la conducción autónoma mediante el <strong>manejo seguro ante lo inesperado</strong>. Estamos acercando esta tecnología a ciudades y empresas de todo el mundo para mejorar la comodidad, la seguridad y el impacto ambiental de la movilidad.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="py-12 md:py-24 bg-brand-gray-light"> <div class="relative 2xl:container" data-parallax> <div class="hidden md:block absolute -top-12 right-0 w-[30%] aspect-square" data-intro="slide-left"> <div class="block w-full h-full bg-berry bg-gradient-to-l from-berry-500 to-berry-light-500 rounded-l-12 md:-parallax-y-8 lg:-parallax-y-12 2xl:rounded-r"></div> </div> </div> <div class="relative container"> <div class="px-6 grid gap-8 md:p-0 md:grid-cols-10 md:gap-x-3 md:gap-y-8 lg:grid-cols-14 lg:gap-x-8"> <figure class="relative md:row-start-1 md:row-span-1 md:col-start-3 md:col-span-7 lg:col-start-4 lg:col-span-10" data-intro="slide-down"> <div class="absolute -bottom-4 -left-[20%] block aspect-square max-w-[33%] md:max-w-[40%] lg:-bottom-20 lg:-left-[44%] lg:max-w-[58%]" data-intro="slide-right" data-parallax> <svg class="block w-full h-full md:parallax-y-40" width="525" height="566" viewBox="0 0 525 566" fill="none" aria-hidden="true"> <path d="M0 262C0 117.301 117.801 0 262.5 0V0C407.199 0 525 117.301 525 262V564C525 565.105 524.105 566 523 566H262C117.301 566 0 448.699 0 304V262Z" fill="url(#paint0_linear_2878_61757)"/> <path d="M0 262C0 117.301 117.801 0 262.5 0V0C407.199 0 525 117.301 525 262V564C525 565.105 524.105 566 523 566H262C117.301 566 0 448.699 0 304V262Z" fill="url(#paint1_radial_2878_61757)" fill-opacity="0.7"/> <defs> <linearGradient id="paint0_linear_2878_61757" x1="262.5" y1="0" x2="262.5" y2="566" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#369040" stop-opacity="0.76"/> <stop offset="0.338542" stop-color="#059C93"/> </linearGradient> <radialGradient id="paint1_radial_2878_61757" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(525 566) rotate(-90) scale(566 525)"> <stop offset="0" stop-color="#F2F6FF"/> <stop offset="1" stop-color="#F2F6FF" stop-opacity="0"/> </radialGradient> </defs> </svg> </div> <div class="relative"> <div class="group relative aspect-video overflow-hidden rounded bg-navy shadow-xl"> <div class="w-full h-full" data-toggle="#video-fancy-modal-52543"> <picture class="block w-full h-full object-cover object-center opacity-70 scale-105 transition-all duration-600 ease-in-out group-hover:opacity-30 group-hover:scale-110"><source srcset="https://maymobility.imgix.net/What-Customers-Are-Saying-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675 1x, https://maymobility.imgix.net/What-Customers-Are-Saying-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=1200&height=675&dpr=1.5 1.5x" width="1200" height="675" media="(min-width: 640px)"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/What-Customers-Are-Saying-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325 1x, https://maymobility.imgix.net/What-Customers-Are-Saying-Video-Cover.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=325&dpr=1.5 1.5x" width="600" height="325" alt="" loading="lazy"></picture> </div> <button type="button" class="absolute top-1/2 left-1/2 w-16 h-16 p-3 -mt-8 -ml-8 flex items-center justify-center rounded-full bg-navy-800/90 text-white transition-colors duration-200 group-hover:text-gray-100" data-toggle="#video-fancy-modal-52543"> <span class="sr-only">Ver vídeo</span> <svg width="24" height="29" viewBox="0 0 24 29" class="block w-8 h-8 translate-x-0.5 fill-current transition-transform duration-200 group-hover:scale-105"> <path d="M24 15C24 14.3125 23.625 13.625 23 13.3125L3 1.3125C2.4375 0.9375 1.625 0.875 1 1.25C0.375 1.625 0 2.25 0 3V27C0 27.75 0.375 28.375 1 28.75C1.3125 28.9375 1.6875 29 2 29C2.375 29 2.6875 28.875 3 28.6875L23 16.6875C23.625 16.375 24 15.6875 24 15Z" /> </svg> </button> </div> </div> <figcaption class="absolute top-0 left-0 -translate-y-1/2 -translate-x-8 block w-max max-w-full py-1 px-3 rounded-full bg-blue text-white text-xs uppercase md:font-semibold md:text-sm lg:text-md"> LO QUE DICEN NUESTROS CLIENTES SOBRE MAY MOBILITY <svg width="12" height="12" class="block absolute top-full left-4 w-4 h-4 -mt-px fill-blue" viewBox="0 0 12 12" fill="none"> <path d="M0 0H12V12L0 0Z" /> </svg> </figcaption> </figure> <div class="md:row-start-2 md:row-span-1 md:col-start-3 md:col-span-7 lg:col-start-6 lg:col-span-7" data-intro="slide-up"> <div class="grid gap-6"> <h2 class="h1 text-navy"> ¿Por qué asociarse con May Mobility? </h2> <div class="prose"> <p>Escuche a nuestros socios de Ann Arbor SPARK, Ciudad de Arlington, Prentice 4M, la Corporación de Desarrollo Económico de Michigan y Seamless hablar de por qué eligen trabajar con nosotros.</p> </div> </div> </div> </div> </div> </div> <div class="pb-12 md:pb-24 bg-brand-gray-light"> <div class="contents md:hidden"> <div class="container"> <div class="flex flex-col"> <div class="px-12"> <div class="relative max-w-lg -mr-12 ml-auto" data-intro="slide-up"> <div class="relative z-0 w-full aspect-video rounded overflow-hidden"> <video class="absolute inset-0 h-full w-full object-cover object-center hidden animation-enabled:block" poster="https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/ANN-ARBOR-MICHIGAN-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300" playsinline autoplay loop muted aria-hidden="true"> <source src="https://media.maymobility.com/Videos/Technology-Trimmed.mp4" type="video/mp4" /> </video> <picture><source srcset="https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/ANN-ARBOR-MICHIGAN-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/ANN-ARBOR-MICHIGAN-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block animation-enabled:hidden absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/ANN-ARBOR-MICHIGAN-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/ANN-ARBOR-MICHIGAN-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -left-6 -rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6"> <div class="grid gap-4 p-6 bg-white rounded"> <h2 class="h2 text-navy u-to-gradient">Lo que <u>diferencia a</u> nuestra tecnología</h2> <div class="prose prose-sm"> <p>Nuestra tecnología resuelve el mayor problema de la conducción autónoma -manejar con seguridad ante lo inesperado- permitiendo a nuestros vehículos imaginar una multitud de escenarios posibles. Estas interminables simulaciones a bordo en tiempo real conducen a comportamientos emergentes que permiten a cada vehículo conducir con seguridad en todas y cada una de las situaciones, por singulares que sean.</p> </div> <ol class="flex flex-wrap items-center gap-3"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/es/technology/"><span class="block flex-initial pointer-events-none">Más info</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> </div> </div> </div> <div class="hidden md:contents"> <div class="container"> <div class="flex items-start justify-start gap-8 lg:px-24" data-intro="slide-up" data-parallax> <div class="relative z-1 w-1/2 order-2 lg:w-[44%] -parallax-y-8"> <div class="relative"> <div class="relative z-0 w-full aspect-7/5 rounded overflow-hidden"> <video class="absolute inset-0 h-full w-full object-cover object-center hidden animation-enabled:block" poster="https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/ANN-ARBOR-MICHIGAN-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400" playsinline autoplay loop muted aria-hidden="true"> <source src="https://media.maymobility.com/Videos/Technology-Trimmed.mp4" type="video/mp4" /> </video> <img class="block animation-enabled:hidden absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/ANN-ARBOR-MICHIGAN-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350 1x, https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/ANN-ARBOR-MICHIGAN-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350&dpr=1.5 1.5x" width="500" height="350" alt="" loading="lazy"> </div> <div class="absolute -bottom-10 -right-4 lg:-bottom-16 lg:-right-16"> <svg class="block w-20 h-20 lg:w-32 lg:h-32 rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> </div> <div class="relative z-0 md:w-1/2 pt-12 order-1 lg:w-[56%] lg:pt-24 lg:parallax-y-16"> <div class="p-8 pr-24 -mr-20 rounded bg-white"> <div class="grid gap-10"> <h2 class="h2 text-navy u-to-gradient">Lo que <u>diferencia a</u> nuestra tecnología</h2> <div class="prose prose-sm"> <p>Nuestra tecnología resuelve el mayor problema de la conducción autónoma -manejar con seguridad ante lo inesperado- permitiendo a nuestros vehículos imaginar una multitud de escenarios posibles. Estas interminables simulaciones a bordo en tiempo real conducen a comportamientos emergentes que permiten a cada vehículo conducir con seguridad en todas y cada una de las situaciones, por singulares que sean.</p> </div> <ol class="flex flex-wrap items-center gap-4"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/es/technology/"><span class="block flex-initial pointer-events-none">Más info</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> </div> </div> </div> </div> </div> <div class="pb-12 md:pb-24 bg-brand-gray-light"> <div class="relative"> <div class="hidden md:block absolute top-0 left-0 w-full h-full"> <x-svelte component="route" data-path="icon-grid-large"></x-svelte> </div> <div class="relative container lg:grid lg:grid-cols-14 lg:gap-8"> <div class="lg:col-start-2 lg:col-span-12"> <div class="grid grid-cols-1 gap-x-6 gap-y-12 md:grid-cols-2 md:gap-x-8 md:gap-y-14 lg:grid-cols-2"> <div class="md:delay-0 lg:delay-0" data-intro="slide-up"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14" aria-hidden="true"> <svg class="block w-full h-full fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M466.5 83.71l-192-80c-5.875-2.5-12.16-3.703-18.44-3.703S243.5 1.203 237.6 3.703L45.61 83.71C27.73 91.08 16 108.6 16 127.1C16 385.4 205.4 512 255.9 512C305.2 512 496 387.3 496 127.1C496 108.6 484.3 91.08 466.5 83.71zM256 464C158.5 423.4 64 297.3 64 128l192-80L448 128C448 301.8 349.6 425 256 464zM200.1 247C196.3 242.3 190.1 239.1 184 239.1c-13.71 0-24 11.21-24 24C160 270.1 162.3 276.3 167 280.1l48 48C219.5 333.5 225.7 335.1 232 335.1c2.595 0 11.46-.4962 18.22-8.375l96-112c3.881-4.528 5.781-10.09 5.781-15.62c0-7.405-5.79-23.99-23.98-23.99c-6.756 0-13.48 2.831-18.24 8.362L230.7 276.7L200.1 247z"/></svg> </div> <h3 class="h4">Our Commitment to Safety</h3> <p class="text-md text-brand-gray-dark"> Riders and other road users’ safety is our top priority. Our combined sensor stack and unique Multi-Policy Decision Making platform work together to monitor the road and run simulations on possible situations and hazards far more reliably than rules-based systems. The result is a vehicle that reacts quickly with safe, predictable vehicle movements, which in turn ensures the safety of our riders—and everyone on the roadway. </p> <div class="flex items-center gap-1 text-sm font-medium text-brand-gray-dark group-hover:text-blue transition-all ease-in-out duration-400"> <span class="block">Learn More</span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> </div> <a class="absolute -inset-1 z-0 block rounded" href="https://maymobility.com/es/technology/safety/" aria-label="Learn More"></a> </article> </div> </div> <div class="md:delay-300 lg:delay-300" data-intro="slide-up"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14" aria-hidden="true"> <svg class="block w-full h-full fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M466.5 83.71l-192-80c-5.875-2.5-12.16-3.703-18.44-3.703S243.5 1.203 237.6 3.703L45.61 83.71C27.73 91.08 16 108.6 16 127.1C16 385.4 205.4 512 255.9 512C305.2 512 496 387.3 496 127.1C496 108.6 484.3 91.08 466.5 83.71zM256 464C158.5 423.4 64 297.3 64 128l192-80L448 128C448 301.8 349.6 425 256 464zM200.1 247C196.3 242.3 190.1 239.1 184 239.1c-13.71 0-24 11.21-24 24C160 270.1 162.3 276.3 167 280.1l48 48C219.5 333.5 225.7 335.1 232 335.1c2.595 0 11.46-.4962 18.22-8.375l96-112c3.881-4.528 5.781-10.09 5.781-15.62c0-7.405-5.79-23.99-23.98-23.99c-6.756 0-13.48 2.831-18.24 8.362L230.7 276.7L200.1 247z"/></svg> </div> <h3 class="h4">Nuestro compromiso con la seguridad</h3> <p class="text-md text-brand-gray-dark"> Nuestra máxima prioridad es la seguridad de los pasajeros y otros usuarios de la carretera . Nuestra combinación de sensores y exclusiva plataforma de toma de decisiones multipolítica trabajan conjuntamente para supervisar la ruta y realizar simulaciones de posibles situaciones y peligros de forma mucho más fiable que los sistemas basados en reglas. El resultado es un vehículo que reacciona rápidamente con movimientos seguros y predecibles, lo que a su vez garantiza la seguridad de nuestros pasajeros y de todos los que circulan por la carretera. </p> <div class="flex items-center gap-1 text-sm font-medium text-brand-gray-dark group-hover:text-blue transition-all ease-in-out duration-400"> <span class="block">Más info</span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> </div> <a class="absolute -inset-1 z-0 block rounded" href="https://maymobility.com/es/technology/safety/" aria-label="Más info"></a> </article> </div> </div> <div class="md:delay-0 lg:delay-0" data-intro="slide-up"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14" aria-hidden="true"> <svg class="block w-full h-full fill-berry" width="48" height="58" viewBox="0 0 48 58" fill="none"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z"/></svg> </div> <h3 class="h4">Our Commitment to Accessibility</h3> <p class="text-md text-brand-gray-dark"> We’re passionate about providing equitable and accessible transportation to everyone. Using an ADA-compliant wheelchair ramp, our wheelchair-accessible Toyota Siennas can accommodate two riders in addition to a rider using a wheelchair. They can also accommodate service animals and an attendant. </p> <div class="flex items-center gap-1 text-sm font-medium text-brand-gray-dark group-hover:text-berry transition-all ease-in-out duration-400"> <span class="block">Learn More</span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> </div> <a class="absolute -inset-1 z-0 block rounded" href="https://maymobility.com/es/technology/accessibility/" aria-label="Learn More"></a> </article> </div> </div> <div class="md:delay-300 lg:delay-300" data-intro="slide-up"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14" aria-hidden="true"> <svg class="block w-full h-full fill-berry" width="48" height="58" viewBox="0 0 48 58" fill="none"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z"/></svg> </div> <h3 class="h4">Nuestro compromiso con la accesibilidad</h3> <p class="text-md text-brand-gray-dark"> Nos apasiona ofrecer un transporte equitativo y accesible para todos. Con una rampa para sillas de ruedas que cumple con la ADA, nuestros Toyota Sienna accesibles para sillas de ruedas pueden acomodar a dos personas, además del pasajero en silla de ruedas. Asimismo, pueden acomodar animales de servicio y un asistente. </p> <div class="flex items-center gap-1 text-sm font-medium text-brand-gray-dark group-hover:text-berry transition-all ease-in-out duration-400"> <span class="block">Más info</span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> </div> <a class="absolute -inset-1 z-0 block rounded" href="https://maymobility.com/es/technology/accessibility/" aria-label="Más info"></a> </article> </div> </div> </div> </div> </div> </div> </div> <div class=""> <div class="relative overflow-hidden py-12 md:py-24 md:bg-brand-gray-light"> <div class="hidden md:block absolute -bottom-20 left-0 w-full h-40 bg-brand-gradient-full-dark blur-3xl opacity-20 animation-enabled:bg-gradient-pulse"></div> <div class="relative container md:px-12" data-intro="slide-up"> <div class="grid gap-6 mb-12 text-center md:text-left"> <h2 class="h2 text-navy"> Nuestros socios estratégicos </h2> </div> </div> <div class="flex items-center justify-center gap-2 px-8 mb-12 lg:hidden"> <svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg> <p> Deslizar para desplazarse </p> </div> <div class="splide relative md:max-w-7xl md:px-12 md:mx-auto" data-splide='{"type":"loop","perPage":1,"perMove":1,"arrows":true,"pagination":false,"mediaQuery":"min","breakpoints":{"460":{"perPage":2},"780":{"perPage":3},"960":{"perPage":4}}}'> <div class="relative bg-white md:shadow-xl py-4 md:py-8 md:rounded-24" style="--tw-shadow: 0px -4px 20px -4px rgb(0 0 0 / 0.18), 0px 10px 20px 0px rgb(0 0 0 / 0.1);"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev -left-6 hidden lg:block absolute z-1 top-1/2 -translate-y-1/2 flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Previous"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z"/></svg> </button> <button class="splide__arrow splide__arrow--next -right-6 hidden lg:block absolute z-1 top-1/2 -translate-y-1/2 flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Next"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </button> </div> <div class="px-6"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Via-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Via-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Via-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Via-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Toyota-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Toyota-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Toyota-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Toyota-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Toyota-Tsusho-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Toyota-Tsusho-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Toyota-Tsusho-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Toyota-Tsusho-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Tokio-Marine-Hcc-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Tokio-Marine-Hcc-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Tokio-Marine-Hcc-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Tokio-Marine-Hcc-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Monet-Technologies-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Monet-Technologies-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Monet-Technologies-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Monet-Technologies-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Bridgestone-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Bridgestone-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Bridgestone-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Bridgestone-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Stantec-Logo.jpeg?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Stantec-Logo.jpeg?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="62" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Stantec-Logo.jpeg?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Stantec-Logo.jpeg?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="62" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Moovit-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Moovit-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Moovit-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Moovit-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="py-12 md:py-24 bg-white"> <div class="splide" data-splide='{"type":"loop","perPage":1,"perMove":1,"arrows":true,"pagination":false,"mediaQuery":"min","breakpoints":{"460":{"perPage":1,"padding":{"left":"0","right":"20%"}},"780":{"perPage":2,"padding":{"left":"0","right":"10%"}},"960":{"perPage":2,"padding":{"left":"0","right":"20%"}}}}'> <div class="container mb-8 lg:px-16 xl:px-24"> <div class="lg:flex lg:justify-between lg:gap-8"> <div class="flex flex-col gap-6 lg:flex-row lg:gap-8 lg:items-center" data-intro="slide-up"> <h2 class="h2 text-navy"> Prensa reciente </h2> </div> <div class="hidden lg:flex items-center gap-2 splide__arrows"> <button class="splide__arrow splide__arrow--prev flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Previous"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z"/></svg> </button> <button class="splide__arrow splide__arrow--next flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Next"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </button> </div> </div> </div> <div class="relative bg-navy ml-6 py-2 overflow-hidden rounded-bl-24 rounded-tl-sm lg:rounded-bl-48 lg:ml-[calc(2rem_+_max(0rem,calc(calc(100vw-theme(maxWidth.7xl))/2)))] xl:ml-[calc(4rem_+_max(0rem,calc(calc(100vw-theme(maxWidth.7xl))/2)))]"> <div class="relative"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">May Mobility to test driverless shuttles in Ann Arbor</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">noviembre 20, 2024</span> / <span class="block"> TechCrunch </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://techcrunch.com/2024/11/20/may-mobility-to-test-driverless-shuttles-in-ann-arbor/" target="_blank" aria-label="View press article - May Mobility to test driverless shuttles in Ann Arbor"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">How robotaxis are trying to win passengers' trust</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">noviembre 18, 2024</span> / <span class="block"> BBC </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.bbc.com/future/article/20241115-how-robotaxis-are-trying-to-win-passengers-trust" target="_blank" aria-label="View press article - How robotaxis are trying to win passengers' trust"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">May Mobility launches driverless operations in second U.S. city, adds new vehicle</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">noviembre 13, 2024</span> / <span class="block"> Automotive News </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.autonews.com/technology/an-may-mobility-driverless-ann-arbor/" target="_blank" aria-label="View press article - May Mobility launches driverless operations in second U.S. city, adds new vehicle"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Lyft will bring autonomous vehicles to Atlanta next year, joining Uber</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">noviembre 7, 2024</span> / <span class="block"> The Atlanta Jounral-Constitution </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.ajc.com/news/business/lyft-to-bring-self-driving-vehicles-to-atlanta-next-year-joining-uber/FUFOURSTKRCDPBH7EDCFDHPVTI/" target="_blank" aria-label="View press article - Lyft will bring autonomous vehicles to Atlanta next year, joining Uber"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Lyft partners with May Mobility, Mobileye to bring autonomous vehicles to the app</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">noviembre 6, 2024</span> / <span class="block"> TechCrunch </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://techcrunch.com/2024/11/06/lyft-partners-with-may-mobility-mobileye-to-bring-autonomous-vehicles-to-the-app/" target="_blank" aria-label="View press article - Lyft partners with May Mobility, Mobileye to bring autonomous vehicles to the app"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Forget Tesla, Here’s What’s Real In Moving People Driverlessly</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">noviembre 4, 2024</span> / <span class="block"> Forbes </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.forbes.com/sites/richardbishop1/2024/11/04/forget-tesla-heres-whats-real-in-moving-people-driverlessly/" target="_blank" aria-label="View press article - Forget Tesla, Here’s What’s Real In Moving People Driverlessly"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Ready or not: Self-driving robo rides are rolling into reality</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">julio 27, 2024</span> / <span class="block"> FOX News </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.foxnews.com/tech/ready-not-self-driving-robo-rides-rolling-reality" target="_blank" aria-label="View press article - Ready or not: Self-driving robo rides are rolling into reality"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Cities are paying this robotaxi company to work with them</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">julio 18, 2024</span> / <span class="block"> Smart Cities Dive </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.smartcitiesdive.com/news/autonomous-robotaxi-company-may-mobility-microtransit-cities/721647/" target="_blank" aria-label="View press article - Cities are paying this robotaxi company to work with them"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">How autonomous vehicles can herald a new era for airports</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">julio 18, 2024</span> / <span class="block"> Cities Today </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://cities-today.com/industry/how-autonomous-vehicles-can-herald-a-new-era-for-airports/" target="_blank" aria-label="View press article - How autonomous vehicles can herald a new era for airports"></a> </article> </div> </div> </li> </ul> </div> </div> <div class="absolute top-0 left-0 w-8 h-full pointer-events-none bg-gradient-cut-off-left"></div> </div> </div> </div> <div class=""> <div class="relative py-20 md:py-32"> <x-svelte component="route" data-path="featured-blog-posts" data-classes="hidden md:block absolute inset-0 block w-full h-full"></x-svelte> <div class="relative bg-navy p-6 rounded-tr-24 rounded-br-24 md:py-12 lg:py-24 lg:pl-[max(4rem,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:pr-16 lg:rounded-tr-48 lg:rounded-br-48 lg:mr-[max(.25rem,calc(calc(100vw-theme(maxWidth.7xl))/2))]"> <div class="flex flex-col gap-6 mb-6 lg:flex-row lg:gap-8 lg:items-center lg:mb-16" data-intro="slide-right"> <h2 class="h2 text-white"> Lo último de May Mobility </h2> <p> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/es/posts/" aria-label="Ver todas las publicaciones"><span class="block flex-initial pointer-events-none">Ver todo</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </p> </div> <div class="grid grid-cols-1 gap-5 lg:grid-cols-2 lg:gap-8"> <div data-intro="slide-right"> <div class="group xl:h-full"> <article class="relative z-0 rounded-24 shadow-md bg-brand-gray-light transition-all delay-25 duration-400 lg:flex lg:flex-col xl:h-full group-hover:-translate-y-4"> <picture><source srcset="https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/Driver-Out/2024_MayMobility_TechDay_196.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600 1x, https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/Driver-Out/2024_MayMobility_TechDay_196.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600&dpr=1.5 1.5x" width="800" height="600" media="(min-width: 640px)"><img class="block w-full aspect-video rounded-t-24 object-cover lg:aspect-7/5" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/Driver-Out/2024_MayMobility_TechDay_196.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=375 1x, https://maymobility.imgix.net/Deployments/Ann-Arbor-MI/Driver-Out/2024_MayMobility_TechDay_196.jpg?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=375&dpr=1.5 1.5x" width="500" height="375" alt="" loading="lazy"></picture> <div class="flex flex-col gap-3 px-6 py-5 rounded-b-24 bg-brand-gray-light text-brand-gray-dark transition-all duration-400 md:px-8 md:py-7 xl:flex-grow group-hover:text-navy group-hover:bg-white"> <p class="h-pre-heading opacity-60"> Artículo destacado </p> <h3 class="h3 text-navy-600 max-w-md group-hover:underline"> May Mobility expands autonomous driver-out vehicle operations to second U.S. city </h3> <p class="font-medium uppercase opacity-90"> noviembre 20, 2024 </p> </div> <a class="absolute inset-0 z-1 block rounded-24" href="https://maymobility.com/es/posts/may-mobility-expands-autonomous-driver-out-vehicle-operations-to-second-u-s-city/" aria-label="Leer publicación May Mobility expands autonomous driver-out vehicle operations to second U.S. city"></a> </article> </div> </div> <ol class="grid gap-5 lg:gap-8"> <li class="" data-intro="slide-left"> <div class="group xl:h-full"> <article class="relative z-0 flex flex-col gap-3 px-6 py-5 rounded-24 rounded-tl-sm bg-brand-gray-light text-brand-gray-dark shadow-md transition-all delay-25 duration-400 xl:h-full group-hover:text-navy group-hover:bg-white group-hover:-translate-y-4"> <p class="font-semibold text-md uppercase tracking-wider opacity-90"> noviembre 6, 2024 </p> <h3 class="h5 text-navy-600 max-w-md group-hover:underline"> May Mobility to deploy autonomous vehicles to the Lyft platform </h3> <div class="flex items-center gap-1 text-sm font-medium transition-all ease-in-out duration-400 md:text-base"> <span class="block"> Leer artículo </span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> <a class="absolute inset-0 z-1 block rounded-24 rounded-tl-sm" href="https://maymobility.com/es/posts/may-mobility-to-deploy-autonomous-vehicles-to-the-lyft-platform/" aria-label="Read post May Mobility to deploy autonomous vehicles to the Lyft platform"></a> </article> </div> </li> <li class="lg:delay-300" data-intro="slide-left"> <div class="group xl:h-full"> <article class="relative z-0 flex flex-col gap-3 px-6 py-5 rounded-24 rounded-tl-sm bg-brand-gray-light text-brand-gray-dark shadow-md transition-all delay-25 duration-400 xl:h-full group-hover:text-navy group-hover:bg-white group-hover:-translate-y-4"> <p class="font-semibold text-md uppercase tracking-wider opacity-90"> octubre 15, 2024 </p> <h3 class="h5 text-navy-600 max-w-md group-hover:underline"> Get to know May: Takashi Nakamura, Japan Country Manager </h3> <div class="flex items-center gap-1 text-sm font-medium transition-all ease-in-out duration-400 md:text-base"> <span class="block"> Leer artículo </span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> <a class="absolute inset-0 z-1 block rounded-24 rounded-tl-sm" href="https://maymobility.com/es/posts/get-to-know-may-takashi-nakamura-japan-country-manager/" aria-label="Read post Get to know May: Takashi Nakamura, Japan Country Manager"></a> </article> </div> </li> <li class="lg:delay-300" data-intro="slide-left"> <div class="group xl:h-full"> <article class="relative z-0 flex flex-col gap-3 px-6 py-5 rounded-24 rounded-tl-sm bg-brand-gray-light text-brand-gray-dark shadow-md transition-all delay-25 duration-400 xl:h-full group-hover:text-navy group-hover:bg-white group-hover:-translate-y-4"> <p class="font-semibold text-md uppercase tracking-wider opacity-90"> octubre 10, 2024 </p> <h3 class="h5 text-navy-600 max-w-md group-hover:underline"> Driving securely into the future: Autonomous vehicle cybersecurity </h3> <div class="flex items-center gap-1 text-sm font-medium transition-all ease-in-out duration-400 md:text-base"> <span class="block"> Leer artículo </span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> <a class="absolute inset-0 z-1 block rounded-24 rounded-tl-sm" href="https://maymobility.com/es/posts/driving-securely-into-the-future-autonomous-vehicle-cybersecurity/" aria-label="Read post Driving securely into the future: Autonomous vehicle cybersecurity"></a> </article> </div> </li> </ol> </div> </div> </div> </div> <div class="contents lg:hidden"> <div class="py-12"> <div class="max-w-lg pr-16 mr-auto md:max-w-2xl"> <div class="relative h-full"> <div class="relative z-0 w-full aspect-video mr-auto rounded-tr object-center overflow-hidden"> <picture><source srcset="https://maymobility.imgix.net/HOMEPAGE_Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/HOMEPAGE_Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/HOMEPAGE_Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/HOMEPAGE_Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -right-7 rotate-90 md:w-20 md:h-20 md:-top-10 md:-right-10 fill-green" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6 md:px-16"> <div class="grid gap-4 p-6 bg-brand-gray-light rounded md:p-8"> <h2 class="h2 text-navy">Lleve May Mobility a su comunidad</h2> <div class="prose "> <p> Nos encanta reunirnos con agencias de transporte, ciudades, campus, organizaciones y empresasdonde sea que estén para aportar autonomía a su ecosistema de movilidad y cubrir sus carencias de transporte a largo plazo. ¿Listo para asociarse? Charlemos. </p> </div> <ol class="flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/es/contact/" data-gtm-element="call-to-action-button-54075"><span class="block flex-initial pointer-events-none">Póngase en contacto con nosotros</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li> </ol> </div> </div> </div> </div> <div class="hidden lg:contents"> <div class="relative pt-10 overflow-hidden bg-brand-gray-light"> <div class="hidden md:block absolute -bottom-20 left-0 w-full h-40 bg-brand-gradient-full-dark blur-3xl opacity-20 animation-enabled:bg-gradient-pulse"></div> <div class="relative container grid grid-cols-14 gap-8 items-end"> <div class="col-start-2 col-span-7 pb-20 pt-10" data-intro="slide-right" data-parallax> <div class="grid gap-4 pr-4 text-gray-900 -parallax-y-12"> <h2 class="h2 text-navy">Lleve May Mobility a su comunidad</h2> <div class="prose "> <p> Nos encanta reunirnos con agencias de transporte, ciudades, campus, organizaciones y empresasdonde sea que estén para aportar autonomía a su ecosistema de movilidad y cubrir sus carencias de transporte a largo plazo. ¿Listo para asociarse? Charlemos. </p> </div> <ol class="flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/es/contact/" data-gtm-element="call-to-action-button-54075"><span class="block flex-initial pointer-events-none">Póngase en contacto con nosotros</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li> </ol> </div> </div> <div class="relative col-start-9 col-span-6" data-intro="slide-left" data-parallax> <div class="absolute -bottom-20 -left-8 w-[50vw] h-[calc(5rem+50%)] rounded-tl-48 bg-green parallax-y-16 parallax-x-6"></div> <div class="relative z-0 block aspect-7/5 rounded-t-48 object-cover object-center overflow-hidden -parallax-x-6"> <img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/HOMEPAGE_Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400 1x, https://maymobility.imgix.net/HOMEPAGE_Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400&dpr=1.5 1.5x" width="600" height="400" alt="" loading="lazy"> </div> </div> </div> </div> </div> </main> <footer> <h2 class="sr-only"> Pie de página: Información de contacto y enlaces adicionales </h2> <div class="h-3 bg-brand-gradient-full-dark lg:hidden"></div> <div class="pt-12 pb-32 bg-navy text-white"> <div class="container lg:grid lg:grid-cols-14 lg:gap-x-8 lg:gap-y-12"> <div class="lg:col-start-2 lg:col-span-12"> <a href="https://maymobility.com/es/" class="inline-block p-1 -ml-1 rounded-full" title="May Mobility (ES) Página principal"> <svg class="block w-[192px] h-[76px] fill-white" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg> </a> </div> <div class="lg:col-start-2 lg:col-span-12"> <div class="contents lg:hidden"> <div class="pt-6 pb-12"> <div class="py-6 border-solid border-white/30 border-t flex items-center justify-between gap-6 lg:items-start"> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 rounded-full border-berry text-white hover:bg-berry is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/es/contact/"><span class="block flex-initial pointer-events-none">Póngase en contacto con</span></a> <h3 class="sr-only"> Seguir a May Mobility (ES) </h3> <ul class="flex flex-wrap items-center lg:grid lg:grid-flow-row lg:grid-cols-3"> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.linkedin.com/company/maymobility/" target="_blank"> <span class="sr-only">on LinkedIn</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/><title>LinkedIn</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.instagram.com/maymobility/" target="_blank"> <span class="sr-only">on Instagram</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/><title>Instagram</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://twitter.com/may_mobility" target="_blank"> <span class="sr-only">on Twitter</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/><title>Twitter</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://medium.com/may-mobility" target="_blank"> <span class="sr-only">on Medium</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" role="img"><path d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/><title>Medium</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.facebook.com/maymobility/" target="_blank"> <span class="sr-only">on Facebook</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>Facebook</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank"> <span class="sr-only">on YouTube</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/><title>YouTube</title></svg></a> </li> </ul> </div> <ol class="pt-6 border-solid border-white/30 border-t grid grid-cols-2 gap-6 md:grid-cols-3"> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/es/our-solutions/" data-gtm-element="footer-nav-item-level1-52521">Nuestras soluciones</a> <ol class="flex flex-col gap-3"> <li> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/es/locations/" data-gtm-element="footer-nav-item-level1-52523">Nuestras sedes</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/es/for-riders/" data-gtm-element="footer-nav-item-level2-52524">Para pasajeros</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/es/meet-may/" data-gtm-element="footer-nav-item-level1-52525">Conozca May</a> <ol class="flex flex-col gap-3"> <li> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/es/technology/" data-gtm-element="footer-nav-item-level1-52527">Tecnología</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/es/technology/safety/" data-gtm-element="footer-nav-item-level2-52528">Seguridad</a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/es/technology/accessibility/" data-gtm-element="footer-nav-item-level2-52529">Accesibilidad</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/es/investors/" data-gtm-element="footer-nav-item-level1-52533">Inversores</a> </li> <li class="flex flex-col gap-3 max-w-xs"> <span class="block text-sm font-medium">Idiomas</span> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/"> English (United States) </a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://www.maymobility.co.jp/"> 日本語 </a> </li> </ol> </li> </ol> </div> </div> <div class="hidden lg:contents"> <div class="flex items-start justify-between gap-6"> <ol class="flex-grow flex flex-wrap gap-8"> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/es/our-solutions/" data-gtm-element="footer-nav-item-level1-52521">Nuestras soluciones</a> <ol class="flex flex-col gap-3"> <li> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/es/locations/" data-gtm-element="footer-nav-item-level1-52523">Nuestras sedes</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/es/for-riders/" data-gtm-element="footer-nav-item-level2-52524">Para pasajeros</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/es/meet-may/" data-gtm-element="footer-nav-item-level1-52525">Conozca May</a> <ol class="flex flex-col gap-3"> <li> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/es/technology/" data-gtm-element="footer-nav-item-level1-52527">Tecnología</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/es/technology/safety/" data-gtm-element="footer-nav-item-level2-52528">Seguridad</a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/es/technology/accessibility/" data-gtm-element="footer-nav-item-level2-52529">Accesibilidad</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/es/investors/" data-gtm-element="footer-nav-item-level1-52533">Inversores</a> </li> <li class="flex flex-col gap-3 max-w-xs"> <span class="block text-14px font-medium">Idiomas</span> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/"> English (United States) </a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://www.maymobility.co.jp/"> 日本語 </a> </li> </ol> </li> </ol> <div class="flex flex-col justify-center gap-6"> <p> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/es/contact/"><span class="block flex-initial pointer-events-none">Póngase en contacto con</span></a> </p> <h3 class="sr-only"> Seguir a May Mobility (ES) </h3> <ul class="flex flex-wrap items-center lg:grid lg:grid-flow-row lg:grid-cols-3"> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.linkedin.com/company/maymobility/" target="_blank"> <span class="sr-only">on LinkedIn</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/><title>LinkedIn</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.instagram.com/maymobility/" target="_blank"> <span class="sr-only">on Instagram</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/><title>Instagram</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://twitter.com/may_mobility" target="_blank"> <span class="sr-only">on Twitter</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/><title>Twitter</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://medium.com/may-mobility" target="_blank"> <span class="sr-only">on Medium</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" role="img"><path d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/><title>Medium</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.facebook.com/maymobility/" target="_blank"> <span class="sr-only">on Facebook</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>Facebook</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank"> <span class="sr-only">on YouTube</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/><title>YouTube</title></svg></a> </li> </ul> </div> </div> </div> </div> <div class="pt-8 border-solid border-white/30 border-t lg:col-start-2 lg:col-span-12"> <div class="flex flex-col gap-6 text-14px uppercase md:flex-row md:gap-2"> <p> © 2024 May Mobility (ES) </p> <ol class="flex flex-col gap-6 md:flex-row md:gap-2"> <li> <button class="linkClasses" onclick="window.displayPreferenceModal();return false;" id="termly-consent-preferences"> Preferencias de consentimiento </button> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/es/privacy-policy/" data-gtm-element="footer-legal-menu-52534">Política de privacidad</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/es/terms-of-use/" data-gtm-element="footer-legal-menu-52535">Condiciones de uso</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/es/ada-policy/" data-gtm-element="footer-legal-menu-52536">Política ADA</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://net.maymobility.com/" target="_blank" data-gtm-element="footer-legal-menu-52537">Seguridad de las redes</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://www.mostlyserious.io/" data-gtm-element="footer-legal-menu-52538">Sitio web de Mostly Serious</a> </li> </ol> </div> </div> </div> </div> </footer> </div> <x-svelte component="animation-control"></x-svelte> <div id="video-fancy-modal-52543" class="invisible opacity-0 fixed z-50 top-0 left-0 w-full h-full flex items-center justify-center py-12 transition-all duration-600 is-active:opacity-100" data-target-lock-scroll data-target-trap-focus data-target-duration="600"> <div class="absolute inset-0 bg-gray-900 opacity-95" data-toggle="#video-fancy-modal-52543"></div> <div class="flex items-center justify-center aspect-video h-full max-h-[65vh] max-w-full translate-y-12 transition-all duration-400 is-active:translate-y-0"> <div class="relative w-full"> <div class="absolute -top-12 right-3 flex items-center justify-end"> <button type="button" class="flex items-center gap-1 p-3 text-base font-bold text-white transition-opacity duration-200 hover:opacity-90" data-toggle="#video-fancy-modal-52543"> <span class="block">Close Video</span> <svg class="block w-4 h-auto fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg> </button> </div> <div class="w-full"> <div class="aspect-video overflow-hidden rounded-[2px]"> <iframe class="block w-full h-full" src="https://www.youtube-nocookie.com/embed/0tlq43g2QRI?feature=oembed&enablejsapi=1&autoplay=0&controls=0&playsinline=1&rel=0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" frameborder="0" loading="lazy"></iframe></div> </div> </div> </div> </div> </body> </html>

CINXE.COM

May Mobility (ES) | Home