{"id":11,"date":"2026-09-22T16:37:46","date_gmt":"2026-09-22T16:37:46","guid":{"rendered":"https:\/\/producmetal.cl\/?page_id=11"},"modified":"2026-09-22T17:01:42","modified_gmt":"2026-09-22T17:01:42","slug":"inicio","status":"publish","type":"page","link":"https:\/\/producmetal.cl\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3961138 e-con-full e-flex e-con e-parent\" data-id=\"3961138\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9243e elementor-widget elementor-widget-html\" data-id=\"7c9243e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nPRODUCMETAL.CL\r\nPR\u00d3XIMAMENTE \u00b7 LANDING INDUSTRIAL\r\nVERSI\u00d3N 3.0\r\n============================================================= -->\r\n\r\n<section id=\"pm-launch\">\r\n\r\n<style>\r\n\r\n#pm-launch,\r\n#pm-launch *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#pm-launch{\r\n    --blue:#18bfff;\r\n    --blue2:#8ee2ff;\r\n    --orange:#ff9d3d;\r\n    --white:#f4f9fb;\r\n    --text:#bac8d0;\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n    min-height:100vh;\r\n\r\n    margin:0;\r\n    padding:0;\r\n\r\n    overflow:hidden;\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color:var(--white);\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 75% 42%,\r\n            rgba(0,183,255,.16),\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 86% 68%,\r\n            rgba(255,139,45,.10),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            125deg,\r\n            #03080c 0%,\r\n            #07131b 48%,\r\n            #0a1d28 100%\r\n        );\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   GRID INDUSTRIAL\r\n============================================================= *\/\r\n\r\n#pm-launch::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    z-index:0;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.018) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.018) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:55px 55px;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMAGEN INDUSTRIAL GRANDE\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-bg-machine{\r\n\r\n    position:absolute;\r\n\r\n    z-index:1;\r\n\r\n    right:-7%;\r\n    bottom:-4%;\r\n\r\n    width:min(1350px,76vw);\r\n\r\n    pointer-events:none;\r\n\r\n    animation:\r\n        pmFloat 9s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n\/* GLOW DETR\u00c1S DE LA MAQUINARIA *\/\r\n\r\n#pm-launch .pm-bg-machine::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:-1;\r\n\r\n    width:80%;\r\n    height:80%;\r\n\r\n    right:0;\r\n    bottom:0;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            ellipse at 30% 50%,\r\n            rgba(0,181,255,.22),\r\n            transparent 55%\r\n        ),\r\n        radial-gradient(\r\n            ellipse at 75% 60%,\r\n            rgba(255,130,38,.14),\r\n            transparent 47%\r\n        );\r\n\r\n    filter:blur(55px);\r\n}\r\n\r\n\r\n#pm-launch .pm-bg-machine img{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:auto;\r\n\r\n    opacity:.55;\r\n\r\n    filter:\r\n        brightness(.82)\r\n        contrast(1.12)\r\n        saturate(.92)\r\n        drop-shadow(\r\n            0 25px 55px\r\n            rgba(0,0,0,.65)\r\n        );\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 0%,\r\n            rgba(0,0,0,.25) 10%,\r\n            rgba(0,0,0,.75) 28%,\r\n            black 52%,\r\n            black 100%\r\n        );\r\n\r\n    -webkit-mask-image:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 0%,\r\n            rgba(0,0,0,.25) 10%,\r\n            rgba(0,0,0,.75) 28%,\r\n            black 52%,\r\n            black 100%\r\n        );\r\n}\r\n\r\n\r\n@keyframes pmFloat{\r\n\r\n    0%,\r\n    100%{\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:\r\n            translateY(-10px)\r\n            scale(1.006);\r\n    }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   L\u00cdNEAS T\u00c9CNICAS\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-line{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    height:1px;\r\n\r\n    opacity:.35;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--blue),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n#pm-launch .line1{\r\n\r\n    width:42%;\r\n\r\n    top:17%;\r\n    right:0;\r\n}\r\n\r\n\r\n#pm-launch .line2{\r\n\r\n    width:35%;\r\n\r\n    bottom:15%;\r\n    left:0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CHISPAS\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-sparks{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:3;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n#pm-launch .spark{\r\n\r\n    position:absolute;\r\n\r\n    width:3px;\r\n    height:3px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--orange);\r\n\r\n    box-shadow:\r\n        0 0 10px\r\n        rgba(255,150,50,.9);\r\n\r\n    opacity:0;\r\n\r\n    animation:\r\n        sparkMove\r\n        5s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n#pm-launch .spark:nth-child(1){\r\n    right:24%;\r\n    top:48%;\r\n    animation-delay:.2s;\r\n}\r\n\r\n#pm-launch .spark:nth-child(2){\r\n    right:27%;\r\n    top:52%;\r\n    animation-delay:1.2s;\r\n}\r\n\r\n#pm-launch .spark:nth-child(3){\r\n    right:21%;\r\n    top:56%;\r\n    animation-delay:2.3s;\r\n}\r\n\r\n#pm-launch .spark:nth-child(4){\r\n    right:29%;\r\n    top:51%;\r\n    animation-delay:3.4s;\r\n}\r\n\r\n\r\n@keyframes sparkMove{\r\n\r\n    0%{\r\n        opacity:0;\r\n\r\n        transform:\r\n            translate(0,0)\r\n            scale(.5);\r\n    }\r\n\r\n    10%{\r\n        opacity:1;\r\n    }\r\n\r\n    100%{\r\n\r\n        opacity:0;\r\n\r\n        transform:\r\n            translate(\r\n                90px,\r\n                -70px\r\n            )\r\n            scale(.1);\r\n    }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTAINER\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-container{\r\n\r\n    position:relative;\r\n\r\n    z-index:10;\r\n\r\n    width:min(1480px,94%);\r\n\r\n    min-height:100vh;\r\n\r\n    margin:auto;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    padding:\r\n        40px\r\n        20px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PANEL CENTRAL M\u00c1S TRANSPARENTE\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-panel{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        clamp(\r\n            35px,\r\n            5vw,\r\n            70px\r\n        );\r\n\r\n    border-radius:32px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(6,16,23,.75),\r\n            rgba(6,16,23,.43)\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(5px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(5px);\r\n\r\n    box-shadow:\r\n        0 35px 100px\r\n        rgba(0,0,0,.45);\r\n}\r\n\r\n\r\n#pm-launch .pm-panel::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:8%;\r\n\r\n    width:84%;\r\n    height:1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--blue),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   GRID\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.18fr)\r\n        minmax(340px,.62fr);\r\n\r\n    gap:\r\n        clamp(\r\n            35px,\r\n            5vw,\r\n            90px\r\n        );\r\n\r\n    align-items:center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MARCA\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-brand{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:20px;\r\n\r\n    margin-bottom:30px;\r\n}\r\n\r\n\r\n#pm-launch .pm-logo{\r\n\r\n    width:110px;\r\n    height:110px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:24px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    box-shadow:\r\n        0 15px 40px\r\n        rgba(0,0,0,.30);\r\n}\r\n\r\n\r\n#pm-launch .pm-logo img{\r\n\r\n    width:88%;\r\n    height:88%;\r\n\r\n    object-fit:contain;\r\n\r\n    display:block;\r\n}\r\n\r\n\r\n#pm-launch .pm-brand-text small{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:5px;\r\n\r\n    color:var(--blue);\r\n\r\n    font-size:11px;\r\n\r\n    letter-spacing:3px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n#pm-launch .pm-brand-text strong{\r\n\r\n    display:block;\r\n\r\n    font-size:\r\n        clamp(\r\n            23px,\r\n            2vw,\r\n            32px\r\n        );\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   BADGE\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-badge{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:24px;\r\n\r\n    padding:\r\n        9px\r\n        15px;\r\n\r\n    border-radius:999px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(24,191,255,.27);\r\n\r\n    background:\r\n        rgba(24,191,255,.075);\r\n\r\n    color:#b0ebff;\r\n\r\n    font-size:11px;\r\n\r\n    letter-spacing:1.7px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n#pm-launch .pm-dot{\r\n\r\n    width:8px;\r\n    height:8px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--blue);\r\n\r\n    box-shadow:\r\n        0 0 18px\r\n        var(--blue);\r\n\r\n    animation:\r\n        dotPulse\r\n        1.6s\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes dotPulse{\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n        opacity:.65;\r\n    }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TITULAR\r\n============================================================= *\/\r\n\r\n#pm-launch h1{\r\n\r\n    margin:0;\r\n\r\n    max-width:830px;\r\n\r\n    font-size:\r\n        clamp(\r\n            46px,\r\n            6vw,\r\n            84px\r\n        );\r\n\r\n    line-height:.99;\r\n\r\n    letter-spacing:-3px;\r\n\r\n    font-weight:950;\r\n}\r\n\r\n\r\n#pm-launch h1 span{\r\n\r\n    display:block;\r\n\r\n    margin-top:7px;\r\n\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #ffffff 0%,\r\n            #8ee1ff 55%,\r\n            #c6d1d6 100%\r\n        );\r\n\r\n    -webkit-background-clip:text;\r\n\r\n    background-clip:text;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TEXTO\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-lead{\r\n\r\n    max-width:700px;\r\n\r\n    margin:\r\n        27px\r\n        0\r\n        0;\r\n\r\n    color:var(--text);\r\n\r\n    font-size:\r\n        clamp(\r\n            17px,\r\n            1.5vw,\r\n            21px\r\n        );\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n#pm-launch .pm-lead strong{\r\n    color:white;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TAGS\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-tags{\r\n\r\n    display:flex;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:9px;\r\n\r\n    margin-top:28px;\r\n}\r\n\r\n\r\n#pm-launch .pm-tag{\r\n\r\n    padding:\r\n        8px\r\n        13px;\r\n\r\n    border-radius:999px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    background:\r\n        rgba(255,255,255,.04);\r\n\r\n    color:#bdcad0;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTADOR\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-countdown{\r\n\r\n    position:relative;\r\n\r\n    z-index:12;\r\n\r\n    padding:\r\n        clamp(\r\n            28px,\r\n            3.5vw,\r\n            42px\r\n        );\r\n\r\n    border-radius:27px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.11);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(8,28,39,.92),\r\n            rgba(3,11,16,.88)\r\n        );\r\n\r\n    box-shadow:\r\n        0 28px 70px\r\n        rgba(0,0,0,.45);\r\n}\r\n\r\n\r\n#pm-launch .pm-count-label{\r\n\r\n    margin-bottom:19px;\r\n\r\n    color:#8699a3;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:3px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HORAS\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-hours-wrap{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:25px;\r\n}\r\n\r\n\r\n#pm-launch #pm-hours{\r\n\r\n    font-size:\r\n        clamp(\r\n            78px,\r\n            9vw,\r\n            132px\r\n        );\r\n\r\n    line-height:.8;\r\n\r\n    font-weight:950;\r\n\r\n    letter-spacing:-6px;\r\n\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #fff,\r\n            #9eb2bd\r\n        );\r\n\r\n    -webkit-background-clip:text;\r\n\r\n    background-clip:text;\r\n}\r\n\r\n\r\n#pm-launch .pm-hours-word{\r\n\r\n    padding-bottom:9px;\r\n\r\n    color:var(--blue);\r\n\r\n    font-weight:950;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MINI CONTADOR\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-mini{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1fr;\r\n\r\n    gap:11px;\r\n}\r\n\r\n\r\n#pm-launch .pm-mini-box{\r\n\r\n    padding:18px;\r\n\r\n    border-radius:16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.07);\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n}\r\n\r\n\r\n#pm-launch .pm-mini-box strong{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:4px;\r\n\r\n    font-size:35px;\r\n}\r\n\r\n\r\n#pm-launch .pm-mini-box span{\r\n\r\n    color:#738995;\r\n\r\n    font-size:9px;\r\n\r\n    letter-spacing:2px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROGRESO\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-progress{\r\n\r\n    margin-top:24px;\r\n\r\n    padding-top:20px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.06);\r\n}\r\n\r\n\r\n#pm-launch .pm-progress-head{\r\n\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:#758891;\r\n\r\n    font-size:9px;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n#pm-launch .pm-bar{\r\n\r\n    position:relative;\r\n\r\n    height:4px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:20px;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n}\r\n\r\n\r\n#pm-launch .pm-bar::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:40%;\r\n    height:100%;\r\n\r\n    left:-40%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--blue),\r\n            transparent\r\n        );\r\n\r\n    animation:\r\n        scanBar\r\n        3s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes scanBar{\r\n\r\n    to{\r\n        left:100%;\r\n    }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TEXTO FINAL\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-return{\r\n\r\n    margin-top:21px;\r\n\r\n    color:#aebdc5;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n#pm-launch .pm-return strong{\r\n    color:white;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FOOTER\r\n============================================================= *\/\r\n\r\n#pm-launch .pm-footer{\r\n\r\n    position:absolute;\r\n\r\n    z-index:20;\r\n\r\n    bottom:15px;\r\n\r\n    left:0;\r\n    right:0;\r\n\r\n    text-align:center;\r\n\r\n    color:#526770;\r\n\r\n    font-size:10px;\r\n\r\n    letter-spacing:1.8px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n============================================================= *\/\r\n\r\n@media(max-width:980px){\r\n\r\n    #pm-launch .pm-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-bg-machine{\r\n\r\n        width:1000px;\r\n\r\n        right:-350px;\r\n\r\n        bottom:5%;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-bg-machine img{\r\n        opacity:.24;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-countdown{\r\n        max-width:630px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media(max-width:600px){\r\n\r\n    #pm-launch .pm-container{\r\n        padding:\r\n            12px\r\n            7px\r\n            35px;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-panel{\r\n\r\n        padding:\r\n            27px\r\n            20px;\r\n\r\n        border-radius:22px;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-logo{\r\n\r\n        width:75px;\r\n        height:75px;\r\n    }\r\n\r\n\r\n    #pm-launch h1{\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-hours-wrap{\r\n\r\n        flex-direction:column;\r\n\r\n        align-items:flex-start;\r\n\r\n        gap:3px;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-hours-word{\r\n        padding:0;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-bg-machine{\r\n\r\n        width:800px;\r\n\r\n        right:-470px;\r\n\r\n        bottom:13%;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-bg-machine img{\r\n        opacity:.19;\r\n    }\r\n\r\n\r\n    #pm-launch .pm-footer{\r\n\r\n        position:relative;\r\n\r\n        margin-top:30px;\r\n\r\n        bottom:auto;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n     IMAGEN INDUSTRIAL\r\n============================================================= -->\r\n\r\n<div class=\"pm-bg-machine\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"https:\/\/producmetal.cl\/wp-content\/uploads\/2026\/09\/Producmetal_logo_Inicial.png\"\r\n        alt=\"\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     DECORACI\u00d3N\r\n============================================================= -->\r\n\r\n<div class=\"pm-line line1\"><\/div>\r\n<div class=\"pm-line line2\"><\/div>\r\n\r\n\r\n<div class=\"pm-sparks\">\r\n\r\n    <span class=\"spark\"><\/span>\r\n    <span class=\"spark\"><\/span>\r\n    <span class=\"spark\"><\/span>\r\n    <span class=\"spark\"><\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     CONTENIDO\r\n============================================================= -->\r\n\r\n<div class=\"pm-container\">\r\n\r\n<div class=\"pm-panel\">\r\n\r\n<div class=\"pm-grid\">\r\n\r\n\r\n<!-- ============================================================\r\n     COLUMNA IZQUIERDA\r\n============================================================= -->\r\n\r\n<div>\r\n\r\n\r\n<div class=\"pm-brand\">\r\n\r\n\r\n<div class=\"pm-logo\">\r\n\r\n<img decoding=\"async\"\r\n    src=\"https:\/\/producmetal.cl\/wp-content\/uploads\/2026\/09\/Producmetal_logo_Inicial.png\"\r\n    alt=\"ProducMetal\"\r\n>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"pm-brand-text\">\r\n\r\n<small>\r\nINGENIER\u00cdA \u00b7 METALMEC\u00c1NICA\r\n<\/small>\r\n\r\n<strong>\r\nProducMetal\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"pm-badge\">\r\n\r\n<span class=\"pm-dot\"><\/span>\r\n\r\nNUEVO SITIO EN PREPARACI\u00d3N\r\n\r\n<\/div>\r\n\r\n\r\n<h1>\r\n\r\nPr\u00f3ximamente,\r\n\r\n<span>\r\nnuestro nuevo lugar de encuentro.\r\n<\/span>\r\n\r\n<\/h1>\r\n\r\n\r\n<p class=\"pm-lead\">\r\n\r\nEstamos construyendo una nueva experiencia digital\r\npara presentar nuestras capacidades,\r\nexperiencia y soluciones en\r\n\r\n<strong>\r\ningenier\u00eda y metalmec\u00e1nica.\r\n<\/strong>\r\n\r\n<br><br>\r\n\r\nFaltan pocos d\u00edas.\r\n\r\n<strong>\r\nYa estaremos de vuelta.\r\n<\/strong>\r\n\r\n<\/p>\r\n\r\n\r\n<div class=\"pm-tags\">\r\n\r\n<span class=\"pm-tag\">\r\n\u2699 Fabricaci\u00f3n\r\n<\/span>\r\n\r\n<span class=\"pm-tag\">\r\n\u25c9 Mecanizado\r\n<\/span>\r\n\r\n<span class=\"pm-tag\">\r\n\u26a1 Soldadura\r\n<\/span>\r\n\r\n<span class=\"pm-tag\">\r\n\u26d3 Estructuras\r\n<\/span>\r\n\r\n<span class=\"pm-tag\">\r\n\u2726 Ingenier\u00eda\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     CONTADOR\r\n============================================================= -->\r\n\r\n<div class=\"pm-countdown\">\r\n\r\n\r\n<div class=\"pm-count-label\">\r\nCUENTA REGRESIVA\r\n<\/div>\r\n\r\n\r\n<div class=\"pm-hours-wrap\">\r\n\r\n<div id=\"pm-hours\">\r\n168\r\n<\/div>\r\n\r\n<div class=\"pm-hours-word\">\r\nHORAS\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"pm-mini\">\r\n\r\n\r\n<div class=\"pm-mini-box\">\r\n\r\n<strong id=\"pm-minutes\">\r\n00\r\n<\/strong>\r\n\r\n<span>\r\nMINUTOS\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"pm-mini-box\">\r\n\r\n<strong id=\"pm-seconds\">\r\n00\r\n<\/strong>\r\n\r\n<span>\r\nSEGUNDOS\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"pm-progress\">\r\n\r\n\r\n<div class=\"pm-progress-head\">\r\n\r\n<span>\r\nPREPARANDO\r\n<\/span>\r\n\r\n<span>\r\nPRODUCMETAL.CL\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"pm-bar\"><\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"pm-return\">\r\n\r\nEstamos trabajando en nuestra nueva casa digital.\r\n\r\n<strong>\r\nMuy pronto nos volvemos a encontrar.\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     FOOTER\r\n============================================================= -->\r\n\r\n<div class=\"pm-footer\">\r\n\r\nPRODUCMETAL \u00b7 METALMEC\u00c1NICA \u00b7 CHILE \u00b7 2026\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     CONTADOR\r\n============================================================= -->\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\nconst finalDate =\r\n    new Date(\r\n        \"2026-09-29T11:50:00-05:00\"\r\n    ).getTime();\r\n\r\n\r\nconst hours =\r\n    document.getElementById(\r\n        \"pm-hours\"\r\n    );\r\n\r\n\r\nconst minutes =\r\n    document.getElementById(\r\n        \"pm-minutes\"\r\n    );\r\n\r\n\r\nconst seconds =\r\n    document.getElementById(\r\n        \"pm-seconds\"\r\n    );\r\n\r\n\r\nfunction update(){\r\n\r\n    let diff =\r\n        finalDate -\r\n        new Date().getTime();\r\n\r\n\r\n    if(diff <= 0){\r\n\r\n        hours.textContent =\r\n            \"000\";\r\n\r\n        minutes.textContent =\r\n            \"00\";\r\n\r\n        seconds.textContent =\r\n            \"00\";\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    const h =\r\n        Math.floor(\r\n            diff \/\r\n            (\r\n                1000 *\r\n                60 *\r\n                60\r\n            )\r\n        );\r\n\r\n\r\n    const m =\r\n        Math.floor(\r\n            (\r\n                diff %\r\n                (\r\n                    1000 *\r\n                    60 *\r\n                    60\r\n                )\r\n            )\r\n            \/\r\n            (\r\n                1000 *\r\n                60\r\n            )\r\n        );\r\n\r\n\r\n    const s =\r\n        Math.floor(\r\n            (\r\n                diff %\r\n                (\r\n                    1000 *\r\n                    60\r\n                )\r\n            )\r\n            \/\r\n            1000\r\n        );\r\n\r\n\r\n    hours.textContent =\r\n        String(h)\r\n        .padStart(\r\n            3,\r\n            \"0\"\r\n        );\r\n\r\n\r\n    minutes.textContent =\r\n        String(m)\r\n        .padStart(\r\n            2,\r\n            \"0\"\r\n        );\r\n\r\n\r\n    seconds.textContent =\r\n        String(s)\r\n        .padStart(\r\n            2,\r\n            \"0\"\r\n        );\r\n\r\n}\r\n\r\n\r\nupdate();\r\n\r\nsetInterval(\r\n    update,\r\n    1000\r\n);\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/section>\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>INGENIER\u00cdA \u00b7 METALMEC\u00c1NICA ProducMetal NUEVO SITIO EN PREPARACI\u00d3N Pr\u00f3ximamente, nuestro nuevo lugar de encuentro. Estamos construyendo una nueva experiencia digital para presentar nuestras capacidades, experiencia y soluciones en ingenier\u00eda y metalmec\u00e1nica. Faltan pocos d\u00edas. Ya estaremos de vuelta. \u2699 Fabricaci\u00f3n \u25c9 Mecanizado \u26a1 Soldadura \u26d3 Estructuras \u2726 Ingenier\u00eda CUENTA REGRESIVA 168 HORAS 00 MINUTOS 00 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":21,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/producmetal.cl\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/producmetal.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/producmetal.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/producmetal.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/producmetal.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":10,"href":"https:\/\/producmetal.cl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/producmetal.cl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/27"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/producmetal.cl\/index.php?rest_route=\/wp\/v2\/media\/21"}],"wp:attachment":[{"href":"https:\/\/producmetal.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}