{"id":557,"date":"2021-12-15T09:09:06","date_gmt":"2021-12-15T09:09:06","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/garderobe\/?page_id=9"},"modified":"2026-04-24T21:54:00","modified_gmt":"2026-04-24T21:54:00","slug":"services","status":"publish","type":"page","link":"https:\/\/vidriosymaderas.com\/metalicasjc\/services\/","title":{"rendered":"Servicios"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-4c814f3\" data-block-id=\"4c814f3\"><style>.stk-4c814f3 {padding-top:150px !important;padding-bottom:340px !important;margin-bottom:0px !important;}.stk-4c814f3-column{max-width:1500px !important;min-width:auto !important;}@media screen and (max-width:999px){.stk-4c814f3 {padding-top:110px !important;padding-bottom:300px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-4c814f3-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d48b2ff\" data-block-id=\"d48b2ff\"><style>.stk-d48b2ff-container{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d48b2ff-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-d48b2ff-inner-blocks\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&#038;family=Inter:wght@700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"banner-full-ajuste-total\">\n    <div class=\"contenedor-video-final\">\n        <video autoplay muted loop playsinline class=\"video-fondo-final\">\n            <source src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2025-10-11-at-4.47.30-PM.mp4\">\n        <\/video>\n        \n        <div class=\"capa-servicios-final\">\n            <div class=\"texto-centrado-final\">\n                <h1 class=\"titulo-servicios-impacto\">SERVICIOS<\/h1>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* 1. ELIMINACI\u00d3N RADICAL DE ESPACIOS SUPERIORES *\/\n\/* Esto elimina cualquier padding o margin del cuerpo de la p\u00e1gina que cause el hueco blanco *\/\nbody, #content, .site-content, .entry-content, .post-inner, .entry-header {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n\/* Forzar que el contenedor del tema no limite la subida del banner *\/\n#primary, #main {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n}\n\n\/* 2. CONFIGURACI\u00d3N DEL BANNER PARA CUERPO COMPLETO *\/\n.banner-full-ajuste-total {\n    width: 100vw !important;\n    height: 70vh !important;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    \/* Subimos el banner forzadamente para cerrar cualquier hilo de luz *\/\n    margin-top: -2px !important; \n    overflow: hidden;\n}\n\n.contenedor-video-final {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #000;\n}\n\n.video-fondo-final {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important; \/* Garantiza que llene todo el cuadro *\/\n    object-position: center;\n}\n\n\/* 3. DISE\u00d1O DE LA CAPA Y TEXTO *\/\n.capa-servicios-final {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.4); \/* Sombreado sutil para legibilidad *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 5;\n}\n\n.titulo-servicios-impacto {\n    font-family: 'Anton', sans-serif !important;\n    font-size: clamp(60px, 15vw, 160px) !important; \/* T\u00edtulo masivo *\/\n    color: #ffffff !important;\n    line-height: 0.8 !important;\n    margin: 0 !important;\n    text-transform: uppercase;\n    letter-spacing: -2px;\n}\n\n\/* Ajuste m\u00f3vil para que no se vea peque\u00f1o en celular *\/\n@media (max-width:690px) {\n    .banner-full-ajuste-total { height: 50vh !important; }\n    .titulo-servicios-impacto { font-size: 80px !important; }\n}\n<\/style>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-418991e\" data-block-id=\"418991e\"><style>.stk-418991e {margin-top:-200px !important;margin-bottom:30px !important;}.stk-418991e-column{--stk-column-gap:30px !important;row-gap:30px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-418991e-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-cff3390\" data-block-id=\"cff3390\"><style>.stk-cff3390-container{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}.stk-cff3390 {padding-top:1px !important;padding-right:1px !important;padding-bottom:1px !important;padding-left:1px !important;}@media screen and (max-width:999px){.stk-cff3390 {padding-top:35px !important;padding-right:35px !important;padding-bottom:35px !important;padding-left:35px !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-cff3390-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-cff3390-inner-blocks\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&#038;family=Inter:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mision-full-width-container\">\n    <div class=\"tarjeta-mision-gigante\">\n        \n        <div class=\"texto-seccion\">\n            <h2 class=\"titulo-mision\">Estructuras Met\u00e1licas para Construcci\u00f3n<\/h2>\n            <p class=\"parrafo-mision\">\n                Dise\u00f1amos, fabricamos e instalamos vigas, columnas y estructuras completas para obras civiles e industriales, garantizando resistencia, precisi\u00f3n y cumplimiento.\n            <\/p>\n        <\/div>\n\n        <div class=\"imagen-seccion\">\n            <img decoding=\"async\" src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp_Image_2025-09-13_at_4.03.16_PM.jpg\" alt=\"Misi\u00f3n Met\u00e1licas JC\" class=\"foto-obra\">\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* 1. Forzar el ancho completo rompiendo los m\u00e1rgenes del tema *\/\n.mision-full-width-container {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: #ffffff; \/* Fondo totalmente blanco *\/\n    padding: 60px 0;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n\/* 2. La tarjeta ahora es m\u00e1s grande *\/\n.tarjeta-mision-gigante {\n    width: 95%; \/* Ocupa casi todo el ancho *\/\n    max-width: 1400px; \/* Pero con un tope para que no se deforme en pantallas enormes *\/\n    background: #ffffff;\n    display: flex;\n    align-items: stretch;\n    border-radius: 0; \/* Sin bordes redondeados para un look m\u00e1s industrial y \"full\" *\/\n    box-shadow: 0 10px 40px rgba(0,0,0,0.1); \/* Sombra para que se note que es una secci\u00f3n aparte *\/\n    border: 1px solid #eee; \/* Un borde muy fino para delimitar *\/\n}\n\n\/* 3. Ajuste del texto para que no se vea peque\u00f1o *\/\n.texto-seccion {\n    flex: 1;\n    padding: 80px; \/* Mucho espacio interno para que respire *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.titulo-mision {\n    font-family: 'Anton', sans-serif !important;\n    color: #E30613 !important;\n    font-size: clamp(50px, 10vw, 70px) !important; \/* T\u00edtulo gigante *\/\n    line-height: 0.9 !important;\n    margin: 0 0 20px 0 !important;\n    text-transform: uppercase;\n}\n\n.parrafo-mision {\n    font-family: 'Inter', sans-serif;\n    font-size: 22px; \/* Texto m\u00e1s grande para que sea legible *\/\n    line-height: 1.5;\n    color: #111;\n    max-width: 500px;\n}\n\n\/* 4. Ajuste de la imagen *\/\n.imagen-seccion {\n    flex: 1.2; \/* La imagen toma un poco m\u00e1s de espacio *\/\n    min-height: 550px;\n}\n\n.foto-obra {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* Responsivo para m\u00f3viles *\/\n@media (max-width: 900px) {\n    .tarjeta-mision-gigante {\n        flex-direction: column;\n    }\n    .texto-seccion {\n        padding: 40px 20px;\n    }\n    .imagen-seccion {\n        min-height: 350px;\n    }\n}\n<\/style>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&#038;family=Inter:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mision-full-width-container\">\n    <div class=\"tarjeta-mision-espejo\">\n        \n        <div class=\"imagen-seccion-izq\">\n            <img decoding=\"async\" src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp_Image_2025-10-08_at_1.45.03_PM.jpg\" alt=\"Visi\u00f3n Met\u00e1licas JC\" class=\"foto-obra-espejo\">\n        <\/div>\n\n        <div class=\"texto-seccion-der\">\n            <h2 class=\"titulo-mision-rojo\">Carpinter\u00eda Met\u00e1lica a Medida<\/h2>\n            <p class=\"parrafo-mision-texto\">\n                Creamos soluciones personalizadas en acero, hierro y aluminio, adaptadas a las necesidades de cada espacio y proyecto, con acabados de alta calidad.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* Forzar el ancho completo sin fondo gris *\/\n.mision-full-width-container {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: #ffffff; \n    padding: 60px 0;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n\/* Tarjeta gigante con direcci\u00f3n de columna invertida *\/\n.tarjeta-mision-espejo {\n    width: 95%;\n    max-width: 1400px;\n    background: #ffffff;\n    display: flex;\n    flex-direction: row; \/* Imagen izquierda, texto derecha *\/\n    align-items: stretch;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n    border: 1px solid #eee;\n}\n\n\/* Ajuste de la imagen a la izquierda *\/\n.imagen-seccion-izq {\n    flex: 1.2;\n    min-height: 550px;\n}\n\n.foto-obra-espejo {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* Ajuste del texto a la derecha *\/\n.texto-seccion-der {\n    flex: 1;\n    padding: 80px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.titulo-mision-rojo {\n    font-family: 'Anton', sans-serif !important;\n    color: #E30613 !important;\n    font-size: clamp(50px, 10vw, 70px) !important;\n    line-height: 0.9 !important;\n    margin: 0 0 20px 0 !important;\n    text-transform: uppercase;\n}\n\n.parrafo-mision-texto {\n    font-family: 'Inter', sans-serif;\n    font-size: 22px;\n    line-height: 1.5;\n    color: #111;\n    max-width: 500px;\n}\n\n\/* Responsivo: En m\u00f3vil el texto siempre queda arriba para mejor lectura *\/\n@media (max-width: 900px) {\n    .tarjeta-mision-espejo {\n        flex-direction: column;\n    }\n    .texto-seccion-der {\n        padding: 40px 20px;\n        order: 1; \/* El texto sube *\/\n    }\n    .imagen-seccion-izq {\n        min-height: 350px;\n        order: 2; \/* La imagen baja *\/\n    }\n}\n<\/style>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&#038;family=Inter:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mision-full-width-container\">\n    <div class=\"tarjeta-mision-gigante\">\n        \n        <div class=\"texto-seccion\">\n            <h2 class=\"titulo-mision\">Portones, Barandas y Rejas<\/h2>\n            <p class=\"parrafo-mision\">\n                Fabricamos e instalamos sistemas de seguridad con dise\u00f1os modernos y funcionales que combinan protecci\u00f3n, est\u00e9tica y durabilidad.\n            <\/p>\n        <\/div>\n\n        <div class=\"imagen-seccion\">\n            <img decoding=\"async\" src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp_Image_2025-09-13_at_4.07.52_PM_1.jpg\" alt=\"Misi\u00f3n Met\u00e1licas JC\" class=\"foto-obra\">\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* 1. Forzar el ancho completo rompiendo los m\u00e1rgenes del tema *\/\n.mision-full-width-container {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: #ffffff; \/* Fondo totalmente blanco *\/\n    padding: 60px 0;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n\/* 2. La tarjeta ahora es m\u00e1s grande *\/\n.tarjeta-mision-gigante {\n    width: 95%; \/* Ocupa casi todo el ancho *\/\n    max-width: 1400px; \/* Pero con un tope para que no se deforme en pantallas enormes *\/\n    background: #ffffff;\n    display: flex;\n    align-items: stretch;\n    border-radius: 0; \/* Sin bordes redondeados para un look m\u00e1s industrial y \"full\" *\/\n    box-shadow: 0 10px 40px rgba(0,0,0,0.1); \/* Sombra para que se note que es una secci\u00f3n aparte *\/\n    border: 1px solid #eee; \/* Un borde muy fino para delimitar *\/\n}\n\n\/* 3. Ajuste del texto para que no se vea peque\u00f1o *\/\n.texto-seccion {\n    flex: 1;\n    padding: 80px; \/* Mucho espacio interno para que respire *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.titulo-mision {\n    font-family: 'Anton', sans-serif !important;\n    color: #E30613 !important;\n    font-size: clamp(50px, 10vw, 70px) !important; \/* T\u00edtulo gigante *\/\n    line-height: 0.9 !important;\n    margin: 0 0 20px 0 !important;\n    text-transform: uppercase;\n}\n\n.parrafo-mision {\n    font-family: 'Inter', sans-serif;\n    font-size: 22px; \/* Texto m\u00e1s grande para que sea legible *\/\n    line-height: 1.5;\n    color: #111;\n    max-width: 500px;\n}\n\n\/* 4. Ajuste de la imagen *\/\n.imagen-seccion {\n    flex: 1.2; \/* La imagen toma un poco m\u00e1s de espacio *\/\n    min-height: 550px;\n}\n\n.foto-obra {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* Responsivo para m\u00f3viles *\/\n@media (max-width: 900px) {\n    .tarjeta-mision-gigante {\n        flex-direction: column;\n    }\n    .texto-seccion {\n        padding: 40px 20px;\n    }\n    .imagen-seccion {\n        min-height: 350px;\n    }\n}\n<\/style>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&#038;family=Inter:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mision-full-width-container\">\n    <div class=\"tarjeta-mision-espejo\">\n        \n        <div class=\"imagen-seccion-izq\">\n            <img decoding=\"async\" src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp_Image_2025-09-13_at_4.03.20_PM_1.jpg\" class=\"foto-obra-espejo\">\n        <\/div>\n\n        <div class=\"texto-seccion-der\">\n            <h2 class=\"titulo-mision-rojo\">Cubiertas y Techos Met\u00e1licos<\/h2>\n            <p class=\"parrafo-mision-texto\">\n                Ofrecemos estructuras para cubiertas que brindan resistencia, aislamiento y una apariencia moderna, ideales para proyectos residenciales e industriales.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* Forzar el ancho completo sin fondo gris *\/\n.mision-full-width-container {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: #ffffff; \n    padding: 60px 0;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n\/* Tarjeta gigante con direcci\u00f3n de columna invertida *\/\n.tarjeta-mision-espejo {\n    width: 95%;\n    max-width: 1400px;\n    background: #ffffff;\n    display: flex;\n    flex-direction: row; \/* Imagen izquierda, texto derecha *\/\n    align-items: stretch;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n    border: 1px solid #eee;\n}\n\n\/* Ajuste de la imagen a la izquierda *\/\n.imagen-seccion-izq {\n    flex: 1.2;\n    min-height: 550px;\n}\n\n.foto-obra-espejo {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* Ajuste del texto a la derecha *\/\n.texto-seccion-der {\n    flex: 1;\n    padding: 80px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.titulo-mision-rojo {\n    font-family: 'Anton', sans-serif !important;\n    color: #E30613 !important;\n    font-size: clamp(50px, 10vw, 70px) !important;\n    line-height: 0.9 !important;\n    margin: 0 0 20px 0 !important;\n    text-transform: uppercase;\n}\n\n.parrafo-mision-texto {\n    font-family: 'Inter', sans-serif;\n    font-size: 22px;\n    line-height: 1.5;\n    color: #111;\n    max-width: 500px;\n}\n\n\/* Responsivo: En m\u00f3vil el texto siempre queda arriba para mejor lectura *\/\n@media (max-width: 900px) {\n    .tarjeta-mision-espejo {\n        flex-direction: column;\n    }\n    .texto-seccion-der {\n        padding: 40px 20px;\n        order: 1; \/* El texto sube *\/\n    }\n    .imagen-seccion-izq {\n        min-height: 350px;\n        order: 2; \/* La imagen baja *\/\n    }\n}\n<\/style>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&#038;family=Inter:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mision-full-width-container\">\n    <div class=\"tarjeta-mision-gigante\">\n        \n        <div class=\"texto-seccion\">\n            <h2 class=\"titulo-mision\">Mantenimiento y Reparaciones<\/h2>\n            <p class=\"parrafo-mision\">\n                Prolongamos la vida \u00fatil de estructuras met\u00e1licas mediante revisiones, reforzamientos y restauraciones especializadas que aseguran su \u00f3ptimo desempe\u00f1o.            <\/p>\n        <\/div>\n\n        <div class=\"imagen-seccion\">\n            <img decoding=\"async\" src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp_Image_2025-10-08_at_1.45.25_PM.jpg\" alt=\"Misi\u00f3n Met\u00e1licas JC\" class=\"foto-obra\">\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* 1. Forzar el ancho completo rompiendo los m\u00e1rgenes del tema *\/\n.mision-full-width-container {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: #ffffff; \/* Fondo totalmente blanco *\/\n    padding: 60px 0;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n\/* 2. La tarjeta ahora es m\u00e1s grande *\/\n.tarjeta-mision-gigante {\n    width: 95%; \/* Ocupa casi todo el ancho *\/\n    max-width: 1400px; \/* Pero con un tope para que no se deforme en pantallas enormes *\/\n    background: #ffffff;\n    display: flex;\n    align-items: stretch;\n    border-radius: 0; \/* Sin bordes redondeados para un look m\u00e1s industrial y \"full\" *\/\n    box-shadow: 0 10px 40px rgba(0,0,0,0.1); \/* Sombra para que se note que es una secci\u00f3n aparte *\/\n    border: 1px solid #eee; \/* Un borde muy fino para delimitar *\/\n}\n\n\/* 3. Ajuste del texto para que no se vea peque\u00f1o *\/\n.texto-seccion {\n    flex: 1;\n    padding: 80px; \/* Mucho espacio interno para que respire *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.titulo-mision {\n    font-family: 'Anton', sans-serif !important;\n    color: #E30613 !important;\n    font-size: clamp(50px, 10vw, 70px) !important; \/* T\u00edtulo gigante *\/\n    line-height: 0.9 !important;\n    margin: 0 0 20px 0 !important;\n    text-transform: uppercase;\n}\n\n.parrafo-mision {\n    font-family: 'Inter', sans-serif;\n    font-size: 22px; \/* Texto m\u00e1s grande para que sea legible *\/\n    line-height: 1.5;\n    color: #111;\n    max-width: 500px;\n}\n\n\/* 4. Ajuste de la imagen *\/\n.imagen-seccion {\n    flex: 1.2; \/* La imagen toma un poco m\u00e1s de espacio *\/\n    min-height: 550px;\n}\n\n.foto-obra {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* Responsivo para m\u00f3viles *\/\n@media (max-width: 900px) {\n    .tarjeta-mision-gigante {\n        flex-direction: column;\n    }\n    .texto-seccion {\n        padding: 40px 20px;\n    }\n    .imagen-seccion {\n        min-height: 350px;\n    }\n}\n<\/style>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&#038;family=Inter:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mision-full-width-container\">\n    <div class=\"tarjeta-mision-espejo\">\n        \n        <div class=\"imagen-seccion-izq\">\n            <img decoding=\"async\" src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp_Image_2025-09-13_at_4.03.06_PM_2.jpg\" class=\"foto-obra-espejo\">\n        <\/div>\n\n        <div class=\"texto-seccion-der\">\n            <h2 class=\"titulo-mision-rojo\">Proyectos Especiales en Metal<\/h2>\n            <p class=\"parrafo-mision-texto\">\n                Desarrollamos piezas y estructuras \u00fanicas seg\u00fan planos o ideas personalizadas, integrando dise\u00f1o, ingenier\u00eda y precisi\u00f3n en cada detalle.\n\n\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* Forzar el ancho completo sin fondo gris *\/\n.mision-full-width-container {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: #ffffff; \n    padding: 60px 0;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n\/* Tarjeta gigante con direcci\u00f3n de columna invertida *\/\n.tarjeta-mision-espejo {\n    width: 95%;\n    max-width: 1400px;\n    background: #ffffff;\n    display: flex;\n    flex-direction: row; \/* Imagen izquierda, texto derecha *\/\n    align-items: stretch;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n    border: 1px solid #eee;\n}\n\n\/* Ajuste de la imagen a la izquierda *\/\n.imagen-seccion-izq {\n    flex: 1.2;\n    min-height: 550px;\n}\n\n.foto-obra-espejo {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* Ajuste del texto a la derecha *\/\n.texto-seccion-der {\n    flex: 1;\n    padding: 80px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.titulo-mision-rojo {\n    font-family: 'Anton', sans-serif !important;\n    color: #E30613 !important;\n    font-size: clamp(50px, 10vw, 70px) !important;\n    line-height: 0.9 !important;\n    margin: 0 0 20px 0 !important;\n    text-transform: uppercase;\n}\n\n.parrafo-mision-texto {\n    font-family: 'Inter', sans-serif;\n    font-size: 22px;\n    line-height: 1.5;\n    color: #111;\n    max-width: 500px;\n}\n\n\/* Responsivo: En m\u00f3vil el texto siempre queda arriba para mejor lectura *\/\n@media (max-width: 900px) {\n    .tarjeta-mision-espejo {\n        flex-direction: column;\n    }\n    .texto-seccion-der {\n        padding: 40px 20px;\n        order: 1; \/* El texto sube *\/\n    }\n    .imagen-seccion-izq {\n        min-height: 350px;\n        order: 2; \/* La imagen baja *\/\n    }\n}\n<\/style>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>SERVICIOS Estructuras Met\u00e1licas para Construcci\u00f3n Dise\u00f1amos, fabricamos e instalamos vigas, columnas y estructuras completas para obras civiles e industriales, garantizando resistencia, precisi\u00f3n y cumplimiento. Carpinter\u00eda Met\u00e1lica a Medida Creamos soluciones personalizadas en acero, hierro y aluminio, adaptadas a las necesidades de cada espacio y proyecto, con acabados de alta calidad. Portones, Barandas y Rejas Fabricamos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-557","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"page_title_panel":"","has_hero_section":"disabled","421db4dc83bba8e6c7022ff8be2ae7f5":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"57de5d43d75029d7a73310f87c96bad0":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","19efc4d6707441ae450809488e77b1d7":"","hero_structure":"narrow","c1ff6ec7579ee181d4eb708513c099b7":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"76664f8bc26d3ab62db8f886004aa4c8":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"38e1184dea3ac95a2461d43249022567":"","page_structure_type":"default","796462fa1b46f5ae82bf0b5401319a56":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"ae61263ee4c5b08f3823a402a7979a40":"","disable_featured_image":"no","disable_header":"no","disable_footer":"no"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/pages\/557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/comments?post=557"}],"version-history":[{"count":19,"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/pages\/557\/revisions"}],"predecessor-version":[{"id":763,"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/pages\/557\/revisions\/763"}],"wp:attachment":[{"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/media?parent=557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}