{"id":203,"date":"2021-12-17T16:46:02","date_gmt":"2021-12-17T16:46:02","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/garderobe\/?page_id=203"},"modified":"2026-04-24T17:26:01","modified_gmt":"2026-04-24T17:26:01","slug":"about-us","status":"publish","type":"page","link":"https:\/\/vidriosymaderas.com\/metalicasjc\/about-us\/","title":{"rendered":"Nosotros"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-bb254a4\" data-block-id=\"bb254a4\"><style>.stk-bb254a4 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-bb254a4-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e6d0fd8\" data-v=\"4\" data-block-id=\"e6d0fd8\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e6d0fd8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e6d0fd8-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-wrapper-final\">\n    <div class=\"banner-container-final\">\n        <video autoplay muted loop playsinline class=\"video-full\">\n            <source src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2025-10-11-at-4.48.04-PM.mp4\" type=\"video\/mp4\">\n        <\/video>\n        \n        <div class=\"overlay-final\">\n            <div class=\"content-final\">\n                <h1 class=\"texto-impacto\">NOSOTROS<\/h1>\n               \n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* 1. ELIMINAR CUALQUIER RESTRICCI\u00d3N DEL TEMA *\/\n.banner-wrapper-final {\n    width: 100vw !important;\n    height: 70vh !important; \/* Altura del banner *\/\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n}\n\n.banner-container-final {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw !important;\n    height: 100% !important;\n    background: #000;\n    overflow: hidden;\n}\n\n\/* 2. VIDEO QUE LLENA TODO EL ESPACIO *\/\n.video-full {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important; \/* IMPORTANTE: evita que se vea incompleto *\/\n    object-position: center;\n}\n\n\/* 3. CAPA SOBRE EL VIDEO *\/\n.overlay-final {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 5;\n}\n\n.content-final {\n    text-align: center;\n    width: 100%;\n    padding: 20px;\n}\n\n\/* 4. TIPOGRAF\u00cdA TIPO IMPACTO (ANTON) *\/\n.texto-impacto {\n    font-family: 'Anton', sans-serif !important;\n    font-size: clamp(50px, 12vw, 150px) !important;\n    color: #ffffff !important;\n    line-height: 0.9 !important;\n    margin: 0 0 30px 0 !important;\n    text-transform: uppercase;\n    letter-spacing: -2px;\n}\n\n\/* 5. BOT\u00d3N ROJO *\/\n.boton-whatsapp-final {\n    display: inline-block;\n    background-color: #E30613 !important;\n    color: #ffffff !important;\n    font-family: 'Inter', sans-serif !important;\n    font-weight: 700 !important;\n    padding: 18px 45px !important;\n    text-decoration: none !important;\n    border-radius: 4px;\n    text-transform: uppercase;\n    transition: 0.3s;\n}\n\n.boton-whatsapp-final:hover {\n    background-color: #ffffff !important;\n    color: #E30613 !important;\n}\n\n\/* EVITAR SCROLL HORIZONTAL EN LA WEB *\/\nhtml, body {\n    overflow-x: hidden !important;\n    width: 100% !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-fb73648\" data-block-id=\"fb73648\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fb73648-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-73c4374\" data-v=\"4\" data-block-id=\"73c4374\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-73c4374-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-73c4374-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=\"seccion-quienes-somos-total\">\n    <div class=\"tarjeta-blanca-szon\">\n        \n        <div class=\"quienes-somos-info\">\n            <h2 class=\"quienes-somos-titulo\">QUI\u00c9NES SOMOS<\/h2>\n            \n            <p class=\"quienes-somos-parrafo-resaltado\">\n                Somos una empresa dedicada a la fabricaci\u00f3n, dise\u00f1o y montaje de todo tipo de estructuras met\u00e1licas, tanques met\u00e1licos y en acero inoxidable, cubiertas, plataformas, escaleras met\u00e1licas, chimeneas industriales, montajes de estructuras, l\u00edneas de servicio en tuber\u00eda de acero al carb\u00f3n y acero inoxidable, obra civil, domos, cubiertas, mezanine, edificios en estructura met\u00e1lica.\n            <\/p>\n            \n            <p class=\"quienes-somos-parrafo-cuerpo\">\n                Contamos con una amplia experiencia en la industria metalmec\u00e1nica, desempe\u00f1ando nuestro trabajo de manera eficiente y con una calidad y cumplimiento sobresalientes.\n            <\/p>\n        <\/div>\n        \n        <div class=\"quienes-somos-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-content\/uploads\/2026\/04\/WhatsApp_Image_2025-09-13_at_3.52.23_PM.jpg\" alt=\"Obra de Met\u00e1licas JC\" class=\"quienes-somos-img\">\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* Reset y Contenedor Total Rojo *\/\n.seccion-quienes-somos-total {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: #E30613; \/* Rojo industrial id\u00e9ntico *\/\n    padding: 60px 0; \/* Espaciado superior e inferior *\/\n    box-sizing: border-box;\n}\n\n\/* Tarjeta Blanca Central *\/\n.tarjeta-blanca-szon {\n    max-width: 1100px;\n    margin: 0 auto;\n    background-color: #ffffff;\n    border-radius: 4px; \/* Sutil redondeado como en la foto *\/\n    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15); \/* Sombra elegante *\/\n    display: flex; \/* Para poner texto e imagen lado a lado *\/\n    align-items: center;\n    padding: 40px; \/* Padding interno de la tarjeta *\/\n    gap: 40px; \/* Espacio entre texto e imagen *\/\n    box-sizing: border-box;\n}\n\n\/* === \u00c1REA DE TEXTO === *\/\n.quienes-somos-info {\n    flex: 1.2; \/* M\u00e1s espacio para el texto *\/\n    font-family: 'Inter', sans-serif;\n    color: #111111;\n}\n\n.quienes-somos-titulo {\n    font-family: 'Anton', sans-serif; \/* Tipograf\u00eda tipo Impact id\u00e9ntica *\/\n    font-size: clamp(45px, 6vw, 75px); \/* Grande y responsiva *\/\n    color: #E30613; \/* T\u00edtulo en Rojo *\/\n    line-height: 0.85; \/* Cartel de letras compactas *\/\n    margin: 0 0 25px 0;\n    text-transform: uppercase;\n    letter-spacing: -2px;\n}\n\n\/* P\u00e1rrafo Principal (Negrita\/Bold) *\/\n.quienes-somos-parrafo-resaltado {\n    font-weight: 700;\n    font-size: 16px;\n    line-height: 1.5;\n    margin-bottom: 20px;\n}\n\n\/* P\u00e1rrafo Secundario *\/\n.quienes-somos-parrafo-cuerpo {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 1.5;\n}\n\n\/* === \u00c1REA DE IMAGEN === *\/\n.quienes-somos-img-wrapper {\n    flex: 1; \/* Espacio proporcional para la imagen *\/\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.quienes-somos-img {\n    width: 100%;\n    height: auto;\n    max-height: 400px; \/* Ajuste para que no sea gigante *\/\n    object-fit: cover; \/* Para que la imagen se centre y cubra el \u00e1rea *\/\n    border-radius: 4px; \/* Mismo redondeado sutil que la tarjeta *\/\n}\n\n\/* --- RESPONSIVO PARA M\u00d3VILES --- *\/\n@media (max-width: 900px) {\n    .tarjeta-blanca-szon {\n        flex-direction: column; \/* Apila texto arriba, imagen abajo *\/\n        padding: 30px;\n        gap: 30px;\n    }\n    \n    .seccion-quienes-somos-total {\n        padding: 30px 15px; \/* Menos padding en celular *\/\n    }\n    \n    .quienes-somos-img-wrapper {\n        width: 100%;\n    }\n    \n    .quienes-somos-titulo {\n        font-size: 50px; \/* Tama\u00f1o del t\u00edtulo reducido para celular *\/\n    }\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-e896538\" data-block-id=\"e896538\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-e896538-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-563c8f2\" data-v=\"4\" data-block-id=\"563c8f2\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-563c8f2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-563c8f2-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=\"contenedor-elegirnos-centrado\">\n    <div class=\"columna-titulo-central\">\n        <h2 class=\"titulo-impacto\">\u00bfPOR QU\u00c9 ELEGIRNOS?<\/h2>\n        <p class=\"subtitulo-elegirnos\">Excelencia, calidad y confianza en cada estructura.<\/p>\n    <\/div>\n\n    <div class=\"columna-acordeon-full\">\n        <div class=\"item-acordeon\">\n            <div class=\"encabezado-acordeon\" onclick=\"toggleAcordeon(this)\">\n                <span class=\"icono-check\">\u2714<\/span>\n                <span class=\"texto-acordeon\">Experiencia comprobada<\/span>\n                <span class=\"signo-mas\">+<\/span>\n            <\/div>\n            <div class=\"contenido-acordeon\">\n                <p>M\u00e1s de 20 a\u00f1os de trayectoria garantizan conocimiento y resultados s\u00f3lidos.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"item-acordeon\">\n            <div class=\"encabezado-acordeon\" onclick=\"toggleAcordeon(this)\">\n                <span class=\"icono-check\">\u2714<\/span>\n                <span class=\"texto-acordeon\">Calidad certificada<\/span>\n                <span class=\"signo-mas\">+<\/span>\n            <\/div>\n            <div class=\"contenido-acordeon\">\n                <p>Usan materiales de primera y procesos estandarizados que aseguran durabilidad.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"item-acordeon\">\n            <div class=\"encabezado-acordeon\" onclick=\"toggleAcordeon(this)\">\n                <span class=\"icono-check\">\u2714<\/span>\n                <span class=\"texto-acordeon\">Cumplimiento y confianza<\/span>\n                <span class=\"signo-mas\">+<\/span>\n            <\/div>\n            <div class=\"contenido-acordeon\">\n                <p>Entregan cada proyecto a tiempo, fortaleciendo relaciones a largo plazo.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"item-acordeon\">\n            <div class=\"encabezado-acordeon\" onclick=\"toggleAcordeon(this)\">\n                <span class=\"icono-check\">\u2714<\/span>\n                <span class=\"texto-acordeon\">Dise\u00f1o a medida<\/span>\n                <span class=\"signo-mas\">+<\/span>\n            <\/div>\n            <div class=\"contenido-acordeon\">\n                <p>Soluciones personalizadas que se adaptan a las necesidades de cada cliente.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"item-acordeon\">\n            <div class=\"encabezado-acordeon\" onclick=\"toggleAcordeon(this)\">\n                <span class=\"icono-check\">\u2714<\/span>\n                <span class=\"texto-acordeon\">Atenci\u00f3n profesional<\/span>\n                <span class=\"signo-mas\">+<\/span>\n            <\/div>\n            <div class=\"contenido-acordeon\">\n                <p>Asesor\u00eda t\u00e9cnica y acompa\u00f1amiento cercano en todas las etapas del proyecto<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction toggleAcordeon(elemento) {\n    const todosLosContenidos = document.querySelectorAll('.contenido-acordeon');\n    const todosLosSignos = document.querySelectorAll('.signo-mas');\n    const contenidoActual = elemento.nextElementSibling;\n    const signoActual = elemento.querySelector('.signo-mas');\n\n    todosLosContenidos.forEach((cont, index) => {\n        if (cont !== contenidoActual) {\n            cont.style.maxHeight = null;\n            todosLosSignos[index].textContent = '+';\n        }\n    });\n\n    if (contenidoActual.style.maxHeight) {\n        contenidoActual.style.maxHeight = null;\n        signoActual.textContent = '+';\n    } else {\n        contenidoActual.style.maxHeight = contenidoActual.scrollHeight + \"px\";\n        signoActual.textContent = '-';\n    }\n}\n<\/script>\n\n<style>\n.contenedor-elegirnos-centrado {\n    display: flex;\n    flex-direction: column; \/* Cambiado a columna para centrar el t\u00edtulo arriba *\/\n    max-width: 900px; \/* Un poco m\u00e1s estrecho para que se vea ordenado *\/\n    margin: 60px auto;\n    padding: 20px;\n    font-family: 'Inter', sans-serif;\n    align-items: center; \/* Centra todo horizontalmente *\/\n}\n\n.columna-titulo-central {\n    text-align: center; \/* Centra el texto del t\u00edtulo y subt\u00edtulo *\/\n    margin-bottom: 40px;\n}\n\n.titulo-impacto {\n    font-family: 'Anton', sans-serif !important;\n    color: #E30613 !important;\n    font-size: clamp(40px, 6vw, 60px) !important;\n    line-height: 1 !important;\n    margin-bottom: 10px !important;\n    text-transform: uppercase;\n}\n\n.subtitulo-elegirnos {\n    font-size: 18px;\n    color: #666;\n    margin: 0;\n}\n\n.columna-acordeon-full {\n    width: 100%;\n    background: #fff;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.item-acordeon { border-bottom: 1px solid #f0f0f0; }\n.item-acordeon:last-child { border-bottom: none; }\n\n.encabezado-acordeon {\n    display: flex;\n    align-items: center;\n    padding: 25px;\n    cursor: pointer;\n    transition: background 0.3s;\n}\n\n.encabezado-acordeon:hover { background-color: #fafafa; }\n\n.icono-check {\n    background-color: #E30613;\n    color: white;\n    width: 30px;\n    height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    font-size: 14px;\n    margin-right: 20px;\n    flex-shrink: 0;\n}\n\n.texto-acordeon {\n    font-weight: 700;\n    font-size: 19px;\n    color: #111;\n    flex-grow: 1;\n}\n\n.signo-mas {\n    font-size: 26px;\n    color: #E30613;\n    font-weight: bold;\n    width: 30px;\n    text-align: center;\n}\n\n.contenido-acordeon {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease-in-out;\n    background-color: #f9f9f9;\n}\n\n.contenido-acordeon p {\n    padding: 0 30px 25px 75px;\n    margin: 0;\n    font-size: 16px;\n    color: #444;\n    line-height: 1.6;\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-eb3b502\" data-block-id=\"eb3b502\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-eb3b502-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e112b9e\" data-v=\"4\" data-block-id=\"e112b9e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e112b9e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e112b9e-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\">MISI\u00d3N<\/h2>\n            <p class=\"parrafo-mision\">\n                Realizar cada uno de nuestros trabajos con materias primas de alta calidad y mano de obra calificada, para as\u00ed <strong>Garantizar productos<\/strong> que cumplan con las necesidades exigidas por nuestros clientes.\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.10_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(60px, 10vw, 100px) !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.13_PM_526e3d12-2ccb-4938-beb3-982875426789.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\">VISI\u00d3N<\/h2>\n            <p class=\"parrafo-mision-texto\">\n                Ser para el a\u00f1o 2030 la empresa l\u00edder en el sector metalmec\u00e1nico a nivel regional, reconocida por nuestra <strong>innovaci\u00f3n t\u00e9cnica<\/strong> y el compromiso inquebrantable con la seguridad y satisfacci\u00f3n de nuestros clientes.\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(60px, 10vw, 100px) !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>NOSOTROS QUI\u00c9NES SOMOS Somos una empresa dedicada a la fabricaci\u00f3n, dise\u00f1o y montaje de todo tipo de estructuras met\u00e1licas, tanques met\u00e1licos y en acero inoxidable, cubiertas, plataformas, escaleras met\u00e1licas, chimeneas industriales, montajes de estructuras, l\u00edneas de servicio en tuber\u00eda de acero al carb\u00f3n y acero inoxidable, obra civil, domos, cubiertas, mezanine, edificios en estructura met\u00e1lica. [&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-203","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","cae18c3de7bedc5b6f53f33572e01345":"","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}],"36e4f14ca74f76b48dbacffcd0ea6f6d":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","824d71bcf27c0666174c1f297f46a76c":"","hero_structure":"narrow","25a426c6e3c98f1883c681c2edab9ce7":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"76980b1f4241e0ba1115be40644c3e4a":"","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},"727838cdb0b1b4a50b61a179627d1773":"","page_structure_type":"default","bf2280b6f99e95fe8df362e1d9c4e945":"","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},"203928799f3efe87295f481e9e43b493":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/pages\/203","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=203"}],"version-history":[{"count":12,"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":737,"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/pages\/203\/revisions\/737"}],"wp:attachment":[{"href":"https:\/\/vidriosymaderas.com\/metalicasjc\/wp-json\/wp\/v2\/media?parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}