Vidriera Sonora | Contacto<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* === VARIABLES GLOBALES === *\/\r\n :root {\r\n --primary-black: #0a0a0a;\r\n --secondary-black: #161616;\r\n --gold: #D4AF37;\r\n --gold-hover: #f1c40f;\r\n --text-white: #ffffff;\r\n --text-gray: #a0a0a0;\r\n --radius-md: 16px;\r\n --radius-pill: 50px;\r\n --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n }\r\n \r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { background-color: var(--primary-black); color: var(--text-white); font-family: 'Montserrat', sans-serif; line-height: 1.6; overflow-x: hidden; }\r\n h1, h2, h3, h4 { font-family: 'Playfair Display', serif; font-weight: 700; }\r\n \r\n \/* === HEADER GLOBAL === *\/\r\n header { background-color: rgba(10, 10, 10, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 1rem 5%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.05); position: sticky; top: 0; z-index: 1000; }\r\n .logo img { height: 50px; width: auto; transition: var(--transition); }\r\n \r\n \/* === MEN\u00da DESKTOP === *\/\r\n nav ul { display: flex; list-style: none; }\r\n nav ul li { margin-left: 2.5rem; }\r\n nav ul li a { color: var(--text-gray); text-decoration: none; font-weight: 400; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1.5px; transition: var(--transition); }\r\n nav ul li a:hover, nav ul li a.active { color: var(--gold); }\r\n\r\n \/* === BOT\u00d3N HAMBURGUESA - FONDO NEGRO Y L\u00cdNEAS DORADAS SIEMPRE === *\/\r\n .menu-toggle { \r\n display: none; \r\n flex-direction: column; \r\n cursor: pointer; \r\n z-index: 1001; \r\n background-color: #000000 !important; \r\n padding: 10px; \r\n border-radius: 8px; \r\n border: 1px solid rgba(212, 175, 55, 0.2); \r\n -webkit-tap-highlight-color: transparent; \r\n outline: none;\r\n }\r\n .menu-toggle .bar { \r\n width: 25px; \r\n height: 3px; \r\n background-color: var(--gold) !important; \r\n margin: 3px 0; \r\n transition: var(--transition); \r\n border-radius: 3px; \r\n }\r\n \r\n \/* === HERO INTERNO === *\/\r\n .page-hero { height: 50vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-size: cover; background-position: center; padding: 0 10%; position: relative; }\r\n .page-hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(10,10,10,0.7), var(--primary-black)); z-index: 1; }\r\n .page-hero-content { position: relative; z-index: 2; }\r\n .page-hero h1 { font-size: 4rem; margin-bottom: 1rem; color: var(--text-white); }\r\n .page-hero p { font-size: 1.2rem; color: var(--text-gray); max-width: 600px; margin: 0 auto; }\r\n \r\n \/* === INTRODUCCI\u00d3N BLANCA === *\/\r\n .container { padding: 4rem 10%; background-color: #ffffff; text-align: center; } \r\n .page-title { color: #000000; font-size: 3.2rem; margin-bottom: 0.5rem; }\r\n .page-title::after { content: ''; display: block; width: 80px; height: 3px; background-color: var(--gold); margin: 20px auto 0; border-radius: 2px; }\r\n .page-description { color: #333333; max-width: 750px; margin: 1.5rem auto 0; font-size: 1.2rem; }\r\n\r\n \/* === SECCI\u00d3N DE CONTACTO (FORMULARIO Y DATOS) === *\/\r\n .contact-wrapper { display: flex; flex-wrap: wrap; gap: 4rem; padding: 5rem 10%; background-color: var(--primary-black); }\r\n .contact-info { flex: 1; min-width: 300px; }\r\n .contact-info h3 { font-size: 2rem; margin-bottom: 1.5rem; color: var(--gold); }\r\n .contact-info p { color: var(--text-gray); margin-bottom: 1.2rem; font-size: 1.05rem; display: flex; align-items: flex-start; gap: 10px; }\r\n .map-container { margin-top: 3rem; border-radius: var(--radius-md); overflow: hidden; height: 280px; width: 100%; border: 1px solid rgba(255, 255, 255, 0.05); }\r\n \r\n \/* === ESTILOS DEL FORMULARIO === *\/\r\n .contact-form { flex: 1; min-width: 300px; background-color: var(--secondary-black); padding: 3rem; border-radius: var(--radius-md); border: 1px solid rgba(255, 255, 255, 0.03); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }\r\n .form-group { margin-bottom: 1.5rem; }\r\n .form-group label { display: block; margin-bottom: 0.5rem; color: var(--text-gray); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; }\r\n .form-control { width: 100%; padding: 14px 15px; background-color: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; color: var(--text-white); font-family: 'Montserrat', sans-serif; transition: var(--transition); }\r\n .form-control:focus { outline: none; border-color: var(--gold); background-color: rgba(0, 0, 0, 0.6); box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2); }\r\n \r\n \/* FIX: Select Dropdown adaptado para no cortarse *\/\r\n select.form-control { \r\n -webkit-appearance: none; \r\n -moz-appearance: none; \r\n appearance: none; \r\n background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' 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\"); \r\n background-repeat: no-repeat; \r\n background-position: right 15px center; \r\n background-size: 16px; \r\n padding-right: 40px; \/* Asegura que la flecha dorada no pise el texto *\/\r\n cursor: pointer; \r\n }\r\n select.form-control option { background-color: var(--secondary-black); color: var(--text-white); }\r\n \r\n textarea.form-control { resize: vertical; min-height: 120px; }\r\n \r\n \/* === BOTONES (DORADO S\u00d3LIDO) === *\/\r\n .btn-gold { background-color: var(--gold); color: var(--primary-black); border: 1px solid var(--gold); padding: 14px 36px; border-radius: var(--radius-pill); text-decoration: none; font-weight: 600; text-transform: uppercase; transition: var(--transition); display: inline-block; width: 100%; text-align: center; cursor: pointer; margin-top: 1rem; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2); }\r\n .btn-gold:hover { background-color: var(--gold-hover); border-color: var(--gold-hover); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4); }\r\n \r\n \/* === FOOTER GLOBAL === *\/\r\n footer { background-color: #030303; padding: 5rem 10% 2rem; border-top: 1px solid rgba(255, 255, 255, 0.05); }\r\n .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; }\r\n .footer-col h4 { color: var(--text-white); margin-bottom: 1.5rem; letter-spacing: 1px; }\r\n .footer-col p, .footer-col ul li a { color: var(--text-gray); font-size: 0.95rem; text-decoration: none; line-height: 1.8; }\r\n .footer-col ul { list-style: none; }\r\n .footer-col ul li { margin-bottom: 0.8rem; }\r\n .footer-col ul li a:hover { color: var(--gold); }\r\n .footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.05); margin-top: 3rem; color: rgba(255, 255, 255, 0.3); font-size: 0.85rem; }\r\n\r\n \/* === RESPONSIVE (M\u00d3VIL) === *\/\r\n @media (max-width: 768px) {\r\n .menu-toggle { display: flex; }\r\n \r\n nav { position: absolute; top: 100%; left: 0; width: 100%; background-color: rgba(10, 10, 10, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); transform: translateY(-150%); opacity: 0; transition: var(--transition); z-index: 999; }\r\n \r\n nav.active { transform: translateY(0); opacity: 1; }\r\n \r\n nav ul { flex-direction: column; text-align: center; padding: 2rem 0; }\r\n nav ul li { margin: 1.5rem 0; }\r\n nav ul li a { font-size: 1.1rem; }\r\n\r\n \/* Animaci\u00f3n de la hamburguesa a X *\/\r\n .menu-toggle.active .bar:nth-child(1) { transform: translateY(9px) rotate(45deg); }\r\n .menu-toggle.active .bar:nth-child(2) { opacity: 0; }\r\n .menu-toggle.active .bar:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }\r\n\r\n \/* Ajustes para celular *\/\r\n .page-hero h1 { font-size: 2.8rem; }\r\n .page-hero p { font-size: 1rem; }\r\n .page-title { font-size: 2.5rem; }\r\n .contact-form { padding: 2rem 1.5rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header>\r\n <div class=\"logo\">\r\n <a href=\"http:\/\/vidrierasonora.site\/index.php\/home\/\"><img decoding=\"async\" src=\"http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/Logo-vidrios-.png\" alt=\"Logo Vidriera Sonora\"><\/a>\r\n <\/div>\r\n \r\n <div class=\"menu-toggle\" id=\"mobile-menu\">\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <\/div>\r\n\r\n <nav id=\"nav-menu\">\r\n <ul>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/home\/\">Inicio<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/ventanas\/\">Ventanas<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/canceles\/\">Canceles<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/barandales\/\">Barandales<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/mantenimiento\/\">Mantenimiento<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/contacto\/\" class=\"active\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <section class=\"page-hero\" style=\"background-image: url('http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/A_wideangle_professional_exterior_architectural_ph_e098b3717b.jpeg');\">\r\n <div class=\"page-hero-content\">\r\n <h1>Ponte en Contacto<\/h1>\r\n <p>Estamos listos para hacer realidad tu pr\u00f3ximo proyecto con la m\u00e1s alta calidad.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"container\">\r\n <h2 class=\"page-title\">Estamos para Servirte<\/h2>\r\n <p class=\"page-description\">Ya sea para solicitar una cotizaci\u00f3n, resolver dudas sobre nuestros materiales o agendar una visita t\u00e9cnica, nuestro equipo est\u00e1 a tu entera disposici\u00f3n.<\/p>\r\n <\/section>\r\n\r\n <section class=\"contact-wrapper\">\r\n \r\n <div class=\"contact-info\">\r\n <h3>Nuestras Oficinas<\/h3>\r\n <p><span>\ud83d\udccd<\/span> Blvr. Sim\u00f3n Bol\u00edvar 20-B, Los Venados, 22123 Tijuana, B.C.<\/p>\r\n <p><span>\ud83d\udcde<\/span> 664 689 5052<\/p>\r\n <p><span>\u2709\ufe0f<\/span> contacto@vidrierasonora.site<\/p>\r\n <p style=\"margin-top: 1.5rem;\"><span>\ud83d\udd52<\/span> <strong>Horario de Atenci\u00f3n:<\/strong><br> Lunes a Viernes: 8:00 AM - 6:00 PM<br>S\u00e1bados: 9:00 AM - 2:00 PM<\/p>\r\n\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d107664.12876644065!2d-117.06079737119106!3d32.49692482329705!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d9390226587cbbe%3A0x6bd34f5df3c749b0!2sTijuana%2C%20B.C.%2C%20M%C3%A9xico!5e0!3m2!1ses-419!2s!4v1707000000000!5m2!1ses-419!2s\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form\">\r\n <form action=\"#\" method=\"POST\">\r\n <div class=\"form-group\">\r\n <label for=\"nombre\">Nombre Completo<\/label>\r\n <input type=\"text\" id=\"nombre\" name=\"nombre\" class=\"form-control\" placeholder=\"Ej. Juan P\u00e9rez\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"telefono\">Tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"telefono\" name=\"telefono\" class=\"form-control\" placeholder=\"(664) 000-0000\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">Correo Electr\u00f3nico<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" placeholder=\"tu@correo.com\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"servicio\">Servicio de Inter\u00e9s<\/label>\r\n <select id=\"servicio\" name=\"servicio\" class=\"form-control\">\r\n <option value=\"ventanas\">Ventanas y Canceler\u00eda<\/option>\r\n <option value=\"canceles\">Canceles de Ba\u00f1o \/ Divisiones<\/option>\r\n <option value=\"barandales\">Barandales de Cristal<\/option>\r\n <option value=\"mantenimiento\">Mantenimiento y Reparaci\u00f3n<\/option>\r\n <option value=\"otro\">Otro Proyecto<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"mensaje\">Cu\u00e9ntanos sobre tu proyecto<\/label>\r\n <textarea id=\"mensaje\" name=\"mensaje\" class=\"form-control\" placeholder=\"Escribe aqu\u00ed los detalles...\" required><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn-gold\">Enviar Mensaje<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <footer>\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-col\">\r\n <p>Expertos en cristal y aluminio. Dise\u00f1o y calidad en cada proyecto realizado en Tijuana y sus alrededores.<\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Servicios<\/h4>\r\n <ul>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/ventanas\/\">Ventanas<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/canceles\/\">Canceles<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/barandales\/\">Barandales<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Contacto<\/h4>\r\n <p>\ud83d\udccd Blvr. Sim\u00f3n Bol\u00edvar 20-B, Los Venados, 22123 Tijuana, B.C.<\/p>\r\n <p>\ud83d\udcde 664 689 5052<\/p>\r\n <p>\u2709\ufe0f contacto@vidrierasonora.site<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2026 Vidriera Sonora. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n const menuToggle = document.querySelector('#mobile-menu');\r\n const navMenu = document.querySelector('#nav-menu');\r\n\r\n menuToggle.addEventListener('click', () => {\r\n menuToggle.classList.toggle('active');\r\n navMenu.classList.toggle('active');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Vidriera Sonora | Contacto Inicio Ventanas Canceles Barandales Mantenimiento Contacto Ponte en Contacto Estamos listos para hacer realidad tu pr\u00f3ximo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"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":"disabled","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-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":10,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":109,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/109"}],"wp:attachment":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Vidriera Sonora | Contacto<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* === VARIABLES GLOBALES === *\/\r\n :root {\r\n --primary-black: #0a0a0a;\r\n --secondary-black: #161616;\r\n --gold: #D4AF37;\r\n --gold-hover: #f1c40f;\r\n --text-white: #ffffff;\r\n --text-gray: #a0a0a0;\r\n --radius-md: 16px;\r\n --radius-pill: 50px;\r\n --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n }\r\n \r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { background-color: var(--primary-black); color: var(--text-white); font-family: 'Montserrat', sans-serif; line-height: 1.6; overflow-x: hidden; }\r\n h1, h2, h3, h4 { font-family: 'Playfair Display', serif; font-weight: 700; }\r\n \r\n \/* === HEADER GLOBAL === *\/\r\n header { background-color: rgba(10, 10, 10, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 1rem 5%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.05); position: sticky; top: 0; z-index: 1000; }\r\n .logo img { height: 50px; width: auto; transition: var(--transition); }\r\n \r\n \/* === MEN\u00da DESKTOP === *\/\r\n nav ul { display: flex; list-style: none; }\r\n nav ul li { margin-left: 2.5rem; }\r\n nav ul li a { color: var(--text-gray); text-decoration: none; font-weight: 400; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1.5px; transition: var(--transition); }\r\n nav ul li a:hover, nav ul li a.active { color: var(--gold); }\r\n\r\n \/* === BOT\u00d3N HAMBURGUESA - FONDO NEGRO Y L\u00cdNEAS DORADAS SIEMPRE === *\/\r\n .menu-toggle { \r\n display: none; \r\n flex-direction: column; \r\n cursor: pointer; \r\n z-index: 1001; \r\n background-color: #000000 !important; \r\n padding: 10px; \r\n border-radius: 8px; \r\n border: 1px solid rgba(212, 175, 55, 0.2); \r\n -webkit-tap-highlight-color: transparent; \r\n outline: none;\r\n }\r\n .menu-toggle .bar { \r\n width: 25px; \r\n height: 3px; \r\n background-color: var(--gold) !important; \r\n margin: 3px 0; \r\n transition: var(--transition); \r\n border-radius: 3px; \r\n }\r\n \r\n \/* === HERO INTERNO === *\/\r\n .page-hero { height: 50vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-size: cover; background-position: center; padding: 0 10%; position: relative; }\r\n .page-hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(10,10,10,0.7), var(--primary-black)); z-index: 1; }\r\n .page-hero-content { position: relative; z-index: 2; }\r\n .page-hero h1 { font-size: 4rem; margin-bottom: 1rem; color: var(--text-white); }\r\n .page-hero p { font-size: 1.2rem; color: var(--text-gray); max-width: 600px; margin: 0 auto; }\r\n \r\n \/* === INTRODUCCI\u00d3N BLANCA === *\/\r\n .container { padding: 4rem 10%; background-color: #ffffff; text-align: center; } \r\n .page-title { color: #000000; font-size: 3.2rem; margin-bottom: 0.5rem; }\r\n .page-title::after { content: ''; display: block; width: 80px; height: 3px; background-color: var(--gold); margin: 20px auto 0; border-radius: 2px; }\r\n .page-description { color: #333333; max-width: 750px; margin: 1.5rem auto 0; font-size: 1.2rem; }\r\n\r\n \/* === SECCI\u00d3N DE CONTACTO (FORMULARIO Y DATOS) === *\/\r\n .contact-wrapper { display: flex; flex-wrap: wrap; gap: 4rem; padding: 5rem 10%; background-color: var(--primary-black); }\r\n .contact-info { flex: 1; min-width: 300px; }\r\n .contact-info h3 { font-size: 2rem; margin-bottom: 1.5rem; color: var(--gold); }\r\n .contact-info p { color: var(--text-gray); margin-bottom: 1.2rem; font-size: 1.05rem; display: flex; align-items: flex-start; gap: 10px; }\r\n .map-container { margin-top: 3rem; border-radius: var(--radius-md); overflow: hidden; height: 280px; width: 100%; border: 1px solid rgba(255, 255, 255, 0.05); }\r\n \r\n \/* === ESTILOS DEL FORMULARIO === *\/\r\n .contact-form { flex: 1; min-width: 300px; background-color: var(--secondary-black); padding: 3rem; border-radius: var(--radius-md); border: 1px solid rgba(255, 255, 255, 0.03); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }\r\n .form-group { margin-bottom: 1.5rem; }\r\n .form-group label { display: block; margin-bottom: 0.5rem; color: var(--text-gray); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; }\r\n .form-control { width: 100%; padding: 14px 15px; background-color: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; color: var(--text-white); font-family: 'Montserrat', sans-serif; transition: var(--transition); }\r\n .form-control:focus { outline: none; border-color: var(--gold); background-color: rgba(0, 0, 0, 0.6); box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2); }\r\n \r\n \/* FIX: Select Dropdown adaptado para no cortarse *\/\r\n select.form-control { \r\n -webkit-appearance: none; \r\n -moz-appearance: none; \r\n appearance: none; \r\n background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' 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\"); \r\n background-repeat: no-repeat; \r\n background-position: right 15px center; \r\n background-size: 16px; \r\n padding-right: 40px; \/* Asegura que la flecha dorada no pise el texto *\/\r\n cursor: pointer; \r\n }\r\n select.form-control option { background-color: var(--secondary-black); color: var(--text-white); }\r\n \r\n textarea.form-control { resize: vertical; min-height: 120px; }\r\n \r\n \/* === BOTONES (DORADO S\u00d3LIDO) === *\/\r\n .btn-gold { background-color: var(--gold); color: var(--primary-black); border: 1px solid var(--gold); padding: 14px 36px; border-radius: var(--radius-pill); text-decoration: none; font-weight: 600; text-transform: uppercase; transition: var(--transition); display: inline-block; width: 100%; text-align: center; cursor: pointer; margin-top: 1rem; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2); }\r\n .btn-gold:hover { background-color: var(--gold-hover); border-color: var(--gold-hover); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4); }\r\n \r\n \/* === FOOTER GLOBAL === *\/\r\n footer { background-color: #030303; padding: 5rem 10% 2rem; border-top: 1px solid rgba(255, 255, 255, 0.05); }\r\n .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; }\r\n .footer-col h4 { color: var(--text-white); margin-bottom: 1.5rem; letter-spacing: 1px; }\r\n .footer-col p, .footer-col ul li a { color: var(--text-gray); font-size: 0.95rem; text-decoration: none; line-height: 1.8; }\r\n .footer-col ul { list-style: none; }\r\n .footer-col ul li { margin-bottom: 0.8rem; }\r\n .footer-col ul li a:hover { color: var(--gold); }\r\n .footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.05); margin-top: 3rem; color: rgba(255, 255, 255, 0.3); font-size: 0.85rem; }\r\n\r\n \/* === RESPONSIVE (M\u00d3VIL) === *\/\r\n @media (max-width: 768px) {\r\n .menu-toggle { display: flex; }\r\n \r\n nav { position: absolute; top: 100%; left: 0; width: 100%; background-color: rgba(10, 10, 10, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); transform: translateY(-150%); opacity: 0; transition: var(--transition); z-index: 999; }\r\n \r\n nav.active { transform: translateY(0); opacity: 1; }\r\n \r\n nav ul { flex-direction: column; text-align: center; padding: 2rem 0; }\r\n nav ul li { margin: 1.5rem 0; }\r\n nav ul li a { font-size: 1.1rem; }\r\n\r\n \/* Animaci\u00f3n de la hamburguesa a X *\/\r\n .menu-toggle.active .bar:nth-child(1) { transform: translateY(9px) rotate(45deg); }\r\n .menu-toggle.active .bar:nth-child(2) { opacity: 0; }\r\n .menu-toggle.active .bar:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }\r\n\r\n \/* Ajustes para celular *\/\r\n .page-hero h1 { font-size: 2.8rem; }\r\n .page-hero p { font-size: 1rem; }\r\n .page-title { font-size: 2.5rem; }\r\n .contact-form { padding: 2rem 1.5rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header>\r\n <div class=\"logo\">\r\n <a href=\"http:\/\/vidrierasonora.site\/index.php\/home\/\"><img decoding=\"async\" src=\"http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/Logo-vidrios-.png\" alt=\"Logo Vidriera Sonora\"><\/a>\r\n <\/div>\r\n \r\n <div class=\"menu-toggle\" id=\"mobile-menu\">\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <span class=\"bar\"><\/span>\r\n <\/div>\r\n\r\n <nav id=\"nav-menu\">\r\n <ul>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/home\/\">Inicio<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/ventanas\/\">Ventanas<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/canceles\/\">Canceles<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/barandales\/\">Barandales<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/mantenimiento\/\">Mantenimiento<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/contacto\/\" class=\"active\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <section class=\"page-hero\" style=\"background-image: url('http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/A_wideangle_professional_exterior_architectural_ph_e098b3717b.jpeg');\">\r\n <div class=\"page-hero-content\">\r\n <h1>Ponte en Contacto<\/h1>\r\n <p>Estamos listos para hacer realidad tu pr\u00f3ximo proyecto con la m\u00e1s alta calidad.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"container\">\r\n <h2 class=\"page-title\">Estamos para Servirte<\/h2>\r\n <p class=\"page-description\">Ya sea para solicitar una cotizaci\u00f3n, resolver dudas sobre nuestros materiales o agendar una visita t\u00e9cnica, nuestro equipo est\u00e1 a tu entera disposici\u00f3n.<\/p>\r\n <\/section>\r\n\r\n <section class=\"contact-wrapper\">\r\n \r\n <div class=\"contact-info\">\r\n <h3>Nuestras Oficinas<\/h3>\r\n <p><span>\ud83d\udccd<\/span> Blvr. Sim\u00f3n Bol\u00edvar 20-B, Los Venados, 22123 Tijuana, B.C.<\/p>\r\n <p><span>\ud83d\udcde<\/span> 664 689 5052<\/p>\r\n <p><span>\u2709\ufe0f<\/span> contacto@vidrierasonora.site<\/p>\r\n <p style=\"margin-top: 1.5rem;\"><span>\ud83d\udd52<\/span> <strong>Horario de Atenci\u00f3n:<\/strong><br> Lunes a Viernes: 8:00 AM - 6:00 PM<br>S\u00e1bados: 9:00 AM - 2:00 PM<\/p>\r\n\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d107664.12876644065!2d-117.06079737119106!3d32.49692482329705!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d9390226587cbbe%3A0x6bd34f5df3c749b0!2sTijuana%2C%20B.C.%2C%20M%C3%A9xico!5e0!3m2!1ses-419!2s!4v1707000000000!5m2!1ses-419!2s\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form\">\r\n <form action=\"#\" method=\"POST\">\r\n <div class=\"form-group\">\r\n <label for=\"nombre\">Nombre Completo<\/label>\r\n <input type=\"text\" id=\"nombre\" name=\"nombre\" class=\"form-control\" placeholder=\"Ej. Juan P\u00e9rez\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"telefono\">Tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"telefono\" name=\"telefono\" class=\"form-control\" placeholder=\"(664) 000-0000\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">Correo Electr\u00f3nico<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" placeholder=\"tu@correo.com\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"servicio\">Servicio de Inter\u00e9s<\/label>\r\n <select id=\"servicio\" name=\"servicio\" class=\"form-control\">\r\n <option value=\"ventanas\">Ventanas y Canceler\u00eda<\/option>\r\n <option value=\"canceles\">Canceles de Ba\u00f1o \/ Divisiones<\/option>\r\n <option value=\"barandales\">Barandales de Cristal<\/option>\r\n <option value=\"mantenimiento\">Mantenimiento y Reparaci\u00f3n<\/option>\r\n <option value=\"otro\">Otro Proyecto<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"mensaje\">Cu\u00e9ntanos sobre tu proyecto<\/label>\r\n <textarea id=\"mensaje\" name=\"mensaje\" class=\"form-control\" placeholder=\"Escribe aqu\u00ed los detalles...\" required><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn-gold\">Enviar Mensaje<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <footer>\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-col\">\r\n <p>Expertos en cristal y aluminio. Dise\u00f1o y calidad en cada proyecto realizado en Tijuana y sus alrededores.<\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Servicios<\/h4>\r\n <ul>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/ventanas\/\">Ventanas<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/canceles\/\">Canceles<\/a><\/li>\r\n <li><a href=\"http:\/\/vidrierasonora.site\/index.php\/barandales\/\">Barandales<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Contacto<\/h4>\r\n <p>\ud83d\udccd Blvr. Sim\u00f3n Bol\u00edvar 20-B, Los Venados, 22123 Tijuana, B.C.<\/p>\r\n <p>\ud83d\udcde 664 689 5052<\/p>\r\n <p>\u2709\ufe0f contacto@vidrierasonora.site<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2026 Vidriera Sonora. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n const menuToggle = document.querySelector('#mobile-menu');\r\n const navMenu = document.querySelector('#nav-menu');\r\n\r\n menuToggle.addEventListener('click', () => {\r\n menuToggle.classList.toggle('active');\r\n navMenu.classList.toggle('active');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Vidriera Sonora | Contacto Inicio Ventanas Canceles Barandales Mantenimiento Contacto Ponte en Contacto Estamos listos para hacer realidad tu pr\u00f3ximo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"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":"disabled","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-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":10,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":109,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/109"}],"wp:attachment":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}