{"id":5804,"date":"2017-04-27T09:10:37","date_gmt":"2017-04-27T09:10:37","guid":{"rendered":"http:\/\/aticometal.com\/?page_id=5804"},"modified":"2025-04-10T18:05:51","modified_gmt":"2025-04-10T16:05:51","slug":"barandillas","status":"publish","type":"page","link":"https:\/\/aticometal.com\/?page_id=5804","title":{"rendered":"Barandillas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5804\" class=\"elementor elementor-5804\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c7f472 e-flex e-con-boxed e-con e-parent\" data-id=\"3c7f472\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ca22cd elementor-widget elementor-widget-html\" data-id=\"8ca22cd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Barandillas y Paneles<\/title>\r\n    <style>\r\n        body {\r\n            margin: 0;\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f5f5f5;\r\n            color: #222;\r\n        }\r\n\r\n        \/* Cabecera *\/\r\n        .header {\r\n            position: relative;\r\n            text-align: center;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .header img {\r\n            width: 100%;\r\n            height: 400px;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .header .overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(to bottom, rgba(34, 34, 34, 0.5), rgba(34, 34, 34, 1));\r\n        }\r\n\r\n        .header .title {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .header .title h1 {\r\n            font-size: 2.5rem;\r\n            color: #fcb900;\r\n            margin: 0;\r\n        }\r\n\r\n        .header .title p {\r\n            font-size: 1.2rem;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        \/* Contenedor informativo *\/\r\n        .info-container {\r\n            max-width: 1200px;\r\n            margin: 40px auto;\r\n            padding: 2% 20px;\r\n            background-color: #f5f5f5;\r\n            text-align: center;\r\n            color: #222;\r\n        }\r\n\r\n        .info-container h2 {\r\n            font-size: 2rem;\r\n            color: #222;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .info-container h3 {\r\n            font-size: 1.5rem;\r\n            color: #888; \/* Color diferenciado *\/\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .info-container p {\r\n            font-size: 1rem;\r\n            line-height: 1.8;\r\n            text-align: justify;\r\n            margin-bottom: 20px;\r\n            color: #666;\r\n        }\r\n\r\n        \/* Tablero de im\u00e1genes *\/\r\n        .tabs {\r\n            max-width: 1200px;\r\n            margin: 40px auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .tab-buttons {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .tab-buttons button {\r\n            padding: 10px 20px;\r\n            margin: 0 5px;\r\n            font-size: 1rem;\r\n            color: #222;\r\n            background-color: #fff;\r\n            border: 1px solid #ccc;\r\n            border-radius: 5px;\r\n            cursor: pointer;\r\n            transition: background-color 0.3s, color 0.3s;\r\n        }\r\n\r\n        .tab-buttons button.active {\r\n            background-color: #fcb900;\r\n            color: #fff;\r\n            border-color: #fcb900;\r\n        }\r\n\r\n        .tab-buttons button:hover {\r\n            background-color: #fcb900;\r\n            color: #fff;\r\n        }\r\n\r\n        .tab-content {\r\n            display: none;\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        .tab-content img {\r\n            width: 100%;\r\n            border-radius: 15px;\r\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .tab-content img:hover {\r\n            transform: scale(1.05);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Cabecera -->\r\n    <div class=\"header\">\r\n        <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-20.jpg\" alt=\"Cabecera Barandillas\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"title\">\r\n            <h1>Barandillas y Paneles<\/h1>\r\n            <p>Para uso industrial, comercial o dom\u00e9stico<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contenedor informativo -->\r\n    <div class=\"info-container\">\r\n        <h2>Fabricamos e instalamos barandillas de acero inoxidable, acero al carbono, acero Cor-ten y paneles de Composite para uso industrial, comercial o dom\u00e9stico.<\/h2>\r\n        <h3>Tenemos a tu disposici\u00f3n un amplio cat\u00e1logo de originales dise\u00f1os y si no se ajustan a lo que buscas, lo fabricamos totalmente personalizado para ti.<\/h3>\r\n        <p>\r\n            Trabajamos con empresas de todos los sectores. Si tienes cualquier duda, ponte en contacto con nosotros, nuestro equipo estar\u00e1 encantado de facilitarte toda la informaci\u00f3n que necesites.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- Sistema de pesta\u00f1as -->\r\n    <div class=\"tabs\">\r\n        <!-- Botones de pesta\u00f1as -->\r\n        <div class=\"tab-buttons\">\r\n            <button class=\"active\" data-tab=\"acero-inoxidable\">Acero Inoxidable<\/button>\r\n            <button data-tab=\"acero-al-carbono\">Acero al Carbono<\/button>\r\n            <button data-tab=\"acero-cor-ten\">Acero Cor-Ten<\/button>\r\n            <button data-tab=\"paneles-composite\">Paneles de Composite<\/button>\r\n        <\/div>\r\n\r\n        <!-- Contenido de Acero Inoxidable -->\r\n        <div class=\"tab-content active\" id=\"acero-inoxidable\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-1.jpg\" alt=\"Barandilla Acero Inoxidable 1\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-2.jpg\" alt=\"Barandilla Acero Inoxidable 2\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-3.jpg\" alt=\"Barandilla Acero Inoxidable 3\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-4.jpg\" alt=\"Barandilla Acero Inoxidable 4\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-5.jpg\" alt=\"Barandilla Acero Inoxidable 5\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-6.jpg\" alt=\"Barandilla Acero Inoxidable 6\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-7.jpg\" alt=\"Barandilla Acero Inoxidable 7\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-8.jpg\" alt=\"Barandilla Acero Inoxidable 8\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-9.jpg\" alt=\"Barandilla Acero Inoxidable 9\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-10.jpg\" alt=\"Barandilla Acero Inoxidable 10\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-11.jpg\" alt=\"Barandilla Acero Inoxidable 11\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-12.jpg\" alt=\"Barandilla Acero Inoxidable 12\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-13.jpg\" alt=\"Barandilla Acero Inoxidable 13\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-14.jpg\" alt=\"Barandilla Acero Inoxidable 14\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-15.jpg\" alt=\"Barandilla Acero Inoxidable 15\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-16.jpg\" alt=\"Barandilla Acero Inoxidable 16\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-17.jpg\" alt=\"Barandilla Acero Inoxidable 17\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-18.jpg\" alt=\"Barandilla Acero Inoxidable 18\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-19.jpg\" alt=\"Barandilla Acero Inoxidable 19\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-inoxidable-20.jpg\" alt=\"Barandilla Acero Inoxidable 20\">\r\n        <\/div>\r\n\r\n        <!-- Contenido de Acero al Carbono -->\r\n       \r\n                    <!-- Contenido de Acero al Carbono -->\r\n        <div class=\"tab-content\" id=\"acero-al-carbono\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-carbono-1.jpg\" alt=\"Barandilla Acero al Carbono 1\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-carbono-2.jpg\" alt=\"Barandilla Acero al Carbono 2\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-carbono-3.jpg\" alt=\"Barandilla Acero al Carbono 3\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-carbono-4.jpg\" alt=\"Barandilla Acero al Carbono 4\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-carbono-5.jpg\" alt=\"Barandilla Acero al Carbono 5\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/barandilla-acero-carbono-6.jpg\" alt=\"Barandilla Acero al Carbono 6\">\r\n        \r\n\r\n        <\/div>\r\n\r\n        <!-- Contenido de Acero Cor-Ten -->\r\n        <div class=\"tab-content\" id=\"acero-cor-ten\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/bancos-acero-corten-1.jpg\" alt=\"Banco Acero Cor-Ten 1\">\r\n<img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/bancos-acero-corten-3.jpg\" alt=\"Banco Acero Cor-Ten 3\">\r\n\r\n        <\/div>\r\n\r\n        <!-- Contenido de Paneles de Composite -->\r\n        <div class=\"tab-content\" id=\"paneles-composite\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/vaya-jardin-paneles-composite.jpg\" alt=\"Valla Jard\u00edn Paneles Composite\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/verja-paneles-composite-1.jpg\" alt=\"Verja Paneles Composite 1\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/verja-paneles-composite-2.jpg\" alt=\"Verja Paneles Composite 2\">\r\n            <img decoding=\"async\" src=\"https:\/\/aticoweb.live-website.com\/wp-content\/uploads\/2025\/04\/puerta-paneles-composite-1.jpg\" alt=\"Puerta Paneles Composite 1\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const buttons = document.querySelectorAll('.tab-buttons button');\r\n        const contents = document.querySelectorAll('.tab-content');\r\n\r\n        buttons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                buttons.forEach(btn => btn.classList.remove('active'));\r\n                contents.forEach(content => content.classList.remove('active'));\r\n\r\n                button.classList.add('active');\r\n                document.getElementById(button.dataset.tab).classList.add('active');\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Barandillas y Paneles Barandillas y Paneles Para uso industrial, comercial o dom\u00e9stico Fabricamos e instalamos barandillas de acero inoxidable, acero [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":5443,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5804","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aticometal.com\/index.php?rest_route=\/wp\/v2\/pages\/5804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aticometal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aticometal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aticometal.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aticometal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5804"}],"version-history":[{"count":15,"href":"https:\/\/aticometal.com\/index.php?rest_route=\/wp\/v2\/pages\/5804\/revisions"}],"predecessor-version":[{"id":6646,"href":"https:\/\/aticometal.com\/index.php?rest_route=\/wp\/v2\/pages\/5804\/revisions\/6646"}],"up":[{"embeddable":true,"href":"https:\/\/aticometal.com\/index.php?rest_route=\/wp\/v2\/pages\/5443"}],"wp:attachment":[{"href":"https:\/\/aticometal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}