{"id":46,"date":"2026-03-14T22:06:37","date_gmt":"2026-03-14T21:06:37","guid":{"rendered":"https:\/\/vidrieriamartel.com\/?page_id=46"},"modified":"2026-03-20T21:58:50","modified_gmt":"2026-03-20T20:58:50","slug":"inicio","status":"publish","type":"page","link":"https:\/\/vidrieriamartel.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46\" class=\"elementor elementor-46\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77f2a73 e-con-full e-flex e-con e-parent\" data-id=\"77f2a73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b3d070 elementor-widget elementor-widget-html\" data-id=\"5b3d070\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================\r\n     VIDRIER\u00cdA MARTEL \u2014 Widget HTML para Elementor\r\n     CSS + HTML en un solo bloque.\r\n     El JavaScript va aparte en un widget separado.\r\n     ==================================================== -->\r\n\r\n<!-- Google Fonts & FontAwesome (solo si Elementor no los carga globalmente) -->\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=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* ==========================================\r\n   CSS Variables & Resets (Hetch Theme Design)\r\n   ========================================== *\/\r\n:root {\r\n    --primary-blue: #0088CC;\r\n    --primary-blue-dark: #006699;\r\n    --accent-green: #4CAF50;\r\n    --hetch-navy: #14183E;\r\n    --hetch-navy-light: #1f255e;\r\n    --text-main: #14183E;\r\n    --text-body: #474749;\r\n    --bg-light: #f5f7f9;\r\n    --bg-white: #ffffff;\r\n    --border-color: #e5e5e5;\r\n    --font-primary: 'Plus Jakarta Sans', sans-serif;\r\n    --transition: all 0.3s ease;\r\n    --shadow-sm: 0 5px 15px rgba(0,0,0,0.05);\r\n    --shadow-card: 0 10px 40px rgba(0,0,0,0.06);\r\n    --shadow-hover: 0 20px 50px rgba(0,136,204,0.15);\r\n    --radius-btn: 50px;\r\n    --radius-card: 12px;\r\n}\r\n\r\n\/* Reset solo dentro del widget para no afectar Elementor *\/\r\n.vm-wrap * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n\/* ===== FULL-WIDTH BREAKOUT =====\r\n   Rompe el l\u00edmite del contenedor de Elementor y ocupa todo el viewport.\r\n   - position: relative + left: 50% desplaza desde el centro del padre\r\n   - margin-left: -50vw lo compensa para alinear al borde izquierdo de la pantalla\r\n   - width: 100vw asegura que cubra todo el viewport *\/\r\n.vm-wrap {\r\n    font-family: var(--font-primary);\r\n    color: var(--text-body);\r\n    line-height: 1.7;\r\n    overflow-x: hidden;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n}\r\n.vm-wrap h1,.vm-wrap h2,.vm-wrap h3,.vm-wrap h4,.vm-wrap h5,.vm-wrap h6 { font-family: var(--font-primary); color: var(--text-main); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; }\r\n.vm-wrap p { margin-bottom: 1rem; color: var(--text-body); }\r\n.vm-wrap a { text-decoration: none; color: var(--primary-blue); transition: var(--transition); }\r\n.vm-wrap img { max-width: 100%; height: auto; display: block; }\r\n.vm-wrap ul { list-style: none; }\r\n\r\n\/* ==========================================\r\n   Helpers\r\n   ========================================== *\/\r\n.vm-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n.vm-section-padding { padding: 100px 0; }\r\n.vm-bg-light { background-color: var(--bg-light); }\r\n.vm-color-green { color: var(--accent-green); }\r\n.vm-mb-4 { margin-bottom: 1.5rem; }\r\n.vm-mb-5 { margin-bottom: 3rem; }\r\n.vm-mt-4 { margin-top: 1.5rem; }\r\n.vm-text-center { text-align: center; }\r\n.vm-mx-auto { margin-left: auto; margin-right: auto; max-width: 800px; }\r\n\r\n\/* ==========================================\r\n   Section Titles\r\n   ========================================== *\/\r\n.vm-section-title { margin-bottom: 45px; }\r\n.vm-section-title .vm-subtitle {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    color: var(--primary-blue); font-weight: 700; font-size: 0.9rem;\r\n    text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px;\r\n}\r\n.vm-section-title h2 { font-size: 46px; font-weight: 800; color: var(--hetch-navy); }\r\n@media (max-width: 768px) { .vm-section-title h2 { font-size: 36px; } }\r\n\r\n\/* ==========================================\r\n   Buttons (Pill Style)\r\n   ========================================== *\/\r\n.vm-btn {\r\n    display: inline-flex; align-items: center; justify-content: center; gap: 8px;\r\n    padding: 15px 35px; font-weight: 700; font-size: 1rem; font-family: var(--font-primary);\r\n    border-radius: var(--radius-btn); cursor: pointer; transition: var(--transition);\r\n    border: 2px solid transparent; line-height: 1;\r\n}\r\n.vm-btn-primary { background-color: var(--primary-blue); color: white !important; }\r\n.vm-btn-primary:hover { background-color: var(--hetch-navy); color: white !important; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(20,24,62,0.2); }\r\n.vm-btn-outline-white { background-color: transparent; border-color: white; color: white !important; }\r\n.vm-btn-outline-white:hover { background-color: white; color: var(--primary-blue) !important; transform: translateY(-3px); }\r\n.vm-btn-large { padding: 18px 45px; font-size: 1.1rem; }\r\n.vm-btn-block { display: flex; width: 100%; }\r\n\r\n\/* ==========================================\r\n   Header & Navigation\r\n   ========================================== *\/\r\n.vm-main-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; }\r\n\r\n.vm-top-bar { background-color: var(--hetch-navy); padding: 10px 0; font-size: 0.9rem; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n.vm-top-bar-inner { display: flex; justify-content: space-between; align-items: center; }\r\n.vm-top-contact { display: flex; gap: 25px; }\r\n.vm-top-contact a, .vm-top-contact span { color: #d1d2da; display: flex; align-items: center; gap: 8px; }\r\n.vm-top-contact a:hover { color: var(--primary-blue); }\r\n.vm-top-contact i { color: var(--primary-blue); }\r\n.vm-top-social { display: flex; gap: 15px; }\r\n.vm-top-social a { color: #d1d2da; }\r\n.vm-top-social a:hover { color: var(--primary-blue); }\r\n\r\n.vm-header-nav { background-color: white; transition: var(--transition); border-bottom: 1px solid var(--border-color); }\r\n.vm-header-nav.vm-sticky { position: fixed; top: 0; left: 0; width: 100%; box-shadow: var(--shadow-sm); animation: vmStickyDown 0.5s ease; }\r\n@keyframes vmStickyDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }\r\n\r\n.vm-header-container { display: flex; justify-content: space-between; align-items: center; height: 90px; }\r\n.vm-logo-text { font-size: 1.8rem; font-weight: 800; letter-spacing: -0.5px; }\r\n.vm-logo-text .vm-blue { color: var(--hetch-navy); }\r\n.vm-logo-text .vm-green { color: var(--primary-blue); }\r\n\r\n.vm-nav-menu ul { display: flex; gap: 35px; }\r\n.vm-nav-menu a { color: var(--hetch-navy); font-weight: 700; font-size: 1rem; position: relative; padding: 10px 0; }\r\n.vm-nav-menu a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: var(--primary-blue); transition: var(--transition); border-radius: 2px; }\r\n.vm-nav-menu a:hover::after, .vm-nav-menu a.vm-active::after { width: 100%; }\r\n.vm-nav-menu a:hover, .vm-nav-menu a.vm-active { color: var(--primary-blue); }\r\n\r\n.vm-header-actions { display: flex; align-items: center; gap: 20px; }\r\n.vm-hamburger { display: none; font-size: 1.5rem; color: var(--hetch-navy); cursor: pointer; }\r\n\r\n@media (max-width: 992px) {\r\n    .vm-nav-menu ul { display: none; }\r\n    .vm-hamburger { display: block; }\r\n    .vm-top-contact .vm-location-text { display: none; }\r\n    .vm-header-actions .vm-btn { display: none; }\r\n}\r\n\r\n\/* ==========================================\r\n   Hero Section\r\n   ========================================== *\/\r\n.vm-hero-section {\r\n    position: relative; padding-top: 200px; padding-bottom: 120px; min-height: 800px;\r\n    display: flex; align-items: center;\r\n    background-image: url('https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop');\r\n    background-size: cover; background-position: center; color: white;\r\n}\r\n.vm-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(20,24,62,0.9) 0%, rgba(20,24,62,0.6) 100%); z-index: 1; }\r\n.vm-hero-content { position: relative; z-index: 2; max-width: 800px; }\r\n.vm-hero-tag { display: inline-block; background-color: rgba(255,255,255,0.1); color: white; padding: 8px 20px; border-radius: 30px; font-size: 0.9rem; font-weight: 700; letter-spacing: 2px; margin-bottom: 25px; border: 1px solid rgba(255,255,255,0.2); backdrop-filter: blur(4px); }\r\n.vm-hero-content h1 { font-size: 70px; font-weight: 800; color: white; margin-bottom: 25px; line-height: 1.1; }\r\n.vm-hero-content p { font-size: 1.25rem; color: rgba(255,255,255,0.85); margin-bottom: 45px; max-width: 650px; font-weight: 400; }\r\n.vm-hero-btn-group { display: flex; gap: 20px; }\r\n\r\n@media (max-width: 992px) { .vm-hero-content h1 { font-size: 50px; } }\r\n@media (max-width: 768px) {\r\n    .vm-hero-content h1 { font-size: 40px; }\r\n    .vm-hero-btn-group { flex-direction: column; }\r\n    .vm-hero-section { min-height: 600px; padding-top: 150px; }\r\n    .vm-top-bar { display: none; }\r\n}\r\n\r\n\/* ==========================================\r\n   About Section\r\n   ========================================== *\/\r\n.vm-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }\r\n.vm-about-image-wrapper { position: relative; padding-right: 30px; padding-bottom: 30px; }\r\n.vm-image-arch-mask { border-radius: 250px 250px 20px 20px; overflow: hidden; height: 650px; box-shadow: var(--shadow-card); position: relative; z-index: 2; }\r\n.vm-image-arch-mask img { width: 100%; height: 100%; object-fit: cover; }\r\n.vm-experience-badge { position: absolute; bottom: 0; right: 0; background-color: var(--primary-blue); color: white; width: 180px; height: 180px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: 0 15px 30px rgba(0,136,204,0.3); border: 10px solid white; z-index: 3; }\r\n.vm-experience-badge .vm-years { font-size: 3.5rem; font-weight: 800; line-height: 1; }\r\n.vm-experience-badge .vm-badge-text { font-size: 1rem; font-weight: 700; }\r\n.vm-dot-shape { position: absolute; top: -20px; left: -20px; width: 150px; height: 150px; background-image: radial-gradient(#d1d2da 2px, transparent 2px); background-size: 15px 15px; z-index: 1; }\r\n.vm-featured-text { font-size: 1.35rem; color: var(--hetch-navy); font-weight: 600; margin-bottom: 25px; line-height: 1.4; }\r\n.vm-checkmark-list { margin-top: 30px; }\r\n.vm-checkmark-list li { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 15px; font-size: 1.05rem; color: var(--text-body); }\r\n.vm-checkmark-list i { color: var(--accent-green); font-size: 1.3rem; margin-top: 3px; }\r\n.vm-checkmark-list strong { color: var(--hetch-navy); }\r\n\r\n@media (max-width: 992px) {\r\n    .vm-about-grid { grid-template-columns: 1fr; gap: 50px; }\r\n    .vm-image-arch-mask { height: 500px; }\r\n}\r\n\r\n\/* ==========================================\r\n   Services Grid\r\n   ========================================== *\/\r\n.vm-services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px; }\r\n.vm-service-card { background: white; border-radius: var(--radius-card); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--border-color); transition: var(--transition); }\r\n.vm-service-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-hover); border-color: transparent; }\r\n.vm-service-img { height: 240px; overflow: hidden; }\r\n.vm-service-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }\r\n.vm-service-card:hover .vm-service-img img { transform: scale(1.08); }\r\n.vm-service-content { padding: 35px 30px; position: relative; }\r\n.vm-service-icon { width: 60px; height: 60px; background-color: var(--primary-blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; position: absolute; top: -30px; left: 30px; border: 4px solid white; }\r\n.vm-service-content h3 { font-size: 1.4rem; margin-top: 15px; margin-bottom: 15px; color: var(--hetch-navy); }\r\n.vm-read-more { display: inline-flex; align-items: center; gap: 10px; margin-top: 15px; font-weight: 700; color: var(--primary-blue); text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; }\r\n.vm-read-more i { transition: transform 0.3s; }\r\n.vm-service-card:hover .vm-read-more i { transform: translateX(5px); }\r\n\r\n\/* ==========================================\r\n   CTA Banner\r\n   ========================================== *\/\r\n.vm-cta-banner { background-color: var(--primary-blue); padding: 80px 0; background-image: radial-gradient(circle at right center, rgba(255,255,255,0.1) 0%, transparent 40%); }\r\n.vm-cta-container { display: flex; justify-content: space-between; align-items: center; gap: 40px; }\r\n.vm-cta-content h2 { color: white; font-size: 36px; margin-bottom: 15px; }\r\n.vm-cta-content p { color: rgba(255,255,255,0.9); font-size: 1.1rem; margin-bottom: 0; }\r\n.vm-cta-action .vm-btn-primary { background-color: white; color: var(--primary-blue) !important; }\r\n.vm-cta-action .vm-btn-primary:hover { background-color: var(--hetch-navy); color: white !important; }\r\n@media (max-width: 992px) { .vm-cta-container { flex-direction: column; text-align: center; } }\r\n\r\n\/* ==========================================\r\n   Contact Section\r\n   ========================================== *\/\r\n.vm-contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; }\r\n.vm-contact-card-wrap { display: flex; flex-direction: column; gap: 20px; }\r\n.vm-contact-card { display: flex; align-items: center; gap: 20px; background: white; padding: 25px; border-radius: var(--radius-card); box-shadow: var(--shadow-sm); border: 1px solid var(--border-color); }\r\n.vm-contact-card .vm-icon-box { width: 60px; height: 60px; background-color: rgba(0,136,204,0.1); color: var(--primary-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; }\r\n.vm-contact-card h4 { margin-bottom: 5px; font-size: 1.1rem; color: var(--hetch-navy); }\r\n.vm-contact-card p { margin-bottom: 0; font-weight: 500; }\r\n.vm-contact-form-wrapper { background: var(--bg-light); padding: 50px 40px; border-radius: var(--radius-card); }\r\n.vm-contact-form h3 { font-size: 2rem; margin-bottom: 30px; color: var(--hetch-navy); }\r\n.vm-form-group { margin-bottom: 25px; }\r\n.vm-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }\r\n.vm-wrap input, .vm-wrap select, .vm-wrap textarea { width: 100%; padding: 16px 20px; border: 1px solid white; border-radius: 8px; font-family: var(--font-primary); font-size: 1rem; color: var(--text-main); background-color: white; transition: var(--transition); }\r\n.vm-wrap input:focus, .vm-wrap select:focus, .vm-wrap textarea:focus { outline: none; border-color: var(--primary-blue); box-shadow: 0 5px 15px rgba(0,136,204,0.1); }\r\n@media (max-width: 992px) { .vm-contact-grid { grid-template-columns: 1fr; gap: 50px; } .vm-contact-form-wrapper { padding: 40px 20px; } }\r\n@media (max-width: 576px) { .vm-form-row { grid-template-columns: 1fr; gap: 0; } }\r\n\r\n\/* ==========================================\r\n   Footer\r\n   ========================================== *\/\r\n.vm-footer { background-color: var(--hetch-navy); color: #e5e5e5; padding-top: 100px; }\r\n.vm-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 50px; margin-bottom: 70px; }\r\n.vm-footer .vm-logo-text .vm-white { color: white; }\r\n.vm-footer .vm-logo-text .vm-green { color: var(--accent-green); }\r\n.vm-footer p { color: #a0a2b3; max-width: 400px; font-size: 1.05rem; }\r\n.vm-social-links { display: flex; gap: 15px; }\r\n.vm-social-links a { width: 45px; height: 45px; background: rgba(255,255,255,0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1rem; }\r\n.vm-social-links a:hover { background: var(--primary-blue); transform: translateY(-3px); }\r\n.vm-footer h4 { color: white; font-size: 1.4rem; margin-bottom: 30px; }\r\n.vm-footer ul li { margin-bottom: 15px; }\r\n.vm-footer ul a { color: #a0a2b3; display: flex; align-items: center; gap: 10px; }\r\n.vm-footer ul a i { color: var(--primary-blue); font-size: 0.8rem; transition: transform 0.3s; }\r\n.vm-footer ul a:hover { color: white; }\r\n.vm-footer ul a:hover i { transform: translateX(5px); }\r\n.vm-footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding: 30px 0; background-color: var(--hetch-navy-light); }\r\n.vm-footer-bottom-inner { display: flex; justify-content: center; align-items: center; }\r\n.vm-footer-bottom p { margin-bottom: 0; color: #a0a2b3; max-width: 100%; }\r\n@media (max-width: 768px) { .vm-footer-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* ==========================================\r\n   Animations\r\n   ========================================== *\/\r\n.vm-fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16,1,0.3,1); }\r\n.vm-fade-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16,1,0.3,1); }\r\n.vm-fade-right { opacity: 0; transform: translateX(40px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16,1,0.3,1); }\r\n.vm-visible { opacity: 1; transform: translate(0); }\r\n.vm-d1 { transition-delay: 0.1s; }\r\n.vm-d2 { transition-delay: 0.2s; }\r\n.vm-d3 { transition-delay: 0.3s; }\r\n\r\n\/* Mobile Menu *\/\r\n.vm-nav-menu.vm-open { display: block; position: absolute; top: 100%; left: 0; width: 100%; background: white; padding: 30px 20px; box-shadow: var(--shadow-card); border-top: 1px solid var(--border-color); }\r\n.vm-nav-menu.vm-open ul { flex-direction: column; gap: 20px; text-align: left; display: flex; }\r\n<\/style>\r\n\r\n<!-- ===================================================\r\n     HTML WRAPPER \u2014 prefijado con \"vm-\" para no colisionar\r\n     con clases existentes de Elementor\/WordPress\r\n     =================================================== -->\r\n<div class=\"vm-wrap\">\r\n\r\n    <!-- HEADER -->\r\n    <header class=\"vm-main-header\">\r\n        <div class=\"vm-top-bar\">\r\n            <div class=\"vm-container vm-top-bar-inner\">\r\n                <div class=\"vm-top-contact\">\r\n                    <a href=\"mailto:ventas@vidrieriamartel.pe\"><i class=\"fas fa-envelope\"><\/i> ventas@vidrieriamartel.pe<\/a>\r\n                    <a href=\"tel:+51987654321\"><i class=\"fas fa-phone-alt\"><\/i> +51 987 654 321<\/a>\r\n                    <span class=\"vm-location-text\"><i class=\"fas fa-map-marker-alt\"><\/i> Lima, Per\u00fa<\/span>\r\n                <\/div>\r\n                <div class=\"vm-top-social\">\r\n                    <a href=\"https:\/\/www.facebook.com\/www.vidrieriamartel.com.pe\/\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                    <a href=\"https:\/\/www.instagram.com\/vidrieriamartel\/\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                   \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"vm-header-nav\" class=\"vm-header-nav\">\r\n            <div class=\"vm-container vm-header-container\">\r\n                <div class=\"vm-logo\">\r\n                    <a href=\"#vm-hero\">\r\n                        <img decoding=\"async\" src=\"https:\/\/vidrieriamartel.com\/wp-content\/uploads\/2026\/03\/Recurso-5@2x.png\" alt=\"Vidrier\u00eda Martel\" style=\"max-height:55px; width:auto; display:block;\">\r\n                    <\/a>\r\n                <\/div>\r\n                <nav class=\"vm-nav-menu\">\r\n                    <ul>\r\n                        <li><a href=\"#vm-hero\" class=\"vm-active\">Inicio<\/a><\/li>\r\n                        <li><a href=\"#vm-about\">Qui\u00e9nes Somos<\/a><\/li>\r\n                        <li><a href=\"#vm-services\">Servicios y Proyectos<\/a><\/li>\r\n                    <\/ul>\r\n                <\/nav>\r\n                <div class=\"vm-header-actions\">\r\n                    <a href=\"#vm-contact\" class=\"vm-btn vm-btn-primary\">Cotizar Proyecto<\/a>\r\n                    <div class=\"vm-hamburger\"><i class=\"fas fa-bars\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- HERO -->\r\n    <section id=\"vm-hero\" class=\"vm-hero-section\">\r\n        <div class=\"vm-hero-overlay\"><\/div>\r\n        <div class=\"vm-container vm-hero-content\">\r\n            <div class=\"vm-hero-tag vm-fade-up\">TRANSFORMA TU ESPACIO HOY<\/div>\r\n            <h1 class=\"vm-fade-up vm-d1\">Soluciones en Vidrio y Aluminio con Est\u00e1ndares de Excelencia.<\/h1>\r\n            <p class=\"vm-fade-up vm-d2\">Expertos en fabricaci\u00f3n, instalaci\u00f3n y mantenimiento para proyectos residenciales, comerciales e industriales en todo Lima.<\/p>\r\n            <div class=\"vm-hero-btn-group vm-fade-up vm-d3\">\r\n                <a href=\"#vm-contact\" class=\"vm-btn vm-btn-primary\">Empezar Ahora<\/a>\r\n                <a href=\"#vm-services\" class=\"vm-btn vm-btn-outline-white\">Ver Servicios<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- QUI\u00c9NES SOMOS -->\r\n    <section id=\"vm-about\" class=\"vm-section-padding\">\r\n        <div class=\"vm-container\">\r\n            <div class=\"vm-about-grid\">\r\n                <div class=\"vm-about-image-wrapper vm-fade-left\">\r\n                    <div class=\"vm-dot-shape\"><\/div>\r\n                    <div class=\"vm-image-arch-mask\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop\" alt=\"Oficinas modernas con mamparas de vidrio\">\r\n                    <\/div>\r\n                    <div class=\"vm-experience-badge\">\r\n                        <span class=\"vm-years\">10+<\/span>\r\n                        <span class=\"vm-badge-text\">A\u00f1os de<br>Experiencia<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vm-fade-right\">\r\n                    <div class=\"vm-section-title\">\r\n                        <span class=\"vm-subtitle\"><i class=\"fas fa-star vm-color-green\"><\/i> Con\u00f3cenos<\/span>\r\n                        <h2>Transformando Espacios con Especialistas<\/h2>\r\n                    <\/div>\r\n                    <p class=\"vm-featured-text\">En Multiservicios Generales Martel EIRL, transformamos espacios combinando funcionalidad, est\u00e9tica y durabilidad.<\/p>\r\n                    <p class=\"vm-mb-4\">Somos especialistas en estructuras de aluminio y vidrio, comprometidos con la seguridad y la calidad en cada detalle. Nuestra experiencia nos permite ofrecer soluciones a medida que superan las expectativas de nuestros clientes.<\/p>\r\n                    <ul class=\"vm-checkmark-list\">\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> <strong>Seguridad Garantizada:<\/strong> Materiales resistentes y certificados.<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> <strong>Est\u00e9tica Premium:<\/strong> Acabados de lujo y dise\u00f1o moderno.<\/li>\r\n                        <li><i class=\"fas fa-check-circle\"><\/i> <strong>Instalaci\u00f3n Experta:<\/strong> Mano de obra calificada en cada proyecto.<\/li>\r\n                    <\/ul>\r\n                    <div class=\"vm-mt-4\">\r\n                        <a href=\"#vm-contact\" class=\"vm-btn vm-btn-primary\">Saber M\u00e1s Sobre Nosotros<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SERVICIOS -->\r\n    <section id=\"vm-services\" class=\"vm-section-padding vm-bg-light\">\r\n        <div class=\"vm-container\">\r\n            <div class=\"vm-section-title vm-text-center vm-mx-auto vm-fade-up\">\r\n                <span class=\"vm-subtitle\"><i class=\"fas fa-tools vm-color-green\"><\/i> Nuestro Portafolio<\/span>\r\n                <h2>Soluciones Especializadas<\/h2>\r\n                <p>Explora nuestras soluciones instaladas en diversos entornos residenciales, comerciales e industriales.<\/p>\r\n            <\/div>\r\n            <div class=\"vm-services-grid\">\r\n                <div class=\"vm-service-card vm-fade-up\">\r\n                    <div class=\"vm-service-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=2070&auto=format&fit=crop\" alt=\"Ventanas Termoac\u00fasticas\">\r\n                    <\/div>\r\n                    <div class=\"vm-service-content\">\r\n                        <div class=\"vm-service-icon\"><i class=\"fas fa-wind\"><\/i><\/div>\r\n                        <h3>Ventanas Termoac\u00fasticas<\/h3>\r\n                        <p>Aislamiento de ruido y control t\u00e9rmico para m\u00e1ximo confort.<\/p>\r\n                        <a href=\"#vm-contact\" class=\"vm-read-more\">Solicitar Cotizaci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vm-service-card vm-fade-up vm-d1\">\r\n                    <div class=\"vm-service-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620626011761-996317b8d101?q=80&w=2069&auto=format&fit=crop\" alt=\"Mamparas Templadas\">\r\n                    <\/div>\r\n                    <div class=\"vm-service-content\">\r\n                        <div class=\"vm-service-icon\"><i class=\"fas fa-shower\"><\/i><\/div>\r\n                        <h3>Mamparas Templadas<\/h3>\r\n                        <p>Elegancia y seguridad para ba\u00f1os y divisiones de oficinas.<\/p>\r\n                        <a href=\"#vm-contact\" class=\"vm-read-more\">Solicitar Cotizaci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vm-service-card vm-fade-up vm-d2\">\r\n                    <div class=\"vm-service-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?q=80&w=2069&auto=format&fit=crop\" alt=\"Barandillas de Vidrio\">\r\n                    <\/div>\r\n                    <div class=\"vm-service-content\">\r\n                        <div class=\"vm-service-icon\"><i class=\"fas fa-layer-group\"><\/i><\/div>\r\n                        <h3>Barandillas de Vidrio<\/h3>\r\n                        <p>Seguridad robusta con vistas ininterrumpidas y est\u00e9ticas.<\/p>\r\n                        <a href=\"#vm-contact\" class=\"vm-read-more\">Solicitar Cotizaci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vm-service-card vm-fade-up vm-d3\">\r\n                    <div class=\"vm-service-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576085898323-218337e3e43c?q=80&w=2070&auto=format&fit=crop\" alt=\"Fachadas Comerciales\">\r\n                    <\/div>\r\n                    <div class=\"vm-service-content\">\r\n                        <div class=\"vm-service-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n                        <h3>Fachadas Comerciales<\/h3>\r\n                        <p>Estructuras imponentes de aluminio estructural y cristal.<\/p>\r\n                        <a href=\"#vm-contact\" class=\"vm-read-more\">Solicitar Cotizaci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA BANNER -->\r\n    <section class=\"vm-cta-banner\">\r\n        <div class=\"vm-container vm-cta-container\">\r\n            <div class=\"vm-cta-content vm-fade-left\">\r\n                <h2>\u00bfBuscas calidad y durabilidad para tu pr\u00f3ximo proyecto en Lima?<\/h2>\r\n                <p>Nuestro equipo t\u00e9cnico est\u00e1 listo para asesorarte con las mejores soluciones arquitect\u00f3nicas.<\/p>\r\n            <\/div>\r\n            <div class=\"vm-cta-action vm-fade-right\">\r\n                <a href=\"#vm-contact\" class=\"vm-btn vm-btn-primary vm-btn-large\">Hablemos de tu proyecto<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONTACTO -->\r\n    <section id=\"vm-contact\" class=\"vm-section-padding\">\r\n        <div class=\"vm-container\">\r\n            <div class=\"vm-contact-grid\">\r\n                <div class=\"vm-fade-left\">\r\n                    <div class=\"vm-section-title\">\r\n                        <span class=\"vm-subtitle\"><i class=\"fas fa-headset vm-color-green\"><\/i> Cont\u00e1ctanos<\/span>\r\n                        <h2>Transforma tu espacio hoy mismo<\/h2>\r\n                    <\/div>\r\n                    <p class=\"vm-mb-5\">D\u00e9janos tus datos y un asesor t\u00e9cnico te contactar\u00e1 para evaluar tu proyecto escolar, comercial, residencial o industrial.<\/p>\r\n                    <div class=\"vm-contact-card-wrap\">\r\n                        <div class=\"vm-contact-card\">\r\n                            <div class=\"vm-icon-box\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n                            <div><h4>Ubicaci\u00f3n<\/h4><p>Av Jos\u00e9 Leal 821, Lince<\/p><\/div>\r\n                        <\/div>\r\n                        <div class=\"vm-contact-card\">\r\n                            <div class=\"vm-icon-box\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                            <div><h4>Ll\u00e1manos<\/h4><p>+51 999 120 552<\/p><\/div>\r\n                        <\/div>\r\n                        <div class=\"vm-contact-card\">\r\n                            <div class=\"vm-icon-box\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                            <div><h4>Escr\u00edbenos<\/h4><p>ventas@vidrieriamartel.pe<\/p><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vm-contact-form-wrapper vm-fade-right\">\r\n                    <form class=\"vm-contact-form\" id=\"vm-contact-form\">\r\n                        <h3>Solicitar Asesor\u00eda<\/h3>\r\n                        <div class=\"vm-form-group\">\r\n                            <input type=\"text\" id=\"vm-name\" placeholder=\"Nombre Completo *\" required>\r\n                        <\/div>\r\n                        <div class=\"vm-form-row\">\r\n                            <div class=\"vm-form-group\">\r\n                                <input type=\"tel\" id=\"vm-phone\" placeholder=\"Tel\u00e9fono \/ Celular *\" required>\r\n                            <\/div>\r\n                            <div class=\"vm-form-group\">\r\n                                <input type=\"email\" id=\"vm-email\" placeholder=\"Correo Electr\u00f3nico *\" required>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"vm-form-group\">\r\n                            <select id=\"vm-service\" required>\r\n                                <option value=\"\" disabled selected>Servicio de Inter\u00e9s *<\/option>\r\n                                <option value=\"ventanas\">Ventanas y Puertas<\/option>\r\n                                <option value=\"mamparas\">Mamparas Templadas<\/option>\r\n                                <option value=\"barandillas\">Barandillas y Pasamanos<\/option>\r\n                                <option value=\"fachadas\">Fachadas Comerciales<\/option>\r\n                                <option value=\"otro\">Otro Proyecto<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"vm-form-group\">\r\n                            <textarea id=\"vm-message\" rows=\"5\" placeholder=\"Cu\u00e9ntanos brevemente sobre tu proyecto o medidas aproximadas... *\" required><\/textarea>\r\n                        <\/div>\r\n                        <button type=\"submit\" class=\"vm-btn vm-btn-primary vm-btn-block\">Enviar Solicitud <i class=\"fas fa-paper-plane\"><\/i><\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"vm-footer\">\r\n        <div class=\"vm-container\">\r\n            <div class=\"vm-footer-grid\">\r\n                <div>\r\n                    <div class=\"vm-mb-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/vidrieriamartel.com\/wp-content\/uploads\/2026\/03\/Recurso-4@2x.png\" alt=\"Vidrier\u00eda Martel\" style=\"max-height:60px; width:auto; display:block;\">\r\n                    <\/div>\r\n                    <p>Multiservicios Generales Martel EIRL. Expertos en estructuras de aluminio y vidrio, comprometidos con la calidad arquitect\u00f3nica.<\/p>\r\n                    <div class=\"vm-social-links vm-mt-4\">\r\n                        <a href=\"https:\/\/www.facebook.com\/www.vidrieriamartel.com.pe\/\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                        <a href=\"https:\/\/www.instagram.com\/vidrieriamartel\/\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                        \r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <h4>Enlaces R\u00e1pidos<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"#vm-hero\"><i class=\"fas fa-angle-right\"><\/i> Inicio<\/a><\/li>\r\n                        <li><a href=\"#vm-about\"><i class=\"fas fa-angle-right\"><\/i> Qui\u00e9nes Somos<\/a><\/li>\r\n                        <li><a href=\"#vm-services\"><i class=\"fas fa-angle-right\"><\/i> Proyectos<\/a><\/li>\r\n                        <li><a href=\"#vm-contact\"><i class=\"fas fa-angle-right\"><\/i> Contacto<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div>\r\n                    <h4>Nuestros Servicios<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"#vm-services\"><i class=\"fas fa-angle-right\"><\/i> Ventanas Termoac\u00fasticas<\/a><\/li>\r\n                        <li><a href=\"#vm-services\"><i class=\"fas fa-angle-right\"><\/i> Mamparas de Vidrio<\/a><\/li>\r\n                        <li><a href=\"#vm-services\"><i class=\"fas fa-angle-right\"><\/i> Barandillas de Acero<\/a><\/li>\r\n                        <li><a href=\"#vm-services\"><i class=\"fas fa-angle-right\"><\/i> Fachadas Comerciales<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"vm-footer-bottom\">\r\n            <div class=\"vm-container\">\r\n                <div class=\"vm-footer-bottom-inner\">\r\n                    <p>&copy; 2026 Vidrier\u00eda Martel. Todos los derechos reservados.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/div><!-- \/vm-wrap -->\r\n\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>ventas@vidrieriamartel.pe +51 987 654 321 Lima, Per\u00fa Inicio Qui\u00e9nes Somos Servicios y Proyectos Cotizar Proyecto TRANSFORMA TU ESPACIO HOY Soluciones en Vidrio y Aluminio con Est\u00e1ndares de Excelencia. Expertos en fabricaci\u00f3n, instalaci\u00f3n y mantenimiento para proyectos residenciales, comerciales e industriales en todo Lima. Empezar Ahora Ver Servicios 10+ A\u00f1os deExperiencia Con\u00f3cenos Transformando Espacios con Especialistas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vidrieriamartel.com\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vidrieriamartel.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vidrieriamartel.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vidrieriamartel.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vidrieriamartel.com\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":43,"href":"https:\/\/vidrieriamartel.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/vidrieriamartel.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/vidrieriamartel.com\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}