Vidriera Sonora | Barandales de Cristal y Acero<\/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 \/* === SECCIONES Y CONTENEDORES === *\/\r\n .container { padding: 5rem 10%; background-color: #ffffff; } \r\n .section-header { text-align: center; margin-bottom: 4rem; }\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 \/* === GRID DE SERVICIOS === *\/\r\n .grid-container { background-color: var(--primary-black); padding: 5rem 10%; }\r\n .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2.5rem; }\r\n .minimalist-card { background-color: var(--secondary-black); border-radius: var(--radius-md); overflow: hidden; display: flex; flex-direction: column; transition: var(--transition); border: 1px solid rgba(255, 255, 255, 0.03); }\r\n .minimalist-card:hover { transform: translateY(-8px); border-color: rgba(212, 175, 55, 0.3); }\r\n .card-img-wrapper { width: 100%; height: 260px; overflow: hidden; }\r\n .card-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }\r\n .minimalist-card:hover .card-img-wrapper img { transform: scale(1.05); }\r\n .card-content { padding: 2.5rem 2rem; flex-grow: 1; display: flex; flex-direction: column; }\r\n .card-content h3 { color: var(--text-white); font-size: 1.6rem; margin-bottom: 1rem; }\r\n .card-content p { color: var(--text-gray); margin-bottom: 1.5rem; font-size: 0.95rem; line-height: 1.7; }\r\n \r\n \/* === BOTONES Y CTA (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; 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 .cta-section { text-align: center; padding: 6rem 10%; background-color: var(--secondary-black); border-top: 1px solid rgba(212, 175, 55, 0.1); }\r\n .cta-section h2 { font-size: 2.5rem; margin-bottom: 1.5rem; color: var(--text-white); }\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 .cta-section h2 { font-size: 2rem; }\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\/\" class=\"active\">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\/\">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>Barandales de Alta Seguridad<\/h1>\r\n <p>Protecci\u00f3n y dise\u00f1o sin interrupciones visuales para escaleras, balcones y terrazas.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"page-title\">Seguridad con Vista Panor\u00e1mica<\/h2>\r\n <p class=\"page-description\">Fabricamos e instalamos barandales de cristal templado que combinan seguridad estructural con un dise\u00f1o minimalista. Perfectos para interiores y exteriores, garantizan amplitud visual y elegancia en cada detalle de tu proyecto arquitect\u00f3nico.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"grid-container\">\r\n <div class=\"grid\">\r\n <div class=\"minimalist-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/A_wideangle_professional_exterior_architectural_ph_e098b3717b.jpeg\" alt=\"Barandales para Escaleras\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3>Para Escaleras<\/h3>\r\n <p>Dale a tus interiores un toque de ligereza y modernidad. Instalaciones con botones de acero o postes minimalistas que se adaptan a cualquier dise\u00f1o interior.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"minimalist-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_yj0s1syj0s1syj0s-scaled.png\" alt=\"Balcones y Terrazas\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3>Balcones y Terrazas<\/h3>\r\n <p>Cristal templado y laminado de alta resistencia, dise\u00f1ado para soportar las exigencias del clima exterior sin obstruir la vista panor\u00e1mica de tu propiedad.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"minimalist-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_1kykqw1kykqw1kyk-scaled.png\" alt=\"Sistemas de Sujeci\u00f3n\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3>Sistemas y Herrajes<\/h3>\r\n <p>Opciones de instalaci\u00f3n a tu medida: perfil oculto (u-channel), spigots (minipostes) o pasamanos en acero inoxidable para una sujeci\u00f3n firme y est\u00e9tica.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta-section\">\r\n <h2>\u00bfDeseas cotizar los barandales de tu proyecto?<\/h2>\r\n <p style=\"color: var(--text-gray); margin-bottom: 2rem; font-size: 1.1rem;\">Brindamos asesor\u00eda t\u00e9cnica para asegurar que tu dise\u00f1o cumpla con los m\u00e1s altos est\u00e1ndares.<\/p>\r\n <a href=\"http:\/\/vidrierasonora.site\/index.php\/contacto\/\" class=\"btn-gold\">Solicitar Asesor\u00eda<\/a>\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 | Barandales de Cristal y Acero Inicio Ventanas Canceles Barandales Mantenimiento Contacto Barandales de Alta Seguridad Protecci\u00f3n y […]<\/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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":7,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":97,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/97"}],"wp:attachment":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"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 | Barandales de Cristal y Acero<\/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 \/* === SECCIONES Y CONTENEDORES === *\/\r\n .container { padding: 5rem 10%; background-color: #ffffff; } \r\n .section-header { text-align: center; margin-bottom: 4rem; }\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 \/* === GRID DE SERVICIOS === *\/\r\n .grid-container { background-color: var(--primary-black); padding: 5rem 10%; }\r\n .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2.5rem; }\r\n .minimalist-card { background-color: var(--secondary-black); border-radius: var(--radius-md); overflow: hidden; display: flex; flex-direction: column; transition: var(--transition); border: 1px solid rgba(255, 255, 255, 0.03); }\r\n .minimalist-card:hover { transform: translateY(-8px); border-color: rgba(212, 175, 55, 0.3); }\r\n .card-img-wrapper { width: 100%; height: 260px; overflow: hidden; }\r\n .card-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }\r\n .minimalist-card:hover .card-img-wrapper img { transform: scale(1.05); }\r\n .card-content { padding: 2.5rem 2rem; flex-grow: 1; display: flex; flex-direction: column; }\r\n .card-content h3 { color: var(--text-white); font-size: 1.6rem; margin-bottom: 1rem; }\r\n .card-content p { color: var(--text-gray); margin-bottom: 1.5rem; font-size: 0.95rem; line-height: 1.7; }\r\n \r\n \/* === BOTONES Y CTA (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; 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 .cta-section { text-align: center; padding: 6rem 10%; background-color: var(--secondary-black); border-top: 1px solid rgba(212, 175, 55, 0.1); }\r\n .cta-section h2 { font-size: 2.5rem; margin-bottom: 1.5rem; color: var(--text-white); }\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 .cta-section h2 { font-size: 2rem; }\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\/\" class=\"active\">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\/\">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>Barandales de Alta Seguridad<\/h1>\r\n <p>Protecci\u00f3n y dise\u00f1o sin interrupciones visuales para escaleras, balcones y terrazas.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"page-title\">Seguridad con Vista Panor\u00e1mica<\/h2>\r\n <p class=\"page-description\">Fabricamos e instalamos barandales de cristal templado que combinan seguridad estructural con un dise\u00f1o minimalista. Perfectos para interiores y exteriores, garantizan amplitud visual y elegancia en cada detalle de tu proyecto arquitect\u00f3nico.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"grid-container\">\r\n <div class=\"grid\">\r\n <div class=\"minimalist-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/A_wideangle_professional_exterior_architectural_ph_e098b3717b.jpeg\" alt=\"Barandales para Escaleras\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3>Para Escaleras<\/h3>\r\n <p>Dale a tus interiores un toque de ligereza y modernidad. Instalaciones con botones de acero o postes minimalistas que se adaptan a cualquier dise\u00f1o interior.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"minimalist-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_yj0s1syj0s1syj0s-scaled.png\" alt=\"Balcones y Terrazas\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3>Balcones y Terrazas<\/h3>\r\n <p>Cristal templado y laminado de alta resistencia, dise\u00f1ado para soportar las exigencias del clima exterior sin obstruir la vista panor\u00e1mica de tu propiedad.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"minimalist-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/vidrierasonora.site\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_1kykqw1kykqw1kyk-scaled.png\" alt=\"Sistemas de Sujeci\u00f3n\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3>Sistemas y Herrajes<\/h3>\r\n <p>Opciones de instalaci\u00f3n a tu medida: perfil oculto (u-channel), spigots (minipostes) o pasamanos en acero inoxidable para una sujeci\u00f3n firme y est\u00e9tica.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta-section\">\r\n <h2>\u00bfDeseas cotizar los barandales de tu proyecto?<\/h2>\r\n <p style=\"color: var(--text-gray); margin-bottom: 2rem; font-size: 1.1rem;\">Brindamos asesor\u00eda t\u00e9cnica para asegurar que tu dise\u00f1o cumpla con los m\u00e1s altos est\u00e1ndares.<\/p>\r\n <a href=\"http:\/\/vidrierasonora.site\/index.php\/contacto\/\" class=\"btn-gold\">Solicitar Asesor\u00eda<\/a>\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 | Barandales de Cristal y Acero Inicio Ventanas Canceles Barandales Mantenimiento Contacto Barandales de Alta Seguridad Protecci\u00f3n y […]<\/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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":7,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":97,"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/97"}],"wp:attachment":[{"href":"http:\/\/vidrierasonora.site\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}