{"id":428,"date":"2026-05-02T15:59:36","date_gmt":"2026-05-02T15:59:36","guid":{"rendered":"https:\/\/lafao.dev\/?page_id=428"},"modified":"2026-05-13T21:33:24","modified_gmt":"2026-05-13T21:33:24","slug":"servicios","status":"publish","type":"page","link":"https:\/\/lafao.dev\/en\/servicios\/","title":{"rendered":"servicios"},"content":{"rendered":"<section class=\"sd-section\" aria-label=\"Servicios Premium\">\n    <div class=\"sd-container\">\n\n        <!-- Patron decorativo de puntos -->\n        <div class=\"sd-dots\" aria-hidden=\"true\"><\/div>\n\n        <!-- Modales por servicio -->\n                                <div id=\"sd-modal-blue\" class=\"sd-modal sd-modal--blue\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sd-modal-title-blue\" hidden>\n                <div class=\"sd-modal__backdrop sd-modal-close\"><\/div>\n                <div class=\"sd-modal__panel\">\n                    <div class=\"sd-modal__head\">\n                        <div class=\"sd-modal__icon sd-modal__icon--blue\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 010 18M12 3a14 14 0 000 18\"\/><\/svg>                        <\/div>\n                        <button type=\"button\" class=\"sd-modal__x sd-modal-close\" aria-label=\"Cerrar\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                    <h2 id=\"sd-modal-title-blue\" class=\"sd-modal__title\">Web de negocio<\/h2>\n                    <div class=\"sd-modal__body\">\n                        \n<p class=\"sd-modal__hook\">Seamos honestos: si alguien busca lo que t\u00fa vendes y no te encuentra, le est\u00e1 comprando a tu competencia. As\u00ed de simple.<\/p>\n<div class=\"sd-modal__block\">\n    <h3>\u00bfQu\u00e9 incluye exactamente?<\/h3>\n    <ul>\n        <li><strong>Dise\u00f1o hecho para ti, no para el portafolio de otro.<\/strong> Nada de plantillas gen\u00e9ricas. Partimos desde cero con tu marca, tus colores y lo que quieres transmitir.<\/li>\n        <li><strong>Se ve bien en el m\u00f3vil, en la tablet y en el port\u00e1til.<\/strong> M\u00e1s del 70% de tus clientes te van a buscar desde el tel\u00e9fono. Si tu web se ve rota ah\u00ed, los pierdes.<\/li>\n        <li><strong>Google puede encontrarte.<\/strong> Incluimos SEO b\u00e1sico desde el inicio: estructura, velocidad y texto optimizado para que aparezcas en las b\u00fasquedas correctas.<\/li>\n    <\/ul>\n<\/div>\n<div class=\"sd-modal__block\">\n    <h3>\u00bfPara qui\u00e9n es esto?<\/h3>\n    <p>Para el negocio que lleva tiempo funcionando con recomendaciones de boca a boca pero quiere dar el salto. Para el emprendedor que empieza y necesita verse profesional desde el d\u00eda uno. Para quien tiene una web antigua que ya no convence a nadie.<\/p>\n<\/div>\n<div class=\"sd-modal__block sd-modal__block--highlight\">\n    <p>La diferencia entre una web bonita y una web que vende es que la segunda est\u00e1 pensada para el cliente, no para el due\u00f1o. Nosotros te entregamos la segunda.<\/p>\n<\/div>                    <\/div>\n                    <a href=\"https:\/\/lafao.dev\/contacto\/?servicio=Web%20de%20negocio\" class=\"sd-modal__cta sd-modal__cta--blue\">\n                        Ver m\u00e1s \u2014 quiero saber m\u00e1s\n                        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n                                            <div id=\"sd-modal-teal\" class=\"sd-modal sd-modal--teal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sd-modal-title-teal\" hidden>\n                <div class=\"sd-modal__backdrop sd-modal-close\"><\/div>\n                <div class=\"sd-modal__panel\">\n                    <div class=\"sd-modal__head\">\n                        <div class=\"sd-modal__icon sd-modal__icon--teal\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 4h2l2.4 11.2a2 2 0 002 1.6h8.8a2 2 0 002-1.6L21 8H6\"\/><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"18\" cy=\"20\" r=\"1.4\"\/><\/svg>                        <\/div>\n                        <button type=\"button\" class=\"sd-modal__x sd-modal-close\" aria-label=\"Cerrar\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                    <h2 id=\"sd-modal-title-teal\" class=\"sd-modal__title\">Tienda online<\/h2>\n                    <div class=\"sd-modal__body\">\n                        \n<p class=\"sd-modal__hook\">Vender en Instagram o WhatsApp est\u00e1 bien para empezar. Pero a cierto punto, gestionar pedidos por chat te consume la vida. Una tienda propia cambia eso.<\/p>\n<div class=\"sd-modal__block\">\n    <h3>\u00bfQu\u00e9 incluye exactamente?<\/h3>\n    <ul>\n        <li><strong>Tu cliente paga solo, sin que t\u00fa tengas que hacer nada.<\/strong> Integramos pasarelas como PayPal, Stripe o transferencia bancaria. El dinero llega a tu cuenta, sin intermediarios que se queden con comisiones grandes.<\/li>\n        <li><strong>Controlas todo desde un panel sin complicaciones.<\/strong> Agregar productos, cambiar precios, ver qu\u00e9 vendiste esta semana. Todo en un solo lugar, desde el m\u00f3vil si quieres.<\/li>\n        <li><strong>Nunca m\u00e1s \"\u00bfme queda stock de eso?\"<\/strong> El inventario se actualiza solo cuando alguien compra. Sin hojas de c\u00e1lculo, sin sustos.<\/li>\n    <\/ul>\n<\/div>\n<div class=\"sd-modal__block\">\n    <h3>\u00bfPara qui\u00e9n es esto?<\/h3>\n    <p>Para el negocio f\u00edsico que quiere vender tambi\u00e9n en l\u00ednea. Para quien ya vende por redes sociales pero est\u00e1 harto de responder el mismo mensaje 40 veces al d\u00eda. Para el emprendedor que quiere una tienda seria, no un carrito improvisado.<\/p>\n<\/div>\n<div class=\"sd-modal__block sd-modal__block--highlight\">\n    <p>Tu tienda trabaja mientras t\u00fa duermes, mientras desayunas y mientras est\u00e1s en otra reuni\u00f3n. Eso es exactamente lo que construimos.<\/p>\n<\/div>                    <\/div>\n                    <a href=\"https:\/\/lafao.dev\/contacto\/?servicio=Tienda%20online\" class=\"sd-modal__cta sd-modal__cta--teal\">\n                        Ver m\u00e1s \u2014 quiero saber m\u00e1s\n                        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n                                            <div id=\"sd-modal-indigo\" class=\"sd-modal sd-modal--indigo\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sd-modal-title-indigo\" hidden>\n                <div class=\"sd-modal__backdrop sd-modal-close\"><\/div>\n                <div class=\"sd-modal__panel\">\n                    <div class=\"sd-modal__head\">\n                        <div class=\"sd-modal__icon sd-modal__icon--indigo\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20h16\"\/><rect x=\"6\" y=\"11\" width=\"3\" height=\"7\" rx=\"1\"\/><rect x=\"11\" y=\"7\" width=\"3\" height=\"11\" rx=\"1\"\/><rect x=\"16\" y=\"13\" width=\"3\" height=\"5\" rx=\"1\"\/><\/svg>                        <\/div>\n                        <button type=\"button\" class=\"sd-modal__x sd-modal-close\" aria-label=\"Cerrar\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                    <h2 id=\"sd-modal-title-indigo\" class=\"sd-modal__title\">Landing page<\/h2>\n                    <div class=\"sd-modal__body\">\n                        \n<p class=\"sd-modal__hook\">Una landing page no es \"una p\u00e1gina bonita\". Es una p\u00e1gina dise\u00f1ada con un \u00fanico objetivo: que quien llegue, haga algo \u2014 te llame, te escriba o te compre.<\/p>\n<div class=\"sd-modal__block\">\n    <h3>\u00bfQu\u00e9 incluye exactamente?<\/h3>\n    <ul>\n        <li><strong>Cada elemento tiene un prop\u00f3sito.<\/strong> El texto, los colores, los botones, el orden de la informaci\u00f3n. Todo est\u00e1 pensado para guiar al visitante hacia la acci\u00f3n que t\u00fa quieres.<\/li>\n        <li><strong>Se conecta con tus herramientas.<\/strong> \u00bfUsas Mailchimp, ActiveCampaign, Google Ads o Meta? La landing se integra para que los datos lleguen directo donde los necesitas.<\/li>\n        <li><strong>Sabr\u00e1s qu\u00e9 funciona y qu\u00e9 no.<\/strong> Incluimos anal\u00edtica b\u00e1sica para que veas cu\u00e1ntas personas llegan, cu\u00e1nto tiempo se quedan y cu\u00e1ntas convierten. Nada de actuar a ciegas.<\/li>\n    <\/ul>\n<\/div>\n<div class=\"sd-modal__block\">\n    <h3>\u00bfPara qui\u00e9n es esto?<\/h3>\n    <p>Para quien ya tiene tr\u00e1fico \u2014 de anuncios, redes sociales o buscadores \u2014 y ve que ese tr\u00e1fico no se convierte en clientes. Para el lanzamiento de un producto o servicio que necesita una p\u00e1gina espec\u00edfica. Para campa\u00f1as donde quieres resultados medibles, no suposiciones.<\/p>\n<\/div>\n<div class=\"sd-modal__block sd-modal__block--highlight\">\n    <p>El problema casi nunca es que tienes poco tr\u00e1fico. El problema es que ese tr\u00e1fico llega a una p\u00e1gina que no lo convence. Eso lo arreglamos.<\/p>\n<\/div>                    <\/div>\n                    <a href=\"https:\/\/lafao.dev\/contacto\/?servicio=Landing%20page\" class=\"sd-modal__cta sd-modal__cta--indigo\">\n                        Ver m\u00e1s \u2014 quiero saber m\u00e1s\n                        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n                                            <div id=\"sd-modal-green\" class=\"sd-modal sd-modal--green\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sd-modal-title-green\" hidden>\n                <div class=\"sd-modal__backdrop sd-modal-close\"><\/div>\n                <div class=\"sd-modal__panel\">\n                    <div class=\"sd-modal__head\">\n                        <div class=\"sd-modal__icon sd-modal__icon--green\" aria-hidden=\"true\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6l8-3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>                        <\/div>\n                        <button type=\"button\" class=\"sd-modal__x sd-modal-close\" aria-label=\"Cerrar\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                    <h2 id=\"sd-modal-title-green\" class=\"sd-modal__title\">Sistema reservas<\/h2>\n                    <div class=\"sd-modal__body\">\n                        \n<p class=\"sd-modal__hook\">Cada vez que un cliente te escribe para preguntar \"\u00bftienes disponibilidad?\" y no te encuentra a tiempo, ese cliente se va con quien le responde primero. Un sistema de reservas lo evita.<\/p>\n<div class=\"sd-modal__block\">\n    <h3>\u00bfQu\u00e9 incluye exactamente?<\/h3>\n    <ul>\n        <li><strong>Tu agenda siempre actualizada, en tiempo real.<\/strong> El cliente ve los horarios disponibles en ese momento y elige directamente. Sin idas y venidas por WhatsApp, sin dobles reservas.<\/li>\n        <li><strong>Recordatorios autom\u00e1ticos.<\/strong> El sistema avisa al cliente por correo o SMS antes de su cita. Menos cancelaciones de \u00faltimo minuto, menos tiempo tuyo perdido.<\/li>\n        <li><strong>Gestiona servicios, duraciones y clientes desde un panel.<\/strong> A\u00f1ade o quita servicios, ajusta precios, ve el historial de cada cliente. Todo en un solo lugar.<\/li>\n    <\/ul>\n<\/div>\n<div class=\"sd-modal__block\">\n    <h3>\u00bfPara qui\u00e9n es esto?<\/h3>\n    <p>Para el sal\u00f3n de belleza que gestiona citas por Instagram. Para el psic\u00f3logo o coach que pierde tiempo coordinando horarios. Para cualquier negocio donde el cliente tenga que \"reservar un espacio\" \u2014 sea una consulta, una clase o un servicio presencial.<\/p>\n<\/div>\n<div class=\"sd-modal__block sd-modal__block--highlight\">\n    <p>Tu agenda no deber\u00eda depender de que t\u00fa est\u00e9s pendiente del tel\u00e9fono. Construimos un sistema que trabaja por ti \u2014 t\u00fa solo confirmas y apareces.<\/p>\n<\/div>                    <\/div>\n                    <a href=\"https:\/\/lafao.dev\/contacto\/?servicio=Sistema%20de%20reservas\" class=\"sd-modal__cta sd-modal__cta--green\">\n                        Ver m\u00e1s \u2014 quiero saber m\u00e1s\n                        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n                                        \n        <!-- Tarjetas de servicios -->\n        <div class=\"sd-services\">\n                            <article id=\"web\" class=\"sd-card sd-card--blue\" style=\"--sd-delay: 0ms\">\n                    <div class=\"sd-card__inner\">\n                        <div class=\"sd-card__content\">\n                            <div class=\"sd-card__icon\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 010 18M12 3a14 14 0 000 18\"\/><\/svg>                            <\/div>\n                            <div class=\"sd-card__head\">\n                                <h3 class=\"sd-card__title\">Web de negocio                                                                    <\/h3>\n                                <p class=\"sd-card__lead\">Tu primera vendedora disponible las 24 horas.<\/p>\n                            <\/div>\n                            <p class=\"sd-card__desc\">Una web que no solo se ve bien \u2014 trabaja por ti mientras duermes.<\/p>\n                            <ul class=\"sd-card__features\">\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Dise\u00f1o 100% personalizado                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Adaptado a dispositivos m\u00f3viles                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Optimizaci\u00f3n SEO b\u00e1sica incluida                                    <\/li>\n                                                            <\/ul>\n                        <div class=\"sd-card__action\">\n                                                            <div class=\"sd-card__pricing\">\n                                                                            <div class=\"sd-card__real-price\">Valor normal: <s>$850<\/s><\/div>\n                                                                        <div class=\"sd-card__price\">\n                                        Desde $450                                                                                    <span class=\"sd-card__offer-badge\">Oferta temporal<\/span>\n                                                                            <\/div>\n                                <\/div>\n                                                                                    <button type=\"button\" class=\"sd-card__cta sd-modal-trigger\" data-modal=\"sd-modal-blue\">\n                                Ver m\u00e1s                                <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/button>\n                                                    <\/div>\n                        <\/div>\n\n                        <div class=\"sd-card__visual\" aria-hidden=\"true\">\n                            \n        <div class=\"sd-screen sd-screen--browser\">\n            <div class=\"sd-screen__bar\"><span><\/span><span><\/span><span><\/span><\/div>\n            <div class=\"sd-screen__nav\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n            <div class=\"sd-screen__hero\">\n                <div class=\"sd-screen__hero-text\">\n                    <strong>Tu negocio<\/strong>\n                    <strong class=\"accent\">en la web<\/strong>\n                    <p><\/p><p><\/p>\n                    <span class=\"sd-screen__btn\">Saber m\u00e1s<\/span>\n                <\/div>\n                <div class=\"sd-screen__hero-art\"><\/div>\n            <\/div>\n            <div class=\"sd-screen__rows\"><i><\/i><i><\/i><i><\/i><\/div>\n        <\/div>                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article id=\"tienda\" class=\"sd-card sd-card--teal\" style=\"--sd-delay: 80ms\">\n                    <div class=\"sd-card__inner\">\n                        <div class=\"sd-card__content\">\n                            <div class=\"sd-card__icon\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 4h2l2.4 11.2a2 2 0 002 1.6h8.8a2 2 0 002-1.6L21 8H6\"\/><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"18\" cy=\"20\" r=\"1.4\"\/><\/svg>                            <\/div>\n                            <div class=\"sd-card__head\">\n                                <h3 class=\"sd-card__title\">Tienda online                                                                    <\/h3>\n                                <p class=\"sd-card__lead\">Abre tu negocio al mundo sin intermediarios.<\/p>\n                            <\/div>\n                            <p class=\"sd-card__desc\">Gestiona pagos, productos y clientes desde un solo lugar.<\/p>\n                            <ul class=\"sd-card__features\">\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Pasarelas de pago integradas                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Gesti\u00f3n de productos e inventario                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Panel de administraci\u00f3n intuitivo                                    <\/li>\n                                                            <\/ul>\n                        <div class=\"sd-card__action\">\n                                                            <div class=\"sd-card__pricing\">\n                                                                            <div class=\"sd-card__real-price\">Valor normal: <s>$800<\/s><\/div>\n                                                                        <div class=\"sd-card__price\">\n                                        Desde $690                                                                                    <span class=\"sd-card__offer-badge\">Oferta temporal<\/span>\n                                                                            <\/div>\n                                <\/div>\n                                                                                    <button type=\"button\" class=\"sd-card__cta sd-modal-trigger\" data-modal=\"sd-modal-teal\">\n                                Ver m\u00e1s                                <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/button>\n                                                    <\/div>\n                        <\/div>\n\n                        <div class=\"sd-card__visual\" aria-hidden=\"true\">\n                            \n        <div class=\"sd-screen sd-screen--shop\">\n            <div class=\"sd-screen__bar\"><span><\/span><span><\/span><span><\/span><\/div>\n            <div class=\"sd-screen__shoptop\">\n                <div class=\"sd-screen__pill\"><\/div>\n                <div class=\"sd-screen__title\">Tienda online<\/div>\n                <div class=\"sd-screen__icons\"><i><\/i><i><\/i><\/div>\n            <\/div>\n            <div class=\"sd-screen__shopbody\">\n                <aside class=\"sd-screen__cats\">\n                    <strong>Categor\u00edas<\/strong>\n                    <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n                <\/aside>\n                <div class=\"sd-screen__products\">\n                    <div class=\"sd-prod\"><div class=\"sd-prod__img sd-prod__img--chair\"><\/div><span>$120<\/span><\/div>\n                    <div class=\"sd-prod\"><div class=\"sd-prod__img sd-prod__img--lamp\"><\/div><span>$85<\/span><\/div>\n                    <div class=\"sd-prod\"><div class=\"sd-prod__img sd-prod__img--plant\"><\/div><span>$60<\/span><\/div>\n                <\/div>\n            <\/div>\n        <\/div>                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article id=\"landing\" class=\"sd-card sd-card--indigo\" style=\"--sd-delay: 160ms\">\n                    <div class=\"sd-card__inner\">\n                        <div class=\"sd-card__content\">\n                            <div class=\"sd-card__icon\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20h16\"\/><rect x=\"6\" y=\"11\" width=\"3\" height=\"7\" rx=\"1\"\/><rect x=\"11\" y=\"7\" width=\"3\" height=\"11\" rx=\"1\"\/><rect x=\"16\" y=\"13\" width=\"3\" height=\"5\" rx=\"1\"\/><\/svg>                            <\/div>\n                            <div class=\"sd-card__head\">\n                                <h3 class=\"sd-card__title\">Landing page                                                                    <\/h3>\n                                <p class=\"sd-card__lead\">Transformamos el tr\u00e1fico existente en ventas reales.<\/p>\n                            <\/div>\n                            <p class=\"sd-card__desc\">Cada visita tiene una raz\u00f3n para quedarse \u2014 y una raz\u00f3n para comprar.<\/p>\n                            <ul class=\"sd-card__features\">\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Dise\u00f1o enfocado en conversi\u00f3n                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Integraci\u00f3n con herramientas de marketing                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        M\u00e9tricas y anal\u00edtica incluidas                                    <\/li>\n                                                            <\/ul>\n                        <div class=\"sd-card__action\">\n                                                            <div class=\"sd-card__pricing\">\n                                                                            <div class=\"sd-card__real-price\">Valor normal: <s>$400<\/s><\/div>\n                                                                        <div class=\"sd-card__price\">\n                                        Desde $300                                                                                    <span class=\"sd-card__offer-badge\">Oferta temporal<\/span>\n                                                                            <\/div>\n                                <\/div>\n                                                                                    <button type=\"button\" class=\"sd-card__cta sd-modal-trigger\" data-modal=\"sd-modal-indigo\">\n                                Ver m\u00e1s                                <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/button>\n                                                    <\/div>\n                        <\/div>\n\n                        <div class=\"sd-card__visual\" aria-hidden=\"true\">\n                            \n        <div class=\"sd-screen sd-screen--landing\">\n            <div class=\"sd-landing__hero\">\n                <div class=\"sd-landing__copy\">\n                    <strong>Impulsa tu negocio<\/strong>\n                    <strong>al siguiente nivel<\/strong>\n                    <p><\/p><p><\/p>\n                    <div class=\"sd-landing__btns\"><span class=\"primary\">Quiero m\u00e1s informaci\u00f3n<\/span><span class=\"ghost\">Ver ejemplos<\/span><\/div>\n                <\/div>\n                <div class=\"sd-landing__chip\">Conversi\u00f3n <b>+340%<\/b><\/div>\n                <svg class=\"sd-landing__graph\" viewBox=\"0 0 240 80\" preserveAspectRatio=\"none\">\n                    <path d=\"M0,60 C30,50 50,30 80,35 C110,40 130,15 170,20 C200,25 220,40 240,10 L240,80 L0,80 Z\" fill=\"rgba(255,255,255,.18)\"\/>\n                    <path d=\"M0,60 C30,50 50,30 80,35 C110,40 130,15 170,20 C200,25 220,40 240,10\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"sd-landing__stats\">\n                <div><b>120+<\/b><span>Proyectos<\/span><\/div>\n                <div><b>98%<\/b><span>Satisfacci\u00f3n<\/span><\/div>\n                <div><b>+340%<\/b><span>Conversi\u00f3n<\/span><\/div>\n            <\/div>\n        <\/div>                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article id=\"reservas\" class=\"sd-card sd-card--green\" style=\"--sd-delay: 240ms\">\n                    <div class=\"sd-card__inner\">\n                        <div class=\"sd-card__content\">\n                            <div class=\"sd-card__icon\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6l8-3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>                            <\/div>\n                            <div class=\"sd-card__head\">\n                                <h3 class=\"sd-card__title\">Sistema reservas                                                                    <\/h3>\n                                <p class=\"sd-card__lead\">Deja de perder clientes por falta de respuesta.<\/p>\n                            <\/div>\n                            <p class=\"sd-card__desc\">Tu agenda trabaja sola \u2014 t\u00fa solo confirmas.<\/p>\n                            <ul class=\"sd-card__features\">\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Calendario en tiempo real                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Recordatorios autom\u00e1ticos                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Gesti\u00f3n de servicios y clientes                                    <\/li>\n                                                            <\/ul>\n                        <div class=\"sd-card__action\">\n                                                            <div class=\"sd-card__pricing\">\n                                                                            <div class=\"sd-card__real-price\">Valor normal: <s>$550<\/s><\/div>\n                                                                        <div class=\"sd-card__price\">\n                                        Desde $350                                                                                    <span class=\"sd-card__offer-badge\">Oferta temporal<\/span>\n                                                                            <\/div>\n                                <\/div>\n                                                                                    <button type=\"button\" class=\"sd-card__cta sd-modal-trigger\" data-modal=\"sd-modal-green\">\n                                Ver m\u00e1s                                <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/button>\n                                                    <\/div>\n                        <\/div>\n\n                        <div class=\"sd-card__visual\" aria-hidden=\"true\">\n                            \n        <div class=\"sd-screen sd-screen--cal\">\n            <div class=\"sd-cal\">\n                <div class=\"sd-cal__head\">Abril 2026<\/div>\n                <div class=\"sd-cal__week\"><span>Lu<\/span><span>Ma<\/span><span>Mi<\/span><span>Ju<\/span><span>Vi<\/span><span>Sa<\/span><span>Do<\/span><\/div>\n                <div class=\"sd-cal__grid\"><span class=\"sd-cal__day\"><\/span><span class=\"sd-cal__day\"><\/span><span class=\"sd-cal__day\"><\/span><span class=\"sd-cal__day\">1<\/span><span class=\"sd-cal__day\">2<\/span><span class=\"sd-cal__day\">3<\/span><span class=\"sd-cal__day\">4<\/span><span class=\"sd-cal__day\">5<\/span><span class=\"sd-cal__day\">6<\/span><span class=\"sd-cal__day\">7<\/span><span class=\"sd-cal__day sd-cal__day--dot\">8<\/span><span class=\"sd-cal__day\">9<\/span><span class=\"sd-cal__day\">10<\/span><span class=\"sd-cal__day\">11<\/span><span class=\"sd-cal__day\">12<\/span><span class=\"sd-cal__day\">13<\/span><span class=\"sd-cal__day\">14<\/span><span class=\"sd-cal__day sd-cal__day--active\">15<\/span><span class=\"sd-cal__day\">16<\/span><span class=\"sd-cal__day\">17<\/span><span class=\"sd-cal__day\">18<\/span><span class=\"sd-cal__day\">19<\/span><span class=\"sd-cal__day\">20<\/span><span class=\"sd-cal__day\">21<\/span><span class=\"sd-cal__day sd-cal__day--dot\">22<\/span><span class=\"sd-cal__day\">23<\/span><span class=\"sd-cal__day\">24<\/span><span class=\"sd-cal__day\">25<\/span><span class=\"sd-cal__day\">26<\/span><span class=\"sd-cal__day\">27<\/span><span class=\"sd-cal__day\">28<\/span><span class=\"sd-cal__day\">29<\/span><span class=\"sd-cal__day\">30<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"sd-slots\">\n                <div class=\"sd-slots__title\">Selecciona horario<\/div>\n                <div class=\"sd-slots__grid\">\n                    <span>9:00<\/span><span class=\"active\">11:00<\/span>\n                    <span>13:00<\/span><span>15:00<\/span>\n                <\/div>\n                <button class=\"sd-slots__btn\">Confirmar reserva<\/button>\n            <\/div>\n        <\/div>                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article id=\"a-medida\" class=\"sd-card sd-card--purple\" style=\"--sd-delay: 320ms\">\n                    <div class=\"sd-card__inner\">\n                        <div class=\"sd-card__content\">\n                            <div class=\"sd-card__icon\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a4 4 0 015.6 5.6l-9.2 9.2-5.6-5.6 9.2-9.2z\"\/><path d=\"M13 8l3 3\"\/><\/svg>                            <\/div>\n                            <div class=\"sd-card__head\">\n                                <h3 class=\"sd-card__title\">A medida                                                                            <span class=\"sd-card__tag\">Personalizado<\/span>\n                                                                    <\/h3>\n                                <p class=\"sd-card__lead\">Tu negocio no es gen\u00e9rico \u2014 tu soluci\u00f3n tampoco deber\u00eda serlo.<\/p>\n                            <\/div>\n                            <p class=\"sd-card__desc\">Construimos exactamente lo que necesitas, sin compromisos ni plantillas. Si tienes un reto espec\u00edfico, lo resolvemos.<\/p>\n                            <ul class=\"sd-card__features\">\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        An\u00e1lisis de requerimientos                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Desarrollo a medida                                    <\/li>\n                                                                    <li>\n                                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8.5l3 3 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                        Soporte y mantenimiento incluido                                    <\/li>\n                                                            <\/ul>\n                        <div class=\"sd-card__action\">\n                                                            <div class=\"sd-card__pricing\">\n                                                                        <div class=\"sd-card__price\">\n                                        $ ?                                                                            <\/div>\n                                <\/div>\n                                                                                    <a href=\"https:\/\/lafao.dev\/contacto\/?servicio=Proyecto%20a%20medida\" class=\"sd-card__cta\">\n                                Cotizar proyecto                                <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/a>\n                                                    <\/div>\n                        <\/div>\n\n                        <div class=\"sd-card__visual\" aria-hidden=\"true\">\n                            \n        <div class=\"sd-screen sd-screen--code\">\n            <div class=\"sd-screen__bar\"><span><\/span><span><\/span><span><\/span><\/div>\n            <div class=\"sd-code\">\n                <div class=\"sd-code__row\"><em>1<\/em><b class=\"k\">function<\/b> <b class=\"f\">build<\/b>() {<\/div>\n                <div class=\"sd-code__row\"><em>2<\/em>&nbsp;&nbsp;<b class=\"k\">const<\/b> <b class=\"v\">app<\/b> = <b class=\"s\">\"custom\"<\/b>;<\/div>\n                <div class=\"sd-code__row\"><em>3<\/em>&nbsp;&nbsp;<b class=\"k\">return<\/b> <b class=\"v\">app<\/b>;<\/div>\n                <div class=\"sd-code__row\"><em>4<\/em>}<\/div>\n                <div class=\"sd-code__row\"><em>5<\/em><span class=\"sd-code__cursor\"><\/span><\/div>\n            <\/div>\n            <div class=\"sd-code__chip sd-code__chip--1\"><\/div>\n            <div class=\"sd-code__chip sd-code__chip--2\"><\/div>\n            <div class=\"sd-code__chip sd-code__chip--3\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.7 1.7 0 00.3 1.8l.1.1a2 2 0 11-2.8 2.8l-.1-.1a1.7 1.7 0 00-1.8-.3 1.7 1.7 0 00-1 1.5V21a2 2 0 11-4 0v-.1a1.7 1.7 0 00-1-1.5 1.7 1.7 0 00-1.8.3l-.1.1a2 2 0 11-2.8-2.8l.1-.1a1.7 1.7 0 00.3-1.8 1.7 1.7 0 00-1.5-1H3a2 2 0 110-4h.1a1.7 1.7 0 001.5-1 1.7 1.7 0 00-.3-1.8l-.1-.1a2 2 0 112.8-2.8l-.1.1a1.7 1.7 0 00-.3 1.8V9a1.7 1.7 0 001.5 1H21a2 2 0 110 4h-.1a1.7 1.7 0 00-1.5 1z\"\/><\/svg><\/div>\n        <\/div>                        <\/div>\n                    <\/div>\n                <\/article>\n                    <\/div>\n\n    <\/div>\n<\/section>\n        \n\n\n    <!-- Google Fonts \u2014 Sistema de Marca Lafao V1.0 -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Sora:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n    <!-- ===== MANTENIMIENTO MENSUAL SECTION ===== -->\n    <style>\n    \/* ---- Variables \u2014 Sistema Lafao V1.0 ---- *\/\n    .mm-section {\n        --lf-orange:      #FF7A00;\n        --lf-orange-deep: #FE5A03;\n        --lf-blue:        #1B8FF5;\n        --lf-blue-deep:   #0560CE;\n        --lf-ink:         #0E1A2B;\n        --lf-slate:       #5A6779;\n        --lf-mist:        #E7ECF2;\n        --lf-bone:        #F7F8FA;\n        --lf-pure:        #FFFFFF;\n        --lf-gradient:    linear-gradient(90deg, var(--lf-orange), var(--lf-blue));\n\n        --mm-font-display: 'Sora', sans-serif;\n        --mm-font-body:    'Inter', sans-serif;\n    }\n\n    \/* ---- Reset ---- *\/\n    .mm-section *,\n    .mm-section *::before,\n    .mm-section *::after {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    \/* ---- Wrapper full-width ---- *\/\n    .mm-section {\n        width: 100vw;\n        max-width: 100vw;\n        position: relative;\n        left: 50%;\n        transform: translateX(-50%);\n        background: linear-gradient(160deg, var(--lf-bone) 0%, var(--lf-pure) 40%, var(--lf-bone) 100%);\n        font-family: var(--mm-font-body);\n        padding: 130px 20px 70px;\n        overflow: hidden;\n    }\n\n    \/* ---- Background blob shapes ---- *\/\n    .mm-blob-left {\n        position: absolute;\n        top: -60px;\n        left: -80px;\n        width: 340px;\n        height: 340px;\n        border-radius: 50%;\n        background: rgba(27,143,245,.06);\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .mm-blob-right {\n        position: absolute;\n        top: 40px;\n        right: -60px;\n        width: 260px;\n        height: 260px;\n        border-radius: 50%;\n        background: rgba(255,122,0,.05);\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .mm-blob-bottom {\n        position: absolute;\n        bottom: -100px;\n        right: 15%;\n        width: 200px;\n        height: 200px;\n        border-radius: 50%;\n        background: rgba(27,143,245,.04);\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    \/* ---- Dots decorativos \u2014 izquierda (igual que Servicios Premium) ---- *\/\n    .mm-dots-left {\n        position: absolute;\n        top: 55px;\n        left: 50px;\n        display: grid;\n        grid-template-columns: repeat(6, 10px);\n        grid-template-rows: repeat(5, 10px);\n        gap: 9px;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .mm-dots-right {\n        position: absolute;\n        top: 127px;\n        right: 48px;\n        display: grid;\n        grid-template-columns: repeat(6, 10px);\n        grid-template-rows: repeat(5, 10px);\n        gap: 9px;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .mm-dot {\n        width: 4px;\n        height: 4px;\n        border-radius: 50%;\n        background: rgba(27, 143, 245, 0.2);\n    }\n\n    \/* ---- Header ---- *\/\n    .mm-header {\n        position: relative;\n        z-index: 1;\n        text-align: center;\n        margin-bottom: 58px;\n        animation: mm-fadeUp .7s .05s ease both;\n    }\n\n    \/* Badge \u2014 id\u00e9ntico al de Servicios Premium *\/\n    .mm-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(255, 255, 255, 0.85);\n        backdrop-filter: blur(8px);\n        border: 1px solid rgba(27, 143, 245, 0.25);\n        color: var(--lf-ink);\n        font-family: 'JetBrains Mono', monospace, 'Inter', sans-serif;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        padding: 6px 16px;\n        border-radius: 100px;\n        margin-bottom: 28px;\n    }\n\n    .mm-badge::before {\n        content: '\u2014';\n        color: var(--lf-orange);\n        font-weight: 700;\n    }\n\n    .mm-badge-icon {\n        display: none;\n    }\n\n    \/* T\u00edtulo \u2014 Playfair Display como el resto del sitio *\/\n    .mm-title {\n        font-family: var(--mm-font-display);\n        font-size: clamp(2.8rem, 5.5vw, 4.2rem);\n        font-weight: 700;\n        color: var(--lf-ink);\n        line-height: 1.1;\n        letter-spacing: -.02em;\n        margin-bottom: 8px;\n        animation: mm-fadeUp .75s .15s ease both;\n    }\n\n    .mm-title .mm-gradient-text {\n        color: var(--lf-orange);\n    }\n\n    \/* Subt\u00edtulo \u2014 Inter *\/\n    .mm-subtitle {\n        font-family: var(--mm-font-body);\n        font-size: clamp(.95rem, 2vw, 1.05rem);\n        font-weight: 400;\n        color: var(--lf-slate);\n        line-height: 1.75;\n        max-width: 480px;\n        margin: 14px auto 0;\n        animation: mm-fadeUp .75s .28s ease both;\n    }\n\n    \/* ---- Cards grid \u2014 3 columnas ---- *\/\n    .mm-grid {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 22px;\n        max-width: 1160px;\n        margin: 0 auto;\n        align-items: start;\n        animation: mm-fadeUp .75s .42s ease both;\n    }\n\n    \/* ---- Card base ---- *\/\n    .mm-card {\n        background: rgba(255,255,255,.92);\n        backdrop-filter: blur(6px);\n        border-radius: 20px;\n        box-shadow: 0 4px 28px rgba(14, 26, 43, 0.06);\n        border: 1px solid var(--lf-mist);\n        padding: 36px 32px 32px;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        transition: box-shadow .28s ease;\n    }\n\n    .mm-card:hover {\n        box-shadow: 0 16px 48px rgba(14, 26, 43, 0.12);\n    }\n\n    \/* Tarjeta popular *\/\n    .mm-card.mm-popular {\n        border: 2px solid var(--lf-orange);\n        box-shadow: 0 8px 40px rgba(255, 122, 0, 0.15);\n    }\n\n    \/* ---- Badge \"M\u00e1s popular\" ---- *\/\n    .mm-tag-popular {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        background: var(--lf-orange);\n        color: #fff;\n        font-family: var(--mm-font-body);\n        font-size: .68rem;\n        font-weight: 700;\n        padding: 5px 18px;\n        border-radius: 0 0 12px 12px;\n        text-transform: uppercase;\n        letter-spacing: .06em;\n        z-index: 10;\n        box-shadow: 0 4px 12px rgba(255, 122, 0, 0.3);\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        white-space: nowrap;\n        pointer-events: none;\n    }\n\n    .mm-tag-popular svg {\n        width: 12px;\n        height: 12px;\n    }\n\n    \/* ---- \u00cdcono de tarjeta ---- *\/\n    .mm-card-icon {\n        width: 46px;\n        height: 46px;\n        border-radius: 50%;\n        background: #fff;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 18px;\n        box-shadow: 0 4px 18px rgba(27,143,245,.1);\n        border: 1.5px solid rgba(27,143,245,.2);\n    }\n\n    .mm-card.mm-popular .mm-card-icon {\n        background: #fff;\n    }\n\n    .mm-card-icon svg {\n        width: 22px;\n        height: 22px;\n    }\n\n    \/* ---- Nombre del plan ---- *\/\n    .mm-plan-name {\n        font-family: var(--mm-font-display);\n        font-size: 1.5rem;\n        font-weight: 600;\n        color: var(--lf-ink);\n        margin-bottom: 6px;\n        letter-spacing: -.01em;\n    }\n\n    \/* ---- Precio ---- *\/\n    .mm-price-row {\n        display: flex;\n        align-items: baseline;\n        gap: 4px;\n        margin-bottom: 4px;\n    }\n\n    .mm-price-amount {\n        font-family: var(--mm-font-display);\n        font-size: 2.8rem;\n        font-weight: 700;\n        color: var(--lf-ink);\n        line-height: 1;\n        letter-spacing: -.02em;\n    }\n\n    .mm-card.mm-popular .mm-price-amount {\n        color: var(--lf-ink);\n    }\n\n    .mm-price-period {\n        font-family: var(--mm-font-body);\n        font-size: .9rem;\n        font-weight: 600;\n        color: var(--lf-slate);\n    }\n\n    \/* ---- Divider bajo precio ---- *\/\n    .mm-price-divider {\n        width: 36px;\n        height: 3px;\n        border-radius: 2px;\n        margin: 12px 0 16px;\n    }\n\n    .mm-card:not(.mm-popular) .mm-price-divider {\n        background: var(--lf-mist);\n    }\n\n    .mm-card.mm-popular .mm-price-divider {\n        background: var(--lf-orange);\n    }\n\n    \/* ---- Descripci\u00f3n del plan ---- *\/\n    .mm-plan-desc {\n        font-family: var(--mm-font-body);\n        font-size: .88rem;\n        font-weight: 400;\n        color: var(--lf-slate);\n        line-height: 1.7;\n        margin-bottom: 20px;\n    }\n\n    \/* ---- Lista de features ---- *\/\n    .mm-features {\n        list-style: none;\n        display: flex;\n        flex-direction: column;\n        gap: 13px;\n        margin-bottom: 28px;\n        flex: 1;\n    }\n\n    .mm-feature-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        font-family: var(--mm-font-body);\n        font-size: .875rem;\n        font-weight: 500;\n        color: var(--lf-slate);\n        line-height: 1.5;\n    }\n\n    \/* Check icon circular *\/\n    .mm-check {\n        flex-shrink: 0;\n        width: 20px;\n        height: 20px;\n        border-radius: 50%;\n        background: rgba(27,143,245,.1);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-top: 1px;\n    }\n\n    .mm-card.mm-popular .mm-check {\n        background: rgba(255, 122, 0, 0.12);\n    }\n\n    .mm-check svg {\n        width: 11px;\n        height: 11px;\n    }\n\n    \/* ---- Botones \u2014 mismo sistema que Servicios Premium ---- *\/\n    .mm-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        font-family: var(--mm-font-body);\n        font-size: 1rem;\n        font-weight: 600;\n        border-radius: 10px;\n        padding: 15px 22px;\n        text-decoration: none;\n        cursor: pointer;\n        transition: all .3s ease;\n        border: none;\n        outline: none;\n        width: 100%;\n    }\n\n    \/* Outline Ghost \u2014 tarjetas no populares *\/\n    .mm-btn-outline {\n        background: transparent;\n        color: var(--lf-ink);\n        border: 1px solid var(--lf-ink);\n    }\n\n    .mm-btn-outline::after {\n        content: '\u203a';\n        font-size: 1.3rem;\n        line-height: 1;\n        transition: transform .2s ease;\n    }\n\n    .mm-btn-outline:hover,\n    .mm-btn-outline:active {\n        border-color: var(--lf-blue);\n        color: var(--lf-pure);\n        background: var(--lf-blue);\n        transform: none;\n    }\n\n    .mm-btn-outline:hover::after,\n    .mm-btn-outline:active::after {\n        transform: translateX(4px);\n    }\n\n    \/* S\u00f3lido Naranja \u2014 tarjeta popular *\/\n    .mm-btn-solid {\n        background: var(--lf-orange);\n        color: var(--lf-pure);\n        box-shadow: 0 4px 24px rgba(255, 122, 0, 0.25);\n    }\n\n    .mm-btn-solid:hover {\n        background: var(--lf-orange-deep);\n        color: var(--lf-pure);\n        box-shadow: 0 8px 32px rgba(254, 90, 3, 0.35);\n        transform: translateY(-2px);\n    }\n\n    .mm-btn-solid svg {\n        width: 18px; height: 18px;\n        transition: transform 0.3s ease;\n    }\n\n    .mm-btn-solid:hover svg {\n        transform: translateX(4px);\n    }\n\n    \/* ---- Keyframes ---- *\/\n    @keyframes mm-fadeUp {\n        from { opacity: 0; transform: translateY(18px); }\n        to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* ---- Responsive ---- *\/\n    @media (max-width: 900px) {\n        .mm-grid {\n            grid-template-columns: 1fr;\n            max-width: 440px;\n        }\n\n        .mm-card.mm-popular {\n            order: -1;\n        }\n    }\n\n    @media (max-width: 580px) {\n        .mm-dots-left,\n        .mm-dots-right { display: none; }\n\n        .mm-section {\n            padding: 90px 16px 60px;\n        }\n\n        .mm-card {\n            padding: 30px 22px 26px;\n        }\n    }\n    <\/style>\n\n    <section class=\"mm-section\" id=\"planes-mensuales\">\n\n        <!-- Background blobs decorativos -->\n        <div class=\"mm-blob-left\"><\/div>\n        <div class=\"mm-blob-right\"><\/div>\n        <div class=\"mm-blob-bottom\"><\/div>\n\n        <!-- Dots decorativos izquierda y derecha -->\n        <div class=\"mm-dots-left\">\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                    <\/div>\n        <div class=\"mm-dots-right\">\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                            <div class=\"mm-dot\"><\/div>\n                    <\/div>\n\n        <!-- Header -->\n        <div class=\"mm-header\">\n            <div class=\"mm-badge\">\n                Mantenimiento Mensual\n            <\/div>\n\n            <h2 class=\"mm-title\">\n                Tu web <span class=\"mm-gradient-text\">crece cada mes<\/span>\n            <\/h2>\n\n            <p class=\"mm-subtitle\">\n                No solo mantenemos el servidor. Agregamos secciones,<br>\n                mejoramos funciones y optimizamos.\n            <\/p>\n        <\/div>\n\n        <!-- Cards de precios -->\n        <div class=\"mm-grid\">\n\n            <!-- \u2500\u2500 Card 1: B\u00e1sico \u2500\u2500 -->\n            <div class=\"mm-card\">\n                <!-- \u00cdcono: cohete -->\n                <div class=\"mm-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\n                        <path d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/>\n                        <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\n                        <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\n                    <\/svg>\n                <\/div>\n\n                <h3 class=\"mm-plan-name\">B\u00e1sico<\/h3>\n\n                <div class=\"mm-price-row\">\n                    <span class=\"mm-price-amount\">$50<\/span>\n                    <span class=\"mm-price-period\">\/mes<\/span>\n                <\/div>\n\n                <div class=\"mm-price-divider\"><\/div>\n\n                <p class=\"mm-plan-desc\">Para negocios que quieren su web siempre activa y al d\u00eda.<\/p>\n\n                <ul class=\"mm-features\">\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        4 revisiones agrupadas\/mes\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        1 secci\u00f3n nueva\/mes\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        Hosting + respaldo semanal\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        Soporte en 24h\n                    <\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/lafao.dev\/contacto\/?servicio=Mantenimiento%20B\u00e1sico\" class=\"mm-btn mm-btn-outline\">Empezar<\/a>\n            <\/div>\n\n            <!-- \u2500\u2500 Card 2: Est\u00e1ndar (POPULAR) \u2500\u2500 -->\n            <div class=\"mm-card mm-popular\">\n                <div class=\"mm-tag-popular\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n                    <\/svg>\n                    M\u00e1s popular\n                <\/div>\n\n                <!-- \u00cdcono: chart bars -->\n                <div class=\"mm-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-orange)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"18\" y=\"3\" width=\"4\" height=\"18\" rx=\"1\" fill=\"var(--lf-orange)\" stroke=\"none\"\/>\n                        <rect x=\"10\" y=\"8\" width=\"4\" height=\"13\" rx=\"1\" fill=\"var(--lf-orange)\" stroke=\"none\" opacity=\".75\"\/>\n                        <rect x=\"2\" y=\"13\" width=\"4\" height=\"8\" rx=\"1\" fill=\"var(--lf-orange)\" stroke=\"none\" opacity=\".55\"\/>\n                    <\/svg>\n                <\/div>\n\n                <h3 class=\"mm-plan-name\">Est\u00e1ndar<\/h3>\n\n                <div class=\"mm-price-row\">\n                    <span class=\"mm-price-amount\">$80<\/span>\n                    <span class=\"mm-price-period\">\/mes<\/span>\n                <\/div>\n\n                <div class=\"mm-price-divider\"><\/div>\n\n                <p class=\"mm-plan-desc\">Para negocios en crecimiento con mejoras constantes.<\/p>\n\n                <ul class=\"mm-features\">\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-orange)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        8 revisiones agrupadas\/mes\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-orange)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        2 secciones nuevas\/mes\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-orange)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        5 mejoras de funciones b\u00e1sicas\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-orange)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        Soporte en 12h + reporte mensual\n                    <\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/lafao.dev\/contacto\/?servicio=Mantenimiento%20Est\u00e1ndar\" class=\"mm-btn mm-btn-solid\">\n                    Empezar\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                <\/a>\n            <\/div>\n\n            <!-- \u2500\u2500 Card 3: Premium \u2500\u2500 -->\n            <div class=\"mm-card\">\n                <!-- \u00cdcono: corona -->\n                <div class=\"mm-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M2 4l3 12h14l3-12-6 7-4-7-4 7-6-7z\"\/>\n                        <path d=\"M5 20h14\"\/>\n                    <\/svg>\n                <\/div>\n\n                <h3 class=\"mm-plan-name\">Premium<\/h3>\n\n                <div class=\"mm-price-row\">\n                    <span class=\"mm-price-amount\">$120<\/span>\n                    <span class=\"mm-price-period\">\/mes<\/span>\n                <\/div>\n\n                <div class=\"mm-price-divider\"><\/div>\n\n                <p class=\"mm-plan-desc\">Tu web como activo que crece solo sin que est\u00e9s encima.<\/p>\n\n                <ul class=\"mm-features\">\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        Revisiones y secciones ilimitadas\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        Funcionalidades avanzadas\/mes\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        Auditor\u00eda SEO mensual\n                    <\/li>\n                    <li class=\"mm-feature-item\">\n                        <span class=\"mm-check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lf-blue)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6L9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        Soporte en 6h + mejoras proactivas\n                    <\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/lafao.dev\/contacto\/?servicio=Mantenimiento%20Premium\" class=\"mm-btn mm-btn-outline\">Empezar<\/a>\n            <\/div>\n\n        <\/div><!-- \/.mm-grid -->\n\n    <\/section><!-- \/.mm-section -->\n    \n\n\n    <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@600;700&display=swap');\n\n    .cta-section *, .cta-section *::before, .cta-section *::after {\n        box-sizing: border-box; margin: 0; padding: 0;\n    }\n\n    .cta-section {\n        width: 100vw;\n        max-width: 100vw;\n        position: relative;\n        left: 50%;\n        transform: translateX(-50%);\n        background-color: #f8faff;\n        font-family: 'Inter', sans-serif;\n        padding: 70px 20px;\n        overflow: hidden;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        z-index: 1;\n    }\n\n    .cta-top-divider {\n        width: 100%;\n        height: 1px;\n        background: rgba(41, 121, 255, 0.1);\n        margin-bottom: 0;\n    }\n\n    \/* ---- Decoraciones de Fondo ---- *\/\n    .cta-dot-matrix {\n        position: absolute;\n        width: 80px;\n        height: 80px;\n        background-image: radial-gradient(#d0d5ff 2px, transparent 2px);\n        background-size: 20px 20px;\n        z-index: 1; \/* Por encima de las l\u00edneas SVG, pero debajo del contenido *\/\n        opacity: 0.7;\n        pointer-events: none; \/* Evita que bloqueen clics en m\u00f3viles *\/\n    }\n    .cta-dot-matrix.left { top: 40px; left: 5%; }\n    .cta-dot-matrix.right { bottom: 40px; right: 5%; }\n\n    .cta-bg-lines-container {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        z-index: 0; \/* Al fondo del todo *\/\n        pointer-events: none;\n        display: flex; justify-content: center;\n        align-items: center;\n    }\n    .cta-bg-lines-svg {\n        width: 100%; max-width: 100%; height: 100%;\n    }\n\n    .cta-inner {\n        position: relative; \n        z-index: 2; \/* El contenido siempre arriba *\/\n        max-width: 640px;\n        margin: 0 auto;\n    }\n\n    \/* ---- Badge ---- *\/\n    .cta-badge {\n        display: inline-flex; align-items: center;\n        background-color: #fff; color: #2979FF;\n        padding: 8px 22px; border-radius: 50px;\n        font-weight: 600; font-size: 13px; letter-spacing: 1px; text-transform: uppercase;\n        border: 1px solid rgba(41, 121, 255, 0.2);\n        box-shadow: 0 4px 15px rgba(41, 121, 255, 0.08);\n        margin-bottom: 24px;\n        animation: cta-fadeUp .7s .05s ease both;\n    }\n    .cta-badge-dot {\n        width: 8px; height: 8px; border-radius: 50%;\n        background-color: #2979FF;\n        margin-right: 10px;\n        box-shadow: 0 0 0 3px rgba(41, 121, 255, 0.2);\n        animation: cta-pulse-dot 2s infinite;\n    }\n\n    .cta-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.4rem, 5vw, 3.2rem);\n        font-weight: 700;\n        color: #1a1a2e;\n        line-height: 1.1;\n        letter-spacing: -0.5px;\n        margin-bottom: 18px;\n        animation: cta-fadeUp .75s .15s ease both;\n    }\n\n    .cta-subtitle {\n        font-family: 'Inter', sans-serif;\n        font-size: 1.05rem;\n        font-weight: 400;\n        color: #6a6c82;\n        line-height: 1.6;\n        max-width: 480px;\n        margin: 0 auto 35px;\n        animation: cta-fadeUp .75s .28s ease both;\n    }\n\n    .cta-buttons {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 14px;\n        flex-wrap: wrap;\n        animation: cta-fadeUp .75s .42s ease both;\n    }\n\n    .cta-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-family: 'Inter', sans-serif;\n        font-size: .95rem;\n        font-weight: 600;\n        border-radius: 50px;\n        padding: 14px 28px;\n        text-decoration: none;\n        cursor: pointer;\n        transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;\n        border: none; outline: none;\n    }\n\n    .cta-btn-primary {\n        background: #2979FF;\n        color: #ffffff !important;\n        box-shadow: 0 4px 20px rgba(41, 121, 255, 0.25);\n    }\n    .cta-btn-primary:hover {\n        background: #1a1a2e;\n        color: #ffffff !important;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 30px rgba(26, 26, 46, 0.32);\n    }\n    .cta-btn-primary .cta-arrow { transition: transform .2s ease; }\n    .cta-btn-primary:hover .cta-arrow { transform: translateX(5px); }\n\n    .cta-btn-secondary {\n        background: transparent;\n        color: #1a1a2e;\n        border: 1.5px solid rgba(26, 26, 46, 0.2);\n    }\n    .cta-btn-secondary:hover {\n        border-color: #2979FF;\n        color: #2979FF;\n        transform: translateY(-2px);\n        background: rgba(41, 121, 255, 0.05);\n    }\n\n    @keyframes cta-pulse-dot {\n        0% { box-shadow: 0 0 0 0 rgba(41, 121, 255, 0.4); }\n        70% { box-shadow: 0 0 0 6px rgba(41, 121, 255, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(41, 121, 255, 0); }\n    }\n\n    @keyframes cta-fadeUp {\n        from { opacity: 0; transform: translateY(18px); }\n        to   { opacity: 1; transform: translateY(0); }\n    }\n\n    @media (max-width: 580px) {\n        .cta-dot-matrix,\n        .cta-bg-lines-container { display: none; }\n        .cta-section { padding: 60px 16px 60px; }\n        .cta-buttons { flex-direction: column; align-items: stretch; }\n        .cta-btn { justify-content: center; }\n    }\n    <\/style>\n\n    <div class=\"cta-top-divider\"><\/div>\n\n    <section class=\"cta-section\">\n\n        <!-- Dots decorativos -->\n        <div class=\"cta-dot-matrix left\"><\/div>\n        <div class=\"cta-dot-matrix right\"><\/div>\n\n        <!-- Geometr\u00eda decorativa SVG -->\n        <div class=\"cta-bg-lines-container\">\n            <svg class=\"cta-bg-lines-svg\" viewBox=\"0 0 1440 300\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <!-- Geometr\u00eda Izquierda -->\n                <circle cx=\"150\" cy=\"150\" r=\"100\" stroke=\"#d0d5ff\" stroke-width=\"1.2\" fill=\"none\" opacity=\"0.7\" \/>\n                <circle cx=\"150\" cy=\"150\" r=\"140\" stroke=\"#d0d5ff\" stroke-width=\"1.2\" stroke-dasharray=\"6 6\" fill=\"none\" opacity=\"0.4\" \/>\n                <circle cx=\"150\" cy=\"150\" r=\"5\" fill=\"#2979FF\" \/>\n\n                <!-- Geometr\u00eda Derecha -->\n                <circle cx=\"1290\" cy=\"150\" r=\"100\" stroke=\"#d0d5ff\" stroke-width=\"1.2\" fill=\"none\" opacity=\"0.7\" \/>\n                <circle cx=\"1290\" cy=\"150\" r=\"140\" stroke=\"#d0d5ff\" stroke-width=\"1.2\" stroke-dasharray=\"6 6\" fill=\"none\" opacity=\"0.4\" \/>\n                <circle cx=\"1290\" cy=\"150\" r=\"5\" fill=\"#2979FF\" \/>\n            <\/svg>\n        <\/div>\n\n        <!-- Contenido -->\n        <div class=\"cta-inner\">\n\n            <h2 class=\"cta-title\">\u00bfTienes un proyecto en mente?<\/h2>\n\n            <p class=\"cta-subtitle\">\n                Cu\u00e9ntanoslo. Te diremos honestamente si podemos ayudarte \u2014 o no.\n            <\/p>\n\n            <div class=\"cta-buttons\">\n                <a href=\"https:\/\/lafao.dev\/contacto\/\" class=\"cta-btn cta-btn-primary\">\n                    Quiero saber si aplico <span class=\"cta-arrow\">\u2192<\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-428","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Servicios de Desarrollo Web, E-commerce , Landing Pages y Mas<\/title>\n<meta name=\"description\" content=\"Creamos webs de negocio, tiendas online , landing pages de alta conversi\u00f3n. Desarrollo a medida sin plantillas y planes de mantenimiento.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lafao.dev\/en\/servicios\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:locale:alternate\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Servicios de Desarrollo Web, E-commerce , Landing Pages y Mas\" \/>\n<meta property=\"og:description\" content=\"Creamos webs de negocio, tiendas online , landing pages de alta conversi\u00f3n. Desarrollo a medida sin plantillas y planes de mantenimiento.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lafao.dev\/en\/servicios\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-13T21:33:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lafao.dev\\\/servicios\\\/\",\"url\":\"https:\\\/\\\/lafao.dev\\\/servicios\\\/\",\"name\":\"Servicios de Desarrollo Web, E-commerce , Landing Pages y Mas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lafao.dev\\\/#website\"},\"datePublished\":\"2026-05-02T15:59:36+00:00\",\"dateModified\":\"2026-05-13T21:33:24+00:00\",\"description\":\"Creamos webs de negocio, tiendas online , landing pages de alta conversi\u00f3n. Desarrollo a medida sin plantillas y planes de mantenimiento.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lafao.dev\\\/servicios\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lafao.dev\\\/servicios\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lafao.dev\\\/servicios\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/lafao.dev\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"servicios\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lafao.dev\\\/#website\",\"url\":\"https:\\\/\\\/lafao.dev\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lafao.dev\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Servicios de Desarrollo Web, E-commerce , Landing Pages y Mas","description":"Creamos webs de negocio, tiendas online , landing pages de alta conversi\u00f3n. Desarrollo a medida sin plantillas y planes de mantenimiento.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lafao.dev\/en\/servicios\/","og_locale":"en_US","og_type":"article","og_title":"[:es]Servicios de Desarrollo Web, E-commerce , Landing Pages y Mas[:]","og_description":"[:es]Creamos webs de negocio, tiendas online , landing pages de alta conversi\u00f3n. Desarrollo a medida sin plantillas y planes de mantenimiento.[:]","og_url":"https:\/\/lafao.dev\/en\/servicios\/","article_modified_time":"2026-05-13T21:33:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lafao.dev\/servicios\/","url":"https:\/\/lafao.dev\/servicios\/","name":"Servicios de Desarrollo Web, E-commerce , Landing Pages y Mas","isPartOf":{"@id":"https:\/\/lafao.dev\/#website"},"datePublished":"2026-05-02T15:59:36+00:00","dateModified":"2026-05-13T21:33:24+00:00","description":"Creamos webs de negocio, tiendas online , landing pages de alta conversi\u00f3n. Desarrollo a medida sin plantillas y planes de mantenimiento.","breadcrumb":{"@id":"https:\/\/lafao.dev\/servicios\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lafao.dev\/servicios\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lafao.dev\/servicios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/lafao.dev\/"},{"@type":"ListItem","position":2,"name":"servicios"}]},{"@type":"WebSite","@id":"https:\/\/lafao.dev\/#website","url":"https:\/\/lafao.dev\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lafao.dev\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/lafao.dev\/en\/wp-json\/wp\/v2\/pages\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lafao.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lafao.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lafao.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lafao.dev\/en\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":8,"href":"https:\/\/lafao.dev\/en\/wp-json\/wp\/v2\/pages\/428\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/lafao.dev\/en\/wp-json\/wp\/v2\/pages\/428\/revisions\/508"}],"wp:attachment":[{"href":"https:\/\/lafao.dev\/en\/wp-json\/wp\/v2\/media?parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}