Contacto \u2014 Atrae | P\u00e1ginas web en Orlando, Florida<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --navy: #0a2c3d;\n --indigo: #1e4a6d;\n --mint: #20c997;\n --mint-hover: #17a97f;\n --mint-light: #d6f0e8;\n --mint-xlight: #edfbf5;\n --white: #ffffff;\n --off-white: #f8fbfd;\n --gray-50: #f0f4f8;\n --gray-100: #e2eaf2;\n --gray-400: #8fa3b8;\n --gray-600: #4b5a6e;\n --gray-800: #1f2a3f;\n --radius: 20px;\n --radius-sm: 12px;\n --radius-xs: 8px;\n --radius-pill: 60px;\n --shadow-sm: 0 4px 16px rgba(10,44,61,.07);\n --shadow-md: 0 12px 32px rgba(10,44,61,.12);\n --shadow-lg: 0 24px 48px rgba(10,44,61,.16);\n --shadow-xl: 0 32px 64px rgba(10,44,61,.20);\n --trans: all .3s cubic-bezier(.4,0,.2,1);\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',sans-serif;color:var(--gray-800);background:var(--white);overflow-x:hidden;line-height:1.6}\nimg{display:block;max-width:100%}\na{text-decoration:none}\n\n.wrap{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}\n\n.label{display:inline-block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:3px;color:var(--mint);text-transform:uppercase;margin-bottom:.7rem}\n\nh1,h2,h3{font-family:'Montserrat',sans-serif;line-height:1.15}\n\n.fade{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}\n.fade.visible{opacity:1;transform:translateY(0)}\n\n\/* WHATSAPP *\/\n.wa-float{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(37,211,102,.45);z-index:9999;transition:var(--trans)}\n.wa-float:hover{transform:scale(1.1);box-shadow:0 10px 32px rgba(37,211,102,.55)}\n.wa-float svg{width:28px;height:28px;fill:white}\n\n\/* HERO *\/\n.hero-contact{background:linear-gradient(135deg,var(--navy) 0%,#163d58 50%,var(--indigo) 100%);padding:5rem 0 7rem;position:relative;overflow:hidden;text-align:center}\n.hero-orb{position:absolute;border-radius:50%;pointer-events:none}\n.hero-orb-1{width:420px;height:420px;background:var(--mint);opacity:.05;top:-140px;right:-100px}\n.hero-orb-2{width:300px;height:300px;background:var(--mint);opacity:.05;bottom:-80px;left:-80px}\n.hero-orb-3{width:180px;height:180px;background:var(--mint);opacity:.07;top:30%;left:10%}\n\n.hero-contact h1{color:var(--white);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;margin-bottom:1.2rem;letter-spacing:-0.5px}\n.hero-contact h1 em{font-style:normal;color:var(--mint)}\n.hero-contact p{color:rgba(255,255,255,.78);font-size:1.05rem;max-width:540px;margin:0 auto 2rem;line-height:1.75}\n\n.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}\n.badge-dark{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.12);color:var(--white);padding:.32rem .9rem;border-radius:var(--radius-pill);font-family:'Montserrat',sans-serif;font-weight:600;font-size:.74rem;border:1px solid rgba(255,255,255,.22);white-space:nowrap}\n\n\/* CONTACT SECTION *\/\n.contact-section{padding:5rem 0 7rem;background:var(--off-white);margin-top:-3rem;position:relative;z-index:2}\n\n.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2.4rem;align-items:start}\n\n\/* INFO CARD *\/\n.info-card{background:var(--navy);border-radius:var(--radius);padding:2.8rem 2.2rem;color:var(--white);position:sticky;top:2rem}\n.info-card h2{color:var(--white);font-size:1.55rem;font-weight:800;margin-bottom:.6rem}\n.info-card > p{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.7;margin-bottom:2rem}\n\n.contact-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}\n.contact-method{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.2rem;background:rgba(255,255,255,.07);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:var(--trans);color:var(--white)}\n.contact-method:hover{background:rgba(32,201,151,.15);border-color:rgba(32,201,151,.4);transform:translateX(4px)}\n.cm-icon{width:44px;height:44px;border-radius:var(--radius-xs);background:rgba(32,201,151,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}\n.cm-label{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:1.5px;color:var(--mint);text-transform:uppercase;margin-bottom:.15rem}\n.cm-value{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:var(--white)}\n.cm-sub{font-size:.76rem;color:rgba(255,255,255,.5);margin-top:.1rem}\n\n.divider{height:1px;background:rgba(255,255,255,.1);margin:1.8rem 0}\n\n.info-trust{padding:1.2rem;background:rgba(32,201,151,.1);border-radius:var(--radius-sm);border:1px solid rgba(32,201,151,.2)}\n.info-trust-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.85rem;color:var(--mint);margin-bottom:.8rem}\n.trust-item{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.83rem;color:rgba(255,255,255,.78)}\n.trust-item:last-child{margin-bottom:0}\n.trust-check{color:var(--mint);font-weight:700;flex-shrink:0}\n\n\/* FORM CARD *\/\n.form-card{background:var(--white);border-radius:var(--radius);padding:2.8rem 2.4rem;border:1.5px solid var(--gray-100);box-shadow:var(--shadow-sm)}\n.form-card h2{font-size:1.55rem;color:var(--navy);font-weight:800;margin-bottom:.5rem}\n.form-card > p{color:var(--gray-600);font-size:.9rem;margin-bottom:2rem}\n\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}\n.form-group{margin-bottom:1.3rem}\n.form-group label{display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.8rem;color:var(--navy);margin-bottom:.45rem;letter-spacing:.3px}\n.form-group label span{color:var(--mint);margin-left:2px}\n\n.form-group input,\n.form-group select,\n.form-group textarea{\n width:100%;\n padding:.85rem 1.1rem;\n border:1.5px solid var(--gray-100);\n border-radius:var(--radius-xs);\n font-family:'Inter',sans-serif;\n font-size:.92rem;\n color:var(--gray-800);\n background-color:var(--off-white);\n transition:var(--trans);\n outline:none;\n}\n.form-group input,\n.form-group select{\n height:52px;\n}\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus{border-color:var(--mint);background:var(--white);box-shadow:0 0 0 3px rgba(32,201,151,.12)}\n.form-group input::placeholder,\n.form-group textarea::placeholder{color:var(--gray-400);font-size:.88rem}\n.form-group textarea{resize:vertical;min-height:120px}\n\n\/* SELECT fix - mejorado para mayor compatibilidad *\/\n.form-group select{\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238fa3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 1rem center;\n background-size: 14px;\n padding-right: 2.5rem;\n cursor: pointer;\n}\n.form-group select option {\n padding: 0.75rem;\n background: white;\n color: #1f2a3f;\n}\n\n\/* BUDGET RADIO *\/\n.budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}\n.budget-option{position:relative}\n.budget-option input[type=\"radio\"]{position:absolute;opacity:0;width:0;height:0}\n.budget-option label{display:flex;align-items:center;justify-content:center;padding:.75rem .9rem;border:1.5px solid var(--gray-100);border-radius:var(--radius-xs);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:700;color:var(--gray-600);cursor:pointer;transition:var(--trans);text-align:center;background:var(--off-white);margin-bottom:0;height:52px}\n.budget-option input[type=\"radio\"]:checked + label{border-color:var(--mint);background:var(--mint-xlight);color:var(--navy)}\n.budget-option label:hover{border-color:var(--mint-light);color:var(--navy)}\n\n.form-note{font-size:.78rem;color:var(--gray-400);display:flex;align-items:center;gap:.4rem;margin-bottom:1.6rem;font-family:'Montserrat',sans-serif}\n\n.btn-submit{width:100%;background:var(--mint);color:var(--navy);padding:1rem 2rem;border-radius:var(--radius-pill);font-family:'Montserrat',sans-serif;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:var(--trans);display:flex;align-items:center;justify-content:center;gap:.6rem;letter-spacing:.3px}\n.btn-submit:hover{background:var(--mint-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(32,201,151,.35)}\n\n\/* SUCCESS *\/\n.success-state{display:none;text-align:center;padding:3rem 1rem}\n.success-icon{width:80px;height:80px;background:var(--mint-xlight);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.2rem}\n.success-state h3{font-size:1.5rem;color:var(--navy);margin-bottom:.8rem}\n.success-state p{color:var(--gray-600);font-size:.92rem;max-width:360px;margin:0 auto 1.8rem;line-height:1.7}\n.btn-wa-large{display:inline-flex;align-items:center;gap:.7rem;background:#25d366;color:white;padding:.9rem 2rem;border-radius:var(--radius-pill);font-family:'Montserrat',sans-serif;font-weight:700;font-size:.95rem;transition:var(--trans);text-decoration:none}\n.btn-wa-large:hover{background:#1ebe5d;transform:translateY(-2px)}\n\n\/* ALT SECTION *\/\n.alt-section{padding:5rem 0;background:var(--white)}\n.alt-section .sec-head{text-align:center;margin-bottom:3rem}\n.alt-section .sec-head h2{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--navy);font-weight:800;margin-bottom:.5rem}\n.alt-section .sec-head p{color:var(--gray-600);font-size:.95rem}\n\n.alt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}\n.alt-card{background:var(--off-white);border-radius:var(--radius);padding:2rem 1.6rem;border:1.5px solid var(--gray-100);text-align:center;transition:var(--trans);text-decoration:none;display:block}\n.alt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px);border-color:var(--mint-light)}\n.alt-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.7rem}\n.alt-icon-wa{background:#e8fdf0}\n.alt-icon-phone{background:var(--mint-xlight)}\n.alt-icon-email{background:#eef2ff}\n.alt-card h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1rem;color:var(--navy);margin-bottom:.5rem}\n.alt-card p{font-size:.85rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem}\n.alt-card .alt-link{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.83rem;color:var(--mint)}\n\n\/* FAQ *\/\n.faq-section{padding:5rem 0;background:var(--off-white)}\n.faq-head{text-align:center;margin-bottom:3rem}\n.faq-head h2{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--navy);font-weight:800;margin-bottom:.5rem}\n.faq-head p{color:var(--gray-600);font-size:.95rem}\n\n.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}\n.faq-item{background:var(--white);border-radius:var(--radius-sm);border:1.5px solid var(--gray-100);overflow:hidden;transition:border-color .3s}\n.faq-item.open{border-color:var(--mint-light)}\n.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;cursor:pointer;user-select:none;gap:1rem}\n.faq-question h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.95rem;color:var(--navy);line-height:1.35}\n.faq-toggle{width:32px;height:32px;border-radius:50%;background:var(--off-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--trans);font-size:1.2rem;color:var(--mint);font-weight:700}\n.faq-item.open .faq-toggle{background:var(--mint);color:white;transform:rotate(45deg)}\n.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 1.5rem}\n.faq-item.open .faq-answer{max-height:300px;padding:0 1.5rem 1.3rem}\n.faq-answer p{font-size:.88rem;color:var(--gray-600);line-height:1.75}\n\n\/* FOOTER *\/\n.footer{background:var(--gray-800);padding:2rem;text-align:center}\n.footer p{font-size:.82rem;color:rgba(255,255,255,.4);font-family:'Montserrat',sans-serif}\n.footer span{color:var(--mint)}\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n .contact-grid{grid-template-columns:1fr}\n .info-card{position:static}\n .alt-grid{grid-template-columns:1fr 1fr}\n}\n@media(max-width:768px){\n .form-row{grid-template-columns:1fr}\n .budget-grid{grid-template-columns:1fr 1fr}\n .alt-grid{grid-template-columns:1fr}\n .wrap{padding:0 1.2rem}\n .form-card{padding:2rem 1.4rem}\n .info-card{padding:2rem 1.4rem}\n .hero-contact{padding:3.5rem 0 5rem}\n}\n@media(max-width:480px){\n .hero-contact h1{font-size:1.85rem}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<a href=\"https:\/\/wa.me\/50259213750\" class=\"wa-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp Atrae\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n<\/a>\n\n\n<section class=\"hero-contact\">\n <div class=\"hero-orb hero-orb-1\"><\/div>\n <div class=\"hero-orb hero-orb-2\"><\/div>\n <div class=\"hero-orb hero-orb-3\"><\/div>\n <div class=\"wrap\">\n <div class=\"fade\">\n <span class=\"label\">Cont\u00e1ctanos<\/span>\n <h1>Hablemos sobre tu <em>proyecto<\/em><\/h1>\n <p>Cu\u00e9ntanos qu\u00e9 necesitas y te respondemos con una cotizaci\u00f3n gratuita en menos de 24 horas. Sin compromisos.<\/p>\n <div class=\"hero-badges\">\n <span class=\"badge-dark\">\u26a1 Respuesta en 24 horas<\/span>\n <span class=\"badge-dark\">\ud83c\uddea\ud83c\uddf8 Atendemos en espa\u00f1ol<\/span>\n <span class=\"badge-dark\">\ud83c\udd93 Cotizaci\u00f3n gratuita<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact-section\">\n <div class=\"wrap\">\n <div class=\"contact-grid\">\n\n \n <div class=\"info-card fade\">\n <h2>\u00bfC\u00f3mo podemos ayudarte?<\/h2>\n <p>Somos un equipo hispano especializado en dise\u00f1o web para negocios latinos en Estados Unidos. Escr\u00edbenos por cualquiera de estos canales.<\/p>\n\n <div class=\"contact-methods\">\n <a href=\"https:\/\/wa.me\/50259213750\" class=\"contact-method\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cm-icon\">\ud83d\udcac<\/div>\n <div>\n <div class=\"cm-label\">WhatsApp<\/div>\n <div class=\"cm-value\">+502 5921-3750<\/div>\n <div class=\"cm-sub\">Lunes a s\u00e1bado \u2022 9am \u2013 7pm<\/div>\n <\/div>\n <\/a>\n <a href=\"mailto:info@atraeweb.com\" class=\"contact-method\">\n <div class=\"cm-icon\">\u2709\ufe0f<\/div>\n <div>\n <div class=\"cm-label\">Correo electr\u00f3nico<\/div>\n <div class=\"cm-value\">info@atraeweb.com<\/div>\n <div class=\"cm-sub\">Respuesta en menos de 24 horas<\/div>\n <\/div>\n <\/a>\n <div class=\"contact-method\" style=\"cursor:default;\">\n <div class=\"cm-icon\">\ud83d\udccd<\/div>\n <div>\n <div class=\"cm-label\">Ubicaci\u00f3n<\/div>\n <div class=\"cm-value\">Orlando, Florida<\/div>\n <div class=\"cm-sub\">Servimos toda la comunidad hispana en EE.UU.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"divider\"><\/div>\n\n <div class=\"info-trust\">\n <div class=\"info-trust-title\">\u2705 Lo que puedes esperar<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Propuesta personalizada para tu negocio<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Precio transparente, sin costos ocultos<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Atenci\u00f3n 100% en espa\u00f1ol<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Entrega garantizada en el plazo acordado<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Sin contratos largos ni letras peque\u00f1as<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"form-card fade\" style=\"transition-delay:.15s\">\n <h2>Solicita tu cotizaci\u00f3n gratis<\/h2>\n <p>Completa el formulario y te contactamos en menos de 24 horas con una propuesta a medida.<\/p>\n\n <div id=\"formWrapper\">\n <form id=\"contactForm\" novalidate>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Tu nombre <span>*<\/span><\/label>\n <input type=\"text\" id=\"nombre\" placeholder=\"Ej: Carlos Mendoza\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Nombre de tu negocio <span>*<\/span><\/label>\n <input type=\"text\" id=\"negocio\" placeholder=\"Ej: Construcciones Mendoza\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>WhatsApp o tel\u00e9fono <span>*<\/span><\/label>\n <input type=\"tel\" id=\"telefono\" placeholder=\"+1 (407) 000-0000\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Correo electr\u00f3nico <span>*<\/span><\/label>\n <input type=\"email\" id=\"email\" placeholder=\"correo@ejemplo.com\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u00bfQu\u00e9 tipo de negocio tienes? <span>*<\/span><\/label>\n <select id=\"tipo\" required>\n <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\n <option>Restaurante o caf\u00e9<\/option>\n <option>Construcci\u00f3n o contratista<\/option>\n <option>Sal\u00f3n de belleza \/ Spa<\/option>\n <option>Servicios profesionales (legal, m\u00e9dico, contable)<\/option>\n <option>Transporte \/ Log\u00edstica<\/option>\n <option>Comercio \/ Tienda<\/option>\n <option>ONG o asociaci\u00f3n<\/option>\n <option>Otro tipo de negocio<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u00bfQu\u00e9 servicio necesitas? <span>*<\/span><\/label>\n <select id=\"servicio\" required>\n <option value=\"\" disabled selected>Selecciona un servicio<\/option>\n <option>P\u00e1gina web completa (Paquete Presencia \u2014 $899)<\/option>\n <option>P\u00e1gina web + logotipo + SEO (Presencia Pro \u2014 $1,499)<\/option>\n <option>Sitio completo con blog (Presencia Completa \u2014 $2,199)<\/option>\n <option>Landing page<\/option>\n <option>Mantenimiento web<\/option>\n <option>No estoy seguro, necesito asesor\u00eda<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u00bfCu\u00e1l es tu presupuesto aproximado?<\/label>\n <div class=\"budget-grid\">\n <div class=\"budget-option\">\n <input type=\"radio\" name=\"presupuesto\" id=\"b1\" value=\"menos-900\">\n <label for=\"b1\">Menos de $900<\/label>\n <\/div>\n <div class=\"budget-option\">\n <input type=\"radio\" name=\"presupuesto\" id=\"b2\" value=\"900-1500\">\n <label for=\"b2\">$900 \u2013 $1,500<\/label>\n <\/div>\n <div class=\"budget-option\">\n <input type=\"radio\" name=\"presupuesto\" id=\"b3\" value=\"1500-2500\">\n <label for=\"b3\">$1,500 \u2013 $2,500<\/label>\n <\/div>\n <div class=\"budget-option\">\n <input type=\"radio\" name=\"presupuesto\" id=\"b4\" value=\"mas-2500\">\n <label for=\"b4\">M\u00e1s de $2,500<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Cu\u00e9ntanos m\u00e1s sobre tu proyecto<\/label>\n <textarea id=\"mensaje\" placeholder=\"Describe brevemente tu negocio, qu\u00e9 quieres lograr con tu sitio web, si ya tienes uno existente, colores de tu marca, cualquier detalle importante...\"><\/textarea>\n <\/div>\n\n <p class=\"form-note\">\ud83d\udd12 Tus datos est\u00e1n seguros y nunca ser\u00e1n compartidos con terceros.<\/p>\n\n <button type=\"submit\" class=\"btn-submit\" id=\"submitBtn\">\n <span id=\"btnText\">Solicitar cotizaci\u00f3n gratis \u2192<\/span>\n <span id=\"btnLoader\" style=\"display:none\">Enviando...<\/span>\n <\/button>\n\n <\/form>\n <\/div>\n\n <div class=\"success-state\" id=\"successState\">\n <div class=\"success-icon\">\ud83c\udf89<\/div>\n <h3>\u00a1Mensaje recibido!<\/h3>\n <p>Gracias por contactarnos. Te responderemos en menos de 24 horas con tu cotizaci\u00f3n personalizada.<\/p>\n <a href=\"https:\/\/wa.me\/50259213750\" class=\"btn-wa-large\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac Tambi\u00e9n puedes escribirnos por WhatsApp<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"alt-section\">\n <div class=\"wrap\">\n <div class=\"sec-head fade\">\n <span class=\"label\">Otras formas de contacto<\/span>\n <h2>Elige c\u00f3mo prefieres hablar con nosotros<\/h2>\n <p>Estamos disponibles por el canal que te resulte m\u00e1s c\u00f3modo.<\/p>\n <\/div>\n\n <div class=\"alt-grid\">\n <a href=\"https:\/\/wa.me\/50259213750\" class=\"alt-card fade\" target=\"_blank\" rel=\"noopener\">\n <div class=\"alt-icon alt-icon-wa\">\ud83d\udcac<\/div>\n <h3>WhatsApp<\/h3>\n <p>La forma m\u00e1s r\u00e1pida. Te respondemos en minutos durante el horario de atenci\u00f3n.<\/p>\n <span class=\"alt-link\">Escribir ahora \u2192<\/span>\n <\/a>\n <a href=\"tel:+50259213750\" class=\"alt-card fade\" style=\"transition-delay:.1s\">\n <div class=\"alt-icon alt-icon-phone\">\ud83d\udcde<\/div>\n <h3>Llamada telef\u00f3nica por WhatsApp<\/h3>\n <p>\u00bfPrefieres hablar directamente? Ll\u00e1manos de lunes a s\u00e1bado, 9am a 5pm.<\/p>\n <span class=\"alt-link\">+502 5921-3750<\/span>\n <\/a>\n <a href=\"mailto:info@atraeweb.com\" class=\"alt-card fade\" style=\"transition-delay:.2s\">\n <div class=\"alt-icon alt-icon-email\">\u2709\ufe0f<\/div>\n <h3>Correo electr\u00f3nico<\/h3>\n <p>Env\u00edanos un correo con los detalles de tu proyecto y te respondemos en 24 horas.<\/p>\n <span class=\"alt-link\">info@atraeweb.com<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"faq-section\">\n <div class=\"wrap\">\n <div class=\"faq-head fade\">\n <span class=\"label\">Preguntas frecuentes<\/span>\n <h2>Resolvemos tus dudas<\/h2>\n <p>Estas son las preguntas m\u00e1s comunes antes de comenzar un proyecto con Atrae.<\/p>\n <\/div>\n\n <div class=\"faq-list\">\n\n <div class=\"faq-item fade\">\n <div class=\"faq-question\">\n <h3>\u00bfCu\u00e1nto tiempo tarda en estar listo mi sitio web?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Depende del paquete que elijas. El paquete Presencia se entrega en 10 d\u00edas h\u00e1biles, Presencia Pro en 15 d\u00edas y Presencia Completa en 20 d\u00edas. Siempre cumplimos los plazos acordados.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.05s\">\n <div class=\"faq-question\">\n <h3>\u00bfQu\u00e9 necesito tener listo para empezar?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Solo necesitas tener claro qu\u00e9 hace tu negocio y tener algunas fotos o informaci\u00f3n b\u00e1sica. Nosotros nos encargamos del dise\u00f1o, textos y toda la parte t\u00e9cnica. Te guiamos en cada paso del proceso.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.1s\">\n <div class=\"faq-question\">\n <h3>\u00bfEl precio incluye dominio y hosting?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>S\u00ed. Todos nuestros paquetes incluyen dominio por 1 a\u00f1o y hosting en Hostinger por 1 a\u00f1o. Sin costos ocultos ni sorpresas al final. El precio que ves es el precio que pagas.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.15s\">\n <div class=\"faq-question\">\n <h3>\u00bfPuedo hacer cambios despu\u00e9s de que el sitio est\u00e9 listo?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Por supuesto. Incluimos rondas de revisi\u00f3n durante el desarrollo. Para cambios posteriores, ofrecemos planes de mantenimiento mensual o puedes contratarnos por hora. El paquete Presencia Completa incluye revisiones ilimitadas durante el desarrollo.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.2s\">\n <div class=\"faq-question\">\n <h3>\u00bfAtienden solo en Orlando o en todo Estados Unidos?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Atendemos a negocios hispanos en todo Estados Unidos: Orlando, Miami, Houston, Los \u00c1ngeles, Nueva York y m\u00e1s. Todo nuestro trabajo es 100% remoto, por lo que la ubicaci\u00f3n no es una limitaci\u00f3n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.25s\">\n <div class=\"faq-question\">\n <h3>\u00bfC\u00f3mo es el proceso de pago?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Trabajamos con un 50% de anticipo al iniciar y el 50% restante al entregar el sitio terminado. Aceptamos transferencia bancaria, Zelle y tarjeta de cr\u00e9dito\/d\u00e9bito.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<script>\n\/\/ Fade on scroll\nconst observer = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); }\n });\n}, { threshold: 0.08 });\ndocument.querySelectorAll('.fade').forEach(el => observer.observe(el));\n\n\/\/ FAQ accordion - mejorado para cerrar correctamente\ndocument.querySelectorAll('.faq-question').forEach(q => {\n q.addEventListener('click', () => {\n const item = q.parentElement;\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n });\n});\n\n\/\/ Form submit con validaci\u00f3n completa y mejor manejo de selects\ndocument.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Obtener elementos\n const nombre = document.getElementById('nombre');\n const email = document.getElementById('email');\n const telefono = document.getElementById('telefono');\n const tipoSelect = document.getElementById('tipo');\n const servicioSelect = document.getElementById('servicio');\n \n let isValid = true;\n let errorField = null;\n \n \/\/ Validar nombre\n if (!nombre.value.trim()) {\n nombre.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || nombre;\n } else {\n nombre.style.borderColor = '';\n }\n \n \/\/ Validar email\n const emailRegex = \/^[^\\s@]+@([^\\s@.,]+\\.)+[^\\s@.,]{2,}$\/;\n if (!email.value.trim() || !emailRegex.test(email.value.trim())) {\n email.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || email;\n } else {\n email.style.borderColor = '';\n }\n \n \/\/ Validar tel\u00e9fono\n if (!telefono.value.trim()) {\n telefono.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || telefono;\n } else {\n telefono.style.borderColor = '';\n }\n \n \/\/ Validar tipo de negocio (select)\n if (!tipoSelect.value || tipoSelect.value === \"\") {\n tipoSelect.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || tipoSelect;\n } else {\n tipoSelect.style.borderColor = '';\n }\n \n \/\/ Validar servicio (select)\n if (!servicioSelect.value || servicioSelect.value === \"\") {\n servicioSelect.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || servicioSelect;\n } else {\n servicioSelect.style.borderColor = '';\n }\n \n if (!isValid) {\n if (errorField) {\n errorField.focus();\n setTimeout(() => {\n if (nombre.style.borderColor === 'rgb(239, 68, 68)') nombre.style.borderColor = '';\n if (email.style.borderColor === 'rgb(239, 68, 68)') email.style.borderColor = '';\n if (telefono.style.borderColor === 'rgb(239, 68, 68)') telefono.style.borderColor = '';\n if (tipoSelect.style.borderColor === 'rgb(239, 68, 68)') tipoSelect.style.borderColor = '';\n if (servicioSelect.style.borderColor === 'rgb(239, 68, 68)') servicioSelect.style.borderColor = '';\n }, 2500);\n }\n return;\n }\n \n \/\/ Simular env\u00edo\n const btn = document.getElementById('submitBtn');\n const btnTextSpan = document.getElementById('btnText');\n const btnLoaderSpan = document.getElementById('btnLoader');\n \n btnTextSpan.style.display = 'none';\n btnLoaderSpan.style.display = 'inline';\n btn.disabled = true;\n btn.style.opacity = '.75';\n \n setTimeout(() => {\n document.getElementById('formWrapper').style.display = 'none';\n document.getElementById('successState').style.display = 'block';\n \/\/ Restaurar bot\u00f3n por si acaso (no es necesario realmente porque el formulario desaparece)\n btn.disabled = false;\n btn.style.opacity = '1';\n }, 1200);\n});\n\n\/\/ Resetear bordes cuando el usuario interact\u00faa\ndocument.querySelectorAll('input, select, textarea').forEach(el => {\n el.addEventListener('input', () => { el.style.borderColor = ''; });\n el.addEventListener('change', () => { el.style.borderColor = ''; });\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b939f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b939f5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ca7a341\" data-id=\"ca7a341\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-e54a9ae elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"e54a9ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25f1375 elementor-widget elementor-widget-text-editor\" data-id=\"25f1375\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/\">Dise\u00f1o de p\u00e1ginas web<\/a><\/p><p><a href=\"http:\/\/atraeweb.com\/orlando-florida-estados-unidos\">Desarrollo de p\u00e1ginas web<\/a><\/p><p><a href=\"http:\/\/atraeweb.com\/orlando-florida-estados-unidos\">Dise\u00f1o de p\u00e1ginas web para emprendedores<\/a><\/p><p><a href=\"http:\/\/atraeweb.com\/orlando-florida-estados-unidos\">Dise\u00f1o web para empresas<\/a><\/p><p><a href=\"http:\/\/atraeweb.com\/orlando-florida-estados-unidos\">Dise\u00f1o web para profesionales<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto \u2014 Atrae | P\u00e1ginas web en Orlando, Florida Cont\u00e1ctanos Hablemos sobre tu proyecto Cu\u00e9ntanos qu\u00e9 necesitas y te respondemos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-3933","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/pages\/3933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/comments?post=3933"}],"version-history":[{"count":78,"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/pages\/3933\/revisions"}],"predecessor-version":[{"id":8336,"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/pages\/3933\/revisions\/8336"}],"wp:attachment":[{"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/media?parent=3933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nContacto \u2014 Atrae | P\u00e1ginas web en Orlando, Florida<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --navy: #0a2c3d;\n --indigo: #1e4a6d;\n --mint: #20c997;\n --mint-hover: #17a97f;\n --mint-light: #d6f0e8;\n --mint-xlight: #edfbf5;\n --white: #ffffff;\n --off-white: #f8fbfd;\n --gray-50: #f0f4f8;\n --gray-100: #e2eaf2;\n --gray-400: #8fa3b8;\n --gray-600: #4b5a6e;\n --gray-800: #1f2a3f;\n --radius: 20px;\n --radius-sm: 12px;\n --radius-xs: 8px;\n --radius-pill: 60px;\n --shadow-sm: 0 4px 16px rgba(10,44,61,.07);\n --shadow-md: 0 12px 32px rgba(10,44,61,.12);\n --shadow-lg: 0 24px 48px rgba(10,44,61,.16);\n --shadow-xl: 0 32px 64px rgba(10,44,61,.20);\n --trans: all .3s cubic-bezier(.4,0,.2,1);\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',sans-serif;color:var(--gray-800);background:var(--white);overflow-x:hidden;line-height:1.6}\nimg{display:block;max-width:100%}\na{text-decoration:none}\n\n.wrap{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}\n\n.label{display:inline-block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:3px;color:var(--mint);text-transform:uppercase;margin-bottom:.7rem}\n\nh1,h2,h3{font-family:'Montserrat',sans-serif;line-height:1.15}\n\n.fade{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}\n.fade.visible{opacity:1;transform:translateY(0)}\n\n\/* WHATSAPP *\/\n.wa-float{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(37,211,102,.45);z-index:9999;transition:var(--trans)}\n.wa-float:hover{transform:scale(1.1);box-shadow:0 10px 32px rgba(37,211,102,.55)}\n.wa-float svg{width:28px;height:28px;fill:white}\n\n\/* HERO *\/\n.hero-contact{background:linear-gradient(135deg,var(--navy) 0%,#163d58 50%,var(--indigo) 100%);padding:5rem 0 7rem;position:relative;overflow:hidden;text-align:center}\n.hero-orb{position:absolute;border-radius:50%;pointer-events:none}\n.hero-orb-1{width:420px;height:420px;background:var(--mint);opacity:.05;top:-140px;right:-100px}\n.hero-orb-2{width:300px;height:300px;background:var(--mint);opacity:.05;bottom:-80px;left:-80px}\n.hero-orb-3{width:180px;height:180px;background:var(--mint);opacity:.07;top:30%;left:10%}\n\n.hero-contact h1{color:var(--white);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;margin-bottom:1.2rem;letter-spacing:-0.5px}\n.hero-contact h1 em{font-style:normal;color:var(--mint)}\n.hero-contact p{color:rgba(255,255,255,.78);font-size:1.05rem;max-width:540px;margin:0 auto 2rem;line-height:1.75}\n\n.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}\n.badge-dark{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.12);color:var(--white);padding:.32rem .9rem;border-radius:var(--radius-pill);font-family:'Montserrat',sans-serif;font-weight:600;font-size:.74rem;border:1px solid rgba(255,255,255,.22);white-space:nowrap}\n\n\/* CONTACT SECTION *\/\n.contact-section{padding:5rem 0 7rem;background:var(--off-white);margin-top:-3rem;position:relative;z-index:2}\n\n.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2.4rem;align-items:start}\n\n\/* INFO CARD *\/\n.info-card{background:var(--navy);border-radius:var(--radius);padding:2.8rem 2.2rem;color:var(--white);position:sticky;top:2rem}\n.info-card h2{color:var(--white);font-size:1.55rem;font-weight:800;margin-bottom:.6rem}\n.info-card > p{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.7;margin-bottom:2rem}\n\n.contact-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}\n.contact-method{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.2rem;background:rgba(255,255,255,.07);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:var(--trans);color:var(--white)}\n.contact-method:hover{background:rgba(32,201,151,.15);border-color:rgba(32,201,151,.4);transform:translateX(4px)}\n.cm-icon{width:44px;height:44px;border-radius:var(--radius-xs);background:rgba(32,201,151,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}\n.cm-label{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:1.5px;color:var(--mint);text-transform:uppercase;margin-bottom:.15rem}\n.cm-value{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;color:var(--white)}\n.cm-sub{font-size:.76rem;color:rgba(255,255,255,.5);margin-top:.1rem}\n\n.divider{height:1px;background:rgba(255,255,255,.1);margin:1.8rem 0}\n\n.info-trust{padding:1.2rem;background:rgba(32,201,151,.1);border-radius:var(--radius-sm);border:1px solid rgba(32,201,151,.2)}\n.info-trust-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.85rem;color:var(--mint);margin-bottom:.8rem}\n.trust-item{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.83rem;color:rgba(255,255,255,.78)}\n.trust-item:last-child{margin-bottom:0}\n.trust-check{color:var(--mint);font-weight:700;flex-shrink:0}\n\n\/* FORM CARD *\/\n.form-card{background:var(--white);border-radius:var(--radius);padding:2.8rem 2.4rem;border:1.5px solid var(--gray-100);box-shadow:var(--shadow-sm)}\n.form-card h2{font-size:1.55rem;color:var(--navy);font-weight:800;margin-bottom:.5rem}\n.form-card > p{color:var(--gray-600);font-size:.9rem;margin-bottom:2rem}\n\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}\n.form-group{margin-bottom:1.3rem}\n.form-group label{display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.8rem;color:var(--navy);margin-bottom:.45rem;letter-spacing:.3px}\n.form-group label span{color:var(--mint);margin-left:2px}\n\n.form-group input,\n.form-group select,\n.form-group textarea{\n width:100%;\n padding:.85rem 1.1rem;\n border:1.5px solid var(--gray-100);\n border-radius:var(--radius-xs);\n font-family:'Inter',sans-serif;\n font-size:.92rem;\n color:var(--gray-800);\n background-color:var(--off-white);\n transition:var(--trans);\n outline:none;\n}\n.form-group input,\n.form-group select{\n height:52px;\n}\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus{border-color:var(--mint);background:var(--white);box-shadow:0 0 0 3px rgba(32,201,151,.12)}\n.form-group input::placeholder,\n.form-group textarea::placeholder{color:var(--gray-400);font-size:.88rem}\n.form-group textarea{resize:vertical;min-height:120px}\n\n\/* SELECT fix - mejorado para mayor compatibilidad *\/\n.form-group select{\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238fa3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 1rem center;\n background-size: 14px;\n padding-right: 2.5rem;\n cursor: pointer;\n}\n.form-group select option {\n padding: 0.75rem;\n background: white;\n color: #1f2a3f;\n}\n\n\/* BUDGET RADIO *\/\n.budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}\n.budget-option{position:relative}\n.budget-option input[type=\"radio\"]{position:absolute;opacity:0;width:0;height:0}\n.budget-option label{display:flex;align-items:center;justify-content:center;padding:.75rem .9rem;border:1.5px solid var(--gray-100);border-radius:var(--radius-xs);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:700;color:var(--gray-600);cursor:pointer;transition:var(--trans);text-align:center;background:var(--off-white);margin-bottom:0;height:52px}\n.budget-option input[type=\"radio\"]:checked + label{border-color:var(--mint);background:var(--mint-xlight);color:var(--navy)}\n.budget-option label:hover{border-color:var(--mint-light);color:var(--navy)}\n\n.form-note{font-size:.78rem;color:var(--gray-400);display:flex;align-items:center;gap:.4rem;margin-bottom:1.6rem;font-family:'Montserrat',sans-serif}\n\n.btn-submit{width:100%;background:var(--mint);color:var(--navy);padding:1rem 2rem;border-radius:var(--radius-pill);font-family:'Montserrat',sans-serif;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:var(--trans);display:flex;align-items:center;justify-content:center;gap:.6rem;letter-spacing:.3px}\n.btn-submit:hover{background:var(--mint-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(32,201,151,.35)}\n\n\/* SUCCESS *\/\n.success-state{display:none;text-align:center;padding:3rem 1rem}\n.success-icon{width:80px;height:80px;background:var(--mint-xlight);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.2rem}\n.success-state h3{font-size:1.5rem;color:var(--navy);margin-bottom:.8rem}\n.success-state p{color:var(--gray-600);font-size:.92rem;max-width:360px;margin:0 auto 1.8rem;line-height:1.7}\n.btn-wa-large{display:inline-flex;align-items:center;gap:.7rem;background:#25d366;color:white;padding:.9rem 2rem;border-radius:var(--radius-pill);font-family:'Montserrat',sans-serif;font-weight:700;font-size:.95rem;transition:var(--trans);text-decoration:none}\n.btn-wa-large:hover{background:#1ebe5d;transform:translateY(-2px)}\n\n\/* ALT SECTION *\/\n.alt-section{padding:5rem 0;background:var(--white)}\n.alt-section .sec-head{text-align:center;margin-bottom:3rem}\n.alt-section .sec-head h2{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--navy);font-weight:800;margin-bottom:.5rem}\n.alt-section .sec-head p{color:var(--gray-600);font-size:.95rem}\n\n.alt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}\n.alt-card{background:var(--off-white);border-radius:var(--radius);padding:2rem 1.6rem;border:1.5px solid var(--gray-100);text-align:center;transition:var(--trans);text-decoration:none;display:block}\n.alt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px);border-color:var(--mint-light)}\n.alt-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.7rem}\n.alt-icon-wa{background:#e8fdf0}\n.alt-icon-phone{background:var(--mint-xlight)}\n.alt-icon-email{background:#eef2ff}\n.alt-card h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1rem;color:var(--navy);margin-bottom:.5rem}\n.alt-card p{font-size:.85rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem}\n.alt-card .alt-link{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.83rem;color:var(--mint)}\n\n\/* FAQ *\/\n.faq-section{padding:5rem 0;background:var(--off-white)}\n.faq-head{text-align:center;margin-bottom:3rem}\n.faq-head h2{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--navy);font-weight:800;margin-bottom:.5rem}\n.faq-head p{color:var(--gray-600);font-size:.95rem}\n\n.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}\n.faq-item{background:var(--white);border-radius:var(--radius-sm);border:1.5px solid var(--gray-100);overflow:hidden;transition:border-color .3s}\n.faq-item.open{border-color:var(--mint-light)}\n.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;cursor:pointer;user-select:none;gap:1rem}\n.faq-question h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.95rem;color:var(--navy);line-height:1.35}\n.faq-toggle{width:32px;height:32px;border-radius:50%;background:var(--off-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--trans);font-size:1.2rem;color:var(--mint);font-weight:700}\n.faq-item.open .faq-toggle{background:var(--mint);color:white;transform:rotate(45deg)}\n.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 1.5rem}\n.faq-item.open .faq-answer{max-height:300px;padding:0 1.5rem 1.3rem}\n.faq-answer p{font-size:.88rem;color:var(--gray-600);line-height:1.75}\n\n\/* FOOTER *\/\n.footer{background:var(--gray-800);padding:2rem;text-align:center}\n.footer p{font-size:.82rem;color:rgba(255,255,255,.4);font-family:'Montserrat',sans-serif}\n.footer span{color:var(--mint)}\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n .contact-grid{grid-template-columns:1fr}\n .info-card{position:static}\n .alt-grid{grid-template-columns:1fr 1fr}\n}\n@media(max-width:768px){\n .form-row{grid-template-columns:1fr}\n .budget-grid{grid-template-columns:1fr 1fr}\n .alt-grid{grid-template-columns:1fr}\n .wrap{padding:0 1.2rem}\n .form-card{padding:2rem 1.4rem}\n .info-card{padding:2rem 1.4rem}\n .hero-contact{padding:3.5rem 0 5rem}\n}\n@media(max-width:480px){\n .hero-contact h1{font-size:1.85rem}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<a href=\"https:\/\/wa.me\/50259213750\" class=\"wa-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp Atrae\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n<\/a>\n\n\n<section class=\"hero-contact\">\n <div class=\"hero-orb hero-orb-1\"><\/div>\n <div class=\"hero-orb hero-orb-2\"><\/div>\n <div class=\"hero-orb hero-orb-3\"><\/div>\n <div class=\"wrap\">\n <div class=\"fade\">\n <span class=\"label\">Cont\u00e1ctanos<\/span>\n <h1>Hablemos sobre tu <em>proyecto<\/em><\/h1>\n <p>Cu\u00e9ntanos qu\u00e9 necesitas y te respondemos con una cotizaci\u00f3n gratuita en menos de 24 horas. Sin compromisos.<\/p>\n <div class=\"hero-badges\">\n <span class=\"badge-dark\">\u26a1 Respuesta en 24 horas<\/span>\n <span class=\"badge-dark\">\ud83c\uddea\ud83c\uddf8 Atendemos en espa\u00f1ol<\/span>\n <span class=\"badge-dark\">\ud83c\udd93 Cotizaci\u00f3n gratuita<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact-section\">\n <div class=\"wrap\">\n <div class=\"contact-grid\">\n\n \n <div class=\"info-card fade\">\n <h2>\u00bfC\u00f3mo podemos ayudarte?<\/h2>\n <p>Somos un equipo hispano especializado en dise\u00f1o web para negocios latinos en Estados Unidos. Escr\u00edbenos por cualquiera de estos canales.<\/p>\n\n <div class=\"contact-methods\">\n <a href=\"https:\/\/wa.me\/50259213750\" class=\"contact-method\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cm-icon\">\ud83d\udcac<\/div>\n <div>\n <div class=\"cm-label\">WhatsApp<\/div>\n <div class=\"cm-value\">+502 5921-3750<\/div>\n <div class=\"cm-sub\">Lunes a s\u00e1bado \u2022 9am \u2013 7pm<\/div>\n <\/div>\n <\/a>\n <a href=\"mailto:info@atraeweb.com\" class=\"contact-method\">\n <div class=\"cm-icon\">\u2709\ufe0f<\/div>\n <div>\n <div class=\"cm-label\">Correo electr\u00f3nico<\/div>\n <div class=\"cm-value\">info@atraeweb.com<\/div>\n <div class=\"cm-sub\">Respuesta en menos de 24 horas<\/div>\n <\/div>\n <\/a>\n <div class=\"contact-method\" style=\"cursor:default;\">\n <div class=\"cm-icon\">\ud83d\udccd<\/div>\n <div>\n <div class=\"cm-label\">Ubicaci\u00f3n<\/div>\n <div class=\"cm-value\">Orlando, Florida<\/div>\n <div class=\"cm-sub\">Servimos toda la comunidad hispana en EE.UU.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"divider\"><\/div>\n\n <div class=\"info-trust\">\n <div class=\"info-trust-title\">\u2705 Lo que puedes esperar<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Propuesta personalizada para tu negocio<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Precio transparente, sin costos ocultos<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Atenci\u00f3n 100% en espa\u00f1ol<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Entrega garantizada en el plazo acordado<\/div>\n <div class=\"trust-item\"><span class=\"trust-check\">\u2713<\/span> Sin contratos largos ni letras peque\u00f1as<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"form-card fade\" style=\"transition-delay:.15s\">\n <h2>Solicita tu cotizaci\u00f3n gratis<\/h2>\n <p>Completa el formulario y te contactamos en menos de 24 horas con una propuesta a medida.<\/p>\n\n <div id=\"formWrapper\">\n <form id=\"contactForm\" novalidate>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Tu nombre <span>*<\/span><\/label>\n <input type=\"text\" id=\"nombre\" placeholder=\"Ej: Carlos Mendoza\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Nombre de tu negocio <span>*<\/span><\/label>\n <input type=\"text\" id=\"negocio\" placeholder=\"Ej: Construcciones Mendoza\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>WhatsApp o tel\u00e9fono <span>*<\/span><\/label>\n <input type=\"tel\" id=\"telefono\" placeholder=\"+1 (407) 000-0000\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Correo electr\u00f3nico <span>*<\/span><\/label>\n <input type=\"email\" id=\"email\" placeholder=\"correo@ejemplo.com\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u00bfQu\u00e9 tipo de negocio tienes? <span>*<\/span><\/label>\n <select id=\"tipo\" required>\n <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\n <option>Restaurante o caf\u00e9<\/option>\n <option>Construcci\u00f3n o contratista<\/option>\n <option>Sal\u00f3n de belleza \/ Spa<\/option>\n <option>Servicios profesionales (legal, m\u00e9dico, contable)<\/option>\n <option>Transporte \/ Log\u00edstica<\/option>\n <option>Comercio \/ Tienda<\/option>\n <option>ONG o asociaci\u00f3n<\/option>\n <option>Otro tipo de negocio<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u00bfQu\u00e9 servicio necesitas? <span>*<\/span><\/label>\n <select id=\"servicio\" required>\n <option value=\"\" disabled selected>Selecciona un servicio<\/option>\n <option>P\u00e1gina web completa (Paquete Presencia \u2014 $899)<\/option>\n <option>P\u00e1gina web + logotipo + SEO (Presencia Pro \u2014 $1,499)<\/option>\n <option>Sitio completo con blog (Presencia Completa \u2014 $2,199)<\/option>\n <option>Landing page<\/option>\n <option>Mantenimiento web<\/option>\n <option>No estoy seguro, necesito asesor\u00eda<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u00bfCu\u00e1l es tu presupuesto aproximado?<\/label>\n <div class=\"budget-grid\">\n <div class=\"budget-option\">\n <input type=\"radio\" name=\"presupuesto\" id=\"b1\" value=\"menos-900\">\n <label for=\"b1\">Menos de $900<\/label>\n <\/div>\n <div class=\"budget-option\">\n <input type=\"radio\" name=\"presupuesto\" id=\"b2\" value=\"900-1500\">\n <label for=\"b2\">$900 \u2013 $1,500<\/label>\n <\/div>\n <div class=\"budget-option\">\n <input type=\"radio\" name=\"presupuesto\" id=\"b3\" value=\"1500-2500\">\n <label for=\"b3\">$1,500 \u2013 $2,500<\/label>\n <\/div>\n <div class=\"budget-option\">\n <input type=\"radio\" name=\"presupuesto\" id=\"b4\" value=\"mas-2500\">\n <label for=\"b4\">M\u00e1s de $2,500<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Cu\u00e9ntanos m\u00e1s sobre tu proyecto<\/label>\n <textarea id=\"mensaje\" placeholder=\"Describe brevemente tu negocio, qu\u00e9 quieres lograr con tu sitio web, si ya tienes uno existente, colores de tu marca, cualquier detalle importante...\"><\/textarea>\n <\/div>\n\n <p class=\"form-note\">\ud83d\udd12 Tus datos est\u00e1n seguros y nunca ser\u00e1n compartidos con terceros.<\/p>\n\n <button type=\"submit\" class=\"btn-submit\" id=\"submitBtn\">\n <span id=\"btnText\">Solicitar cotizaci\u00f3n gratis \u2192<\/span>\n <span id=\"btnLoader\" style=\"display:none\">Enviando...<\/span>\n <\/button>\n\n <\/form>\n <\/div>\n\n <div class=\"success-state\" id=\"successState\">\n <div class=\"success-icon\">\ud83c\udf89<\/div>\n <h3>\u00a1Mensaje recibido!<\/h3>\n <p>Gracias por contactarnos. Te responderemos en menos de 24 horas con tu cotizaci\u00f3n personalizada.<\/p>\n <a href=\"https:\/\/wa.me\/50259213750\" class=\"btn-wa-large\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac Tambi\u00e9n puedes escribirnos por WhatsApp<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"alt-section\">\n <div class=\"wrap\">\n <div class=\"sec-head fade\">\n <span class=\"label\">Otras formas de contacto<\/span>\n <h2>Elige c\u00f3mo prefieres hablar con nosotros<\/h2>\n <p>Estamos disponibles por el canal que te resulte m\u00e1s c\u00f3modo.<\/p>\n <\/div>\n\n <div class=\"alt-grid\">\n <a href=\"https:\/\/wa.me\/50259213750\" class=\"alt-card fade\" target=\"_blank\" rel=\"noopener\">\n <div class=\"alt-icon alt-icon-wa\">\ud83d\udcac<\/div>\n <h3>WhatsApp<\/h3>\n <p>La forma m\u00e1s r\u00e1pida. Te respondemos en minutos durante el horario de atenci\u00f3n.<\/p>\n <span class=\"alt-link\">Escribir ahora \u2192<\/span>\n <\/a>\n <a href=\"tel:+50259213750\" class=\"alt-card fade\" style=\"transition-delay:.1s\">\n <div class=\"alt-icon alt-icon-phone\">\ud83d\udcde<\/div>\n <h3>Llamada telef\u00f3nica por WhatsApp<\/h3>\n <p>\u00bfPrefieres hablar directamente? Ll\u00e1manos de lunes a s\u00e1bado, 9am a 5pm.<\/p>\n <span class=\"alt-link\">+502 5921-3750<\/span>\n <\/a>\n <a href=\"mailto:info@atraeweb.com\" class=\"alt-card fade\" style=\"transition-delay:.2s\">\n <div class=\"alt-icon alt-icon-email\">\u2709\ufe0f<\/div>\n <h3>Correo electr\u00f3nico<\/h3>\n <p>Env\u00edanos un correo con los detalles de tu proyecto y te respondemos en 24 horas.<\/p>\n <span class=\"alt-link\">info@atraeweb.com<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"faq-section\">\n <div class=\"wrap\">\n <div class=\"faq-head fade\">\n <span class=\"label\">Preguntas frecuentes<\/span>\n <h2>Resolvemos tus dudas<\/h2>\n <p>Estas son las preguntas m\u00e1s comunes antes de comenzar un proyecto con Atrae.<\/p>\n <\/div>\n\n <div class=\"faq-list\">\n\n <div class=\"faq-item fade\">\n <div class=\"faq-question\">\n <h3>\u00bfCu\u00e1nto tiempo tarda en estar listo mi sitio web?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Depende del paquete que elijas. El paquete Presencia se entrega en 10 d\u00edas h\u00e1biles, Presencia Pro en 15 d\u00edas y Presencia Completa en 20 d\u00edas. Siempre cumplimos los plazos acordados.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.05s\">\n <div class=\"faq-question\">\n <h3>\u00bfQu\u00e9 necesito tener listo para empezar?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Solo necesitas tener claro qu\u00e9 hace tu negocio y tener algunas fotos o informaci\u00f3n b\u00e1sica. Nosotros nos encargamos del dise\u00f1o, textos y toda la parte t\u00e9cnica. Te guiamos en cada paso del proceso.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.1s\">\n <div class=\"faq-question\">\n <h3>\u00bfEl precio incluye dominio y hosting?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>S\u00ed. Todos nuestros paquetes incluyen dominio por 1 a\u00f1o y hosting en Hostinger por 1 a\u00f1o. Sin costos ocultos ni sorpresas al final. El precio que ves es el precio que pagas.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.15s\">\n <div class=\"faq-question\">\n <h3>\u00bfPuedo hacer cambios despu\u00e9s de que el sitio est\u00e9 listo?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Por supuesto. Incluimos rondas de revisi\u00f3n durante el desarrollo. Para cambios posteriores, ofrecemos planes de mantenimiento mensual o puedes contratarnos por hora. El paquete Presencia Completa incluye revisiones ilimitadas durante el desarrollo.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.2s\">\n <div class=\"faq-question\">\n <h3>\u00bfAtienden solo en Orlando o en todo Estados Unidos?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Atendemos a negocios hispanos en todo Estados Unidos: Orlando, Miami, Houston, Los \u00c1ngeles, Nueva York y m\u00e1s. Todo nuestro trabajo es 100% remoto, por lo que la ubicaci\u00f3n no es una limitaci\u00f3n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item fade\" style=\"transition-delay:.25s\">\n <div class=\"faq-question\">\n <h3>\u00bfC\u00f3mo es el proceso de pago?<\/h3>\n <div class=\"faq-toggle\">+<\/div>\n <\/div>\n <div class=\"faq-answer\">\n <p>Trabajamos con un 50% de anticipo al iniciar y el 50% restante al entregar el sitio terminado. Aceptamos transferencia bancaria, Zelle y tarjeta de cr\u00e9dito\/d\u00e9bito.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<script>\n\/\/ Fade on scroll\nconst observer = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); }\n });\n}, { threshold: 0.08 });\ndocument.querySelectorAll('.fade').forEach(el => observer.observe(el));\n\n\/\/ FAQ accordion - mejorado para cerrar correctamente\ndocument.querySelectorAll('.faq-question').forEach(q => {\n q.addEventListener('click', () => {\n const item = q.parentElement;\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n });\n});\n\n\/\/ Form submit con validaci\u00f3n completa y mejor manejo de selects\ndocument.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Obtener elementos\n const nombre = document.getElementById('nombre');\n const email = document.getElementById('email');\n const telefono = document.getElementById('telefono');\n const tipoSelect = document.getElementById('tipo');\n const servicioSelect = document.getElementById('servicio');\n \n let isValid = true;\n let errorField = null;\n \n \/\/ Validar nombre\n if (!nombre.value.trim()) {\n nombre.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || nombre;\n } else {\n nombre.style.borderColor = '';\n }\n \n \/\/ Validar email\n const emailRegex = \/^[^\\s@]+@([^\\s@.,]+\\.)+[^\\s@.,]{2,}$\/;\n if (!email.value.trim() || !emailRegex.test(email.value.trim())) {\n email.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || email;\n } else {\n email.style.borderColor = '';\n }\n \n \/\/ Validar tel\u00e9fono\n if (!telefono.value.trim()) {\n telefono.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || telefono;\n } else {\n telefono.style.borderColor = '';\n }\n \n \/\/ Validar tipo de negocio (select)\n if (!tipoSelect.value || tipoSelect.value === \"\") {\n tipoSelect.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || tipoSelect;\n } else {\n tipoSelect.style.borderColor = '';\n }\n \n \/\/ Validar servicio (select)\n if (!servicioSelect.value || servicioSelect.value === \"\") {\n servicioSelect.style.borderColor = '#ef4444';\n isValid = false;\n errorField = errorField || servicioSelect;\n } else {\n servicioSelect.style.borderColor = '';\n }\n \n if (!isValid) {\n if (errorField) {\n errorField.focus();\n setTimeout(() => {\n if (nombre.style.borderColor === 'rgb(239, 68, 68)') nombre.style.borderColor = '';\n if (email.style.borderColor === 'rgb(239, 68, 68)') email.style.borderColor = '';\n if (telefono.style.borderColor === 'rgb(239, 68, 68)') telefono.style.borderColor = '';\n if (tipoSelect.style.borderColor === 'rgb(239, 68, 68)') tipoSelect.style.borderColor = '';\n if (servicioSelect.style.borderColor === 'rgb(239, 68, 68)') servicioSelect.style.borderColor = '';\n }, 2500);\n }\n return;\n }\n \n \/\/ Simular env\u00edo\n const btn = document.getElementById('submitBtn');\n const btnTextSpan = document.getElementById('btnText');\n const btnLoaderSpan = document.getElementById('btnLoader');\n \n btnTextSpan.style.display = 'none';\n btnLoaderSpan.style.display = 'inline';\n btn.disabled = true;\n btn.style.opacity = '.75';\n \n setTimeout(() => {\n document.getElementById('formWrapper').style.display = 'none';\n document.getElementById('successState').style.display = 'block';\n \/\/ Restaurar bot\u00f3n por si acaso (no es necesario realmente porque el formulario desaparece)\n btn.disabled = false;\n btn.style.opacity = '1';\n }, 1200);\n});\n\n\/\/ Resetear bordes cuando el usuario interact\u00faa\ndocument.querySelectorAll('input, select, textarea').forEach(el => {\n el.addEventListener('input', () => { el.style.borderColor = ''; });\n el.addEventListener('change', () => { el.style.borderColor = ''; });\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b939f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b939f5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ca7a341\" data-id=\"ca7a341\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-e54a9ae elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"e54a9ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25f1375 elementor-widget elementor-widget-text-editor\" data-id=\"25f1375\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/\">Dise\u00f1o de p\u00e1ginas web<\/a><\/p><p><a href=\"http:\/\/atraeweb.com\/orlando-florida-estados-unidos\">Desarrollo de p\u00e1ginas web<\/a><\/p><p><a href=\"http:\/\/atraeweb.com\/orlando-florida-estados-unidos\">Dise\u00f1o de p\u00e1ginas web para emprendedores<\/a><\/p><p><a href=\"http:\/\/atraeweb.com\/orlando-florida-estados-unidos\">Dise\u00f1o web para empresas<\/a><\/p><p><a href=\"http:\/\/atraeweb.com\/orlando-florida-estados-unidos\">Dise\u00f1o web para profesionales<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto \u2014 Atrae | P\u00e1ginas web en Orlando, Florida Cont\u00e1ctanos Hablemos sobre tu proyecto Cu\u00e9ntanos qu\u00e9 necesitas y te respondemos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-3933","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/pages\/3933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/comments?post=3933"}],"version-history":[{"count":78,"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/pages\/3933\/revisions"}],"predecessor-version":[{"id":8336,"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/pages\/3933\/revisions\/8336"}],"wp:attachment":[{"href":"https:\/\/atraeweb.com\/orlando-florida-estados-unidos\/wp-json\/wp\/v2\/media?parent=3933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}