{"id":510,"date":"2026-08-21T11:54:36","date_gmt":"2026-08-21T15:54:36","guid":{"rendered":"https:\/\/cerfom.cl\/?page_id=510"},"modified":"2026-08-24T16:20:47","modified_gmt":"2026-08-24T20:20:47","slug":"cerfom-principal","status":"publish","type":"page","link":"https:\/\/cerfom.cl\/","title":{"rendered":"CERFOM Principal"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-9474a1b0 alignfull uagb-is-root-container\">\n<style>\n\/* =========================================\n   CERFOM - FORMACI\u00d3N\n   FONDO TRANSPARENTE\n========================================= *\/\n\n.cerfom-formacion {\n    width: 100%;\n    box-sizing: border-box;\n    background: transparent !important;\n    color: #ffffff;\n    padding: 35px 5% 60px;\n    font-family: inherit;\n}\n\n.cerfom-formacion * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================\n   TEXTO SUPERIOR\n========================================= *\/\n\n.cerfom-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n\n    margin-bottom: 55px;\n\n    color: #79A9D4;\n\n    font-size: 13px;\n    font-weight: 700;\n\n    letter-spacing: 4px;\n    text-transform: uppercase;\n}\n\n.cerfom-eyebrow::before {\n    content: \"\";\n    display: block;\n\n    width: 68px;\n    height: 1px;\n\n    background: #79A9D4;\n\n    opacity: 0.65;\n}\n\n\n\/* =========================================\n   T\u00cdTULO GRANDE\n========================================= *\/\n\n.cerfom-titulo {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    max-width: 950px;\n\n    font-size: clamp(90px, 7vw, 138px) !important;\n\n    \/* Hace que las l\u00edneas est\u00e9n m\u00e1s juntas *\/\n    line-height: 0.94 !important;\n\n    font-weight: 750 !important;\n\n    letter-spacing: -5px !important;\n}\n\n\n\/* Cada l\u00ednea independiente *\/\n.cerfom-linea {\n    display: block;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    line-height: 0.94 !important;\n}\n\n\n\/* Peque\u00f1a separaci\u00f3n controlada *\/\n.cerfom-linea + .cerfom-linea {\n    margin-top: 10px !important;\n}\n\n\n\/* Blanco *\/\n.cerfom-titulo-blanco {\n    color: #FFFFFF !important;\n}\n\n\n\/* Azul *\/\n.cerfom-titulo-azul {\n    color: #73A9D8 !important;\n}\n\n\n\/* =========================================\n   CONTENIDO INFERIOR\n========================================= *\/\n\n.cerfom-contenido {\n    margin-top: 70px;\n\n    display: grid;\n\n    grid-template-columns: 1.25fr 0.95fr;\n\n    gap: 100px;\n\n    align-items: start;\n}\n\n\n\/* =========================================\n   DESCRIPCI\u00d3N\n========================================= *\/\n\n.cerfom-descripcion {\n    margin: 0;\n\n    max-width: 950px;\n\n    color: #A9C1D5;\n\n    font-size: 25px;\n    line-height: 1.8;\n\n    font-weight: 400;\n}\n\n.cerfom-descripcion strong {\n    color: #FFFFFF;\n    font-weight: 700;\n}\n\n\n\/* =========================================\n   ESTAD\u00cdSTICAS\n========================================= *\/\n\n.cerfom-estadisticas {\n    width: 100%;\n\n    border-top:\n        1px solid rgba(140, 183, 216, 0.30);\n}\n\n\n.cerfom-stat {\n    display: grid;\n\n    grid-template-columns: 130px 1fr;\n\n    align-items: center;\n\n    min-height: 108px;\n\n    padding: 18px 0;\n\n    border-bottom:\n        1px solid rgba(140, 183, 216, 0.30);\n}\n\n\n.cerfom-numero {\n    color: #FFFFFF;\n\n    font-size: 62px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: -3px;\n}\n\n\n.cerfom-stat-texto {\n    color: #A9C1D5;\n\n    font-size: 19px;\n\n    line-height: 1.45;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1100px) {\n\n    .cerfom-titulo {\n        font-size: clamp(72px, 9vw, 105px) !important;\n        line-height: 0.95 !important;\n    }\n\n    .cerfom-linea {\n        line-height: 0.95 !important;\n    }\n\n    .cerfom-linea + .cerfom-linea {\n        margin-top: 8px !important;\n    }\n\n    .cerfom-contenido {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        margin-top: 60px;\n    }\n\n    .cerfom-descripcion {\n        font-size: 22px;\n        max-width: 100%;\n    }\n}\n\n\n\/* =========================================\n   CELULAR\n========================================= *\/\n\n@media (max-width: 600px) {\n\n    .cerfom-formacion {\n        padding: 28px 22px 40px;\n    }\n\n    .cerfom-eyebrow {\n        font-size: 10px;\n        letter-spacing: 2px;\n\n        gap: 10px;\n\n        margin-bottom: 35px;\n    }\n\n    .cerfom-eyebrow::before {\n        width: 38px;\n    }\n\n\n    .cerfom-titulo {\n        font-size: 55px !important;\n\n        line-height: 0.96 !important;\n\n        letter-spacing: -2.5px !important;\n    }\n\n    .cerfom-linea {\n        line-height: 0.96 !important;\n    }\n\n    .cerfom-linea + .cerfom-linea {\n        margin-top: 6px !important;\n    }\n\n\n    .cerfom-contenido {\n        margin-top: 45px;\n\n        gap: 40px;\n    }\n\n\n    .cerfom-descripcion {\n        font-size: 18px;\n        line-height: 1.7;\n    }\n\n\n    .cerfom-stat {\n        grid-template-columns: 85px 1fr;\n\n        min-height: 82px;\n    }\n\n\n    .cerfom-numero {\n        font-size: 42px;\n    }\n\n\n    .cerfom-stat-texto {\n        font-size: 15px;\n    }\n\n}\n\n<\/style>\n\n\n<section class=\"cerfom-formacion\">\n\n\n    <!-- TEXTO SUPERIOR -->\n\n    <div class=\"cerfom-eyebrow\">\n        CALAMA \u00b7 REGI\u00d3N DE ANTOFAGASTA\n    <\/div>\n\n\n\n    <!-- T\u00cdTULO -->\n\n    <h2 class=\"cerfom-titulo\">\n\n        <span class=\"cerfom-linea cerfom-titulo-blanco\">\n            Formaci\u00f3n\n        <\/span>\n\n        <span class=\"cerfom-linea cerfom-titulo-blanco\">\n            con sentido\n        <\/span>\n\n        <span class=\"cerfom-linea cerfom-titulo-azul\">\n            y seguridad.\n        <\/span>\n\n    <\/h2>\n\n\n\n    <!-- CONTENIDO -->\n\n    <div class=\"cerfom-contenido\">\n\n\n        <!-- TEXTO IZQUIERDO -->\n\n        <div>\n\n            <p class=\"cerfom-descripcion\">\n\n                Preparamos a las personas que sostienen la operaci\u00f3n minera e industrial\n                del norte de Chile. Aula, terreno y evaluaci\u00f3n en un mismo lugar:\n                <strong>torre de entrenamiento certificada<\/strong>, andamios\n                multidireccionales y equipos de protecci\u00f3n para practicar exactamente\n                lo que har\u00e1n en faena.\n\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- ESTAD\u00cdSTICAS -->\n\n        <div class=\"cerfom-estadisticas\">\n\n\n            <div class=\"cerfom-stat\">\n\n                <div class=\"cerfom-numero\">\n                    +70\n                <\/div>\n\n                <div class=\"cerfom-stat-texto\">\n                    cursos en cat\u00e1logo, presenciales y en l\u00ednea\n                <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"cerfom-stat\">\n\n                <div class=\"cerfom-numero\">\n                    4\n                <\/div>\n\n                <div class=\"cerfom-stat-texto\">\n                    certificaciones ISO y NCh vigentes\n                <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"cerfom-stat\">\n\n                <div class=\"cerfom-numero\">\n                    8\n                <\/div>\n\n                <div class=\"cerfom-stat-texto\">\n                    especialidades de formaci\u00f3n para el sector minero e industrial\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* ==================================================\n   CERFOM \u00b7 CARRUSEL DE CERTIFICACIONES V3\n   Fondo transparente\n   Loop infinito\n================================================== *\/\n\n\n.cerfom-carrusel-v2 {\n\n    width:100%;\n    overflow:hidden;\n    position:relative;\n\n    background:transparent !important;\n\n    padding:20px 0;\n\n}\n\n\n\n.cerfom-carrusel-v2-track {\n\n    display:flex;\n\n    align-items:center;\n\n    width:max-content;\n\n\n    animation:\n    cerfomScrollV2 35s linear infinite;\n\n\n    will-change:transform;\n\n}\n\n\n\n\n.cerfom-carrusel-v2-grupo {\n\n\n    display:flex;\n\n    align-items:center;\n\n\n    gap:35px;\n\n\n    padding-right:35px;\n\n\n}\n\n\n\n\n\/* CONTENEDOR LOGO *\/\n\n.cerfom-logo-v2 {\n\n\n    width:180px;\n\n    height:95px;\n\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n\n    flex-shrink:0;\n\n\n    overflow:visible;\n\n\n}\n\n\n\n\n\/* IMAGEN LOGO *\/\n\n\n.cerfom-logo-v2 img {\n\n\n    display:block !important;\n\n\n    width:auto !important;\n\n    height:auto !important;\n\n\n\n    max-width:130px !important;\n\n    max-height:65px !important;\n\n\n\n    object-fit:contain !important;\n\n\n\n    transform:scale(1.5);\n\n\n    transform-origin:center;\n\n\n\n    opacity:.97;\n\n\n\n    transition:\n\n    transform .4s cubic-bezier(.22,1,.36,1),\n\n    opacity .3s ease;\n\n\n}\n\n\n\n\n\n\/* HOVER *\/\n\n.cerfom-logo-v2:hover img {\n\n\n    transform:scale(1.725);\n\n\n    opacity:1;\n\n\n}\n\n\n\n\n\n\/* ANIMACION *\/\n\n\n@keyframes cerfomScrollV2 {\n\n\n    from{\n\n        transform:translateX(0);\n\n    }\n\n\n\n    to{\n\n        transform:translateX(-50%);\n\n    }\n\n\n}\n\n\n\n\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n\n@media(max-width:900px){\n\n\n\n.cerfom-carrusel-v2-track{\n\n\n    animation-duration:30s;\n\n\n}\n\n\n\n\n.cerfom-carrusel-v2-grupo{\n\n\n    gap:25px;\n\n    padding-right:25px;\n\n\n}\n\n\n\n.cerfom-logo-v2{\n\n\n    width:150px;\n\n    height:80px;\n\n\n}\n\n\n\n.cerfom-logo-v2 img{\n\n\n    max-width:110px !important;\n\n    max-height:55px !important;\n\n\n\n    transform:scale(1.15);\n\n\n}\n\n\n\n\n.cerfom-logo-v2:hover img{\n\n\n    transform:scale(1.3225);\n\n\n}\n\n\n\n}\n\n\n\n\n\n\n\/* ==================================================\n   CELULAR\n================================================== *\/\n\n\n@media(max-width:600px){\n\n\n\n.cerfom-carrusel-v2{\n\n\npadding:12px 0;\n\n\n}\n\n\n\n.cerfom-carrusel-v2-track{\n\n\nanimation-duration:25s;\n\n\n}\n\n\n\n\n.cerfom-carrusel-v2-grupo{\n\n\ngap:18px;\n\npadding-right:18px;\n\n\n}\n\n\n\n\n.cerfom-logo-v2{\n\n\nwidth:125px;\n\nheight:65px;\n\n\n}\n\n\n\n\n.cerfom-logo-v2 img{\n\n\nmax-width:90px !important;\n\nmax-height:45px !important;\n\n\ntransform:scale(1.15);\n\n\n}\n\n\n\n\n.cerfom-logo-v2:hover img{\n\n\ntransform:scale(1.3225);\n\n\n}\n\n\n}\n\n\n<\/style>\n\n\n\n\n<div class=\"cerfom-carrusel-v2\">\n\n\n<div class=\"cerfom-carrusel-v2-track\">\n\n\n\n<!-- ==========================\n     GRUPO PRINCIPAL\n=========================== -->\n\n\n<div class=\"cerfom-carrusel-v2-grupo\">\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/LOGO-CODELCO-VALIDA-CERFOM.png\" alt=\"CODELCO\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/SENCE.png\" alt=\"SENCE\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/SENEGOCIA.png\" alt=\"SENEGOCIA\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/LOGO-AIA-2026-BLANCO.png\" alt=\"AIA\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/IMG_1644.png\" alt=\"Certificaci\u00f3n\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/IMG_1636.png\" alt=\"Certificaci\u00f3n\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/IMG_1635.png\" alt=\"Certificaci\u00f3n\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/Imagen2.png\" alt=\"Certificaci\u00f3n\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/BVCER_withoutQR-ISO-9001-ISO-14001-ISO-45001.png\" alt=\"ISO\">\n<\/div>\n\n\n\n<!-- NUEVO O.S.10 -->\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/logo-os10-1.png\" alt=\"O.S.10\">\n<\/div>\n\n\n\n<\/div>\n\n\n\n\n\n\n<!-- ==========================\n     COPIA PARA LOOP\n=========================== -->\n\n\n<div class=\"cerfom-carrusel-v2-grupo\" aria-hidden=\"true\">\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/LOGO-CODELCO-VALIDA-CERFOM.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/SENCE.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/SENEGOCIA.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/LOGO-AIA-2026-BLANCO.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/IMG_1644.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/IMG_1636.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/IMG_1635.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/Imagen2.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/BVCER_withoutQR-ISO-9001-ISO-14001-ISO-45001.png\">\n<\/div>\n\n\n\n<div class=\"cerfom-logo-v2\">\n<img decoding=\"async\" src=\"https:\/\/cerfom.cl\/wp-content\/uploads\/2026\/08\/logo-os10-1.png\">\n<\/div>\n\n\n\n\n<\/div>\n\n\n<\/div>\n\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-8bfe8aa7 alignfull uagb-is-root-container\"><div class=\"uagb-container__shape uagb-container__shape-top\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path class=\"uagb-container__shape-fill\" d=\"M761.9,44.1L643.1,27.2L333.8,98L0,3.8V0l1000,0v3.9\"><\/path><\/svg><\/div>\n<div class=\"wp-block-uagb-container uagb-block-ba3ddc99\">\n<style data-wp-block-html=\"css\">\n\/* ==================================================\n   CERFOM - QUI\u00c9NES SOMOS\n   FONDO TOTALMENTE TRANSPARENTE\n================================================== *\/\n\n.cerfom-quienes {\n    width: 100%;\n\n    background: transparent !important;\n\n    padding: 35px 5.5% 65px;\n\n    box-sizing: border-box;\n\n    font-family: inherit;\n}\n\n.cerfom-quienes *,\n.cerfom-quienes *::before,\n.cerfom-quienes *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==================================================\n   ESTRUCTURA PRINCIPAL\n================================================== *\/\n\n.cerfom-quienes-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(360px, 0.78fr)\n        minmax(600px, 1.42fr);\n\n    gap: clamp(75px, 8vw, 140px);\n\n    align-items: start;\n\n    max-width: 1500px;\n\n    margin: 0 auto;\n}\n\n\n\/* ==================================================\n   COLUMNA IZQUIERDA\n================================================== *\/\n\n.cerfom-quienes-intro {\n    padding-top: 17px;\n}\n\n\n\/* QUI\u00c9NES SOMOS *\/\n.cerfom-quienes-eyebrow {\n    color: #1765a4;\n\n    font-size: 14px;\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n\n    margin-bottom: 34px;\n}\n\n\n\/* T\u00cdTULO *\/\n.cerfom-quienes-titulo {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: #102a43;\n\n    font-size: clamp(50px, 4vw, 67px) !important;\n\n    line-height: 0.94 !important;\n\n    letter-spacing: -2.7px !important;\n\n    font-weight: 700 !important;\n}\n\n\n\/* Cada l\u00ednea *\/\n.cerfom-quienes-titulo span {\n    display: block;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    line-height: 0.94 !important;\n}\n\n\n\/* Separaci\u00f3n muy controlada *\/\n.cerfom-quienes-titulo span + span {\n    margin-top: 7px !important;\n}\n\n\n\/* \u00daltima l\u00ednea azul *\/\n.cerfom-quienes-titulo .cerfom-quienes-azul {\n    color: #1765a4;\n}\n\n\n\/* L\u00ednea inferior *\/\n.cerfom-quienes-linea {\n    width: 100%;\n    height: 1px;\n\n    background: rgba(23, 72, 111, 0.18);\n\n    margin-top: 42px;\n}\n\n\n\/* ==================================================\n   COLUMNA DERECHA\n================================================== *\/\n\n.cerfom-quienes-contenido {\n    min-width: 0;\n}\n\n\n\/* ==================================================\n   P\u00c1RRAFOS\n================================================== *\/\n\n.cerfom-quienes-textos {\n    color: #53769a;\n}\n\n\n\/* P\u00e1rrafos *\/\n.cerfom-quienes-textos p {\n    margin: 0 0 27px 0 !important;\n\n    padding: 0 !important;\n\n    color: #53769a;\n\n    font-size: clamp(19px, 1.35vw, 24px);\n\n    line-height: 1.72;\n\n    font-weight: 400;\n}\n\n\n\/* \u00daltimo p\u00e1rrafo *\/\n.cerfom-quienes-textos p:last-child {\n    margin-bottom: 0 !important;\n}\n\n\n\/* Negrita *\/\n.cerfom-quienes-textos strong {\n    color: #102a43;\n\n    font-weight: 700;\n}\n\n\n\/* ==================================================\n   \u00c1REAS \/ ESPECIALIDADES\n================================================== *\/\n\n.cerfom-areas {\n    margin-top: 50px;\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    column-gap: 70px;\n\n    border-top:\n        1px solid rgba(23, 72, 111, 0.18);\n}\n\n\n\/* Cada fila *\/\n.cerfom-area {\n    position: relative;\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 16px;\n\n    min-height: 72px;\n\n    padding: 21px 0 18px;\n\n    border-bottom:\n        1px solid rgba(23, 72, 111, 0.18);\n\n    cursor: default;\n\n    transition:\n        padding-left 0.35s cubic-bezier(0.22, 1, 0.36, 1),\n        border-color 0.35s ease;\n}\n\n\n\/* ==================================================\n   PUNTO\n================================================== *\/\n\n.cerfom-area-punto {\n    position: relative;\n\n    width: 8px;\n    height: 8px;\n\n    margin-top: 8px;\n\n    border-radius: 50%;\n\n    background: #70a9d9;\n\n    flex: 0 0 auto;\n\n    transition:\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\n        background 0.3s ease;\n}\n\n\n\/* Halo *\/\n.cerfom-area-punto::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 22px;\n    height: 22px;\n\n    left: 50%;\n    top: 50%;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(74, 147, 207, 0.42);\n\n    transform:\n        translate(-50%, -50%)\n        scale(0);\n\n    opacity: 0;\n\n    transition:\n        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n        opacity 0.3s ease;\n}\n\n\n\/* ==================================================\n   TEXTO DE CADA \u00c1REA\n================================================== *\/\n\n.cerfom-area-texto {\n    color: #42698e;\n\n    font-size: clamp(16px, 1.15vw, 20px);\n\n    line-height: 1.55;\n\n    font-weight: 400;\n\n    transition:\n        color 0.3s ease,\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n\/* ==================================================\n   EFECTOS AL PASAR EL PUNTERO\n================================================== *\/\n\n.cerfom-area:hover {\n    padding-left: 7px;\n\n    border-bottom-color:\n        rgba(54, 129, 188, 0.38);\n}\n\n\n\/* Punto crece *\/\n.cerfom-area:hover .cerfom-area-punto {\n    transform: scale(1.35);\n\n    background: #3f8fc8;\n}\n\n\n\/* Halo aparece *\/\n.cerfom-area:hover .cerfom-area-punto::after {\n    transform:\n        translate(-50%, -50%)\n        scale(1);\n\n    opacity: 1;\n}\n\n\n\/* Texto se mueve ligeramente *\/\n.cerfom-area:hover .cerfom-area-texto {\n    color: #163f65;\n\n    transform: translateX(3px);\n}\n\n\n\/* ==================================================\n   ANIMACI\u00d3N DE ENTRADA\n================================================== *\/\n\n.cerfom-quienes.js-ready .cerfom-quienes-intro,\n.cerfom-quienes.js-ready .cerfom-quienes-contenido {\n    opacity: 0;\n\n    transform: translateY(14px);\n}\n\n\n.cerfom-quienes.js-visible .cerfom-quienes-intro,\n.cerfom-quienes.js-visible .cerfom-quienes-contenido {\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition:\n        opacity 0.7s ease,\n        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n.cerfom-quienes.js-visible .cerfom-quienes-contenido {\n    transition-delay: 0.08s;\n}\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 1050px) {\n\n    .cerfom-quienes {\n        padding:\n            35px 6%\n            55px;\n    }\n\n\n    .cerfom-quienes-grid {\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n\n    .cerfom-quienes-intro {\n        max-width: 600px;\n    }\n\n\n    .cerfom-quienes-titulo {\n        font-size: 58px !important;\n    }\n\n\n    .cerfom-quienes-linea {\n        margin-top: 35px;\n    }\n\n\n    .cerfom-quienes-textos p {\n        font-size: 21px;\n    }\n\n}\n\n\n\/* ==================================================\n   CELULAR\n================================================== *\/\n\n@media (max-width: 650px) {\n\n    .cerfom-quienes {\n        padding:\n            30px 22px\n            45px;\n    }\n\n\n    .cerfom-quienes-grid {\n        gap: 42px;\n    }\n\n\n    .cerfom-quienes-eyebrow {\n        font-size: 11px;\n\n        letter-spacing: 3px;\n\n        margin-bottom: 26px;\n    }\n\n\n    .cerfom-quienes-titulo {\n        font-size: 46px !important;\n\n        line-height: 0.96 !important;\n\n        letter-spacing: -2px !important;\n    }\n\n\n    .cerfom-quienes-titulo span {\n        line-height: 0.96 !important;\n    }\n\n\n    .cerfom-quienes-linea {\n        margin-top: 30px;\n    }\n\n\n    .cerfom-quienes-textos p {\n        font-size: 18px;\n\n        line-height: 1.7;\n\n        margin-bottom: 22px !important;\n    }\n\n\n    \/* En celular, una sola columna *\/\n    .cerfom-areas {\n        grid-template-columns: 1fr;\n\n        margin-top: 38px;\n\n        column-gap: 0;\n    }\n\n\n    .cerfom-area {\n        min-height: 62px;\n\n        padding:\n            17px 0\n            16px;\n    }\n\n\n    .cerfom-area-texto {\n        font-size: 16px;\n    }\n\n\n    .cerfom-area:hover {\n        padding-left: 5px;\n    }\n\n}\n\n\n\/* ==================================================\n   REDUCIR MOVIMIENTO SI EL USUARIO LO PREFIERE\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .cerfom-area,\n    .cerfom-area-punto,\n    .cerfom-area-punto::after,\n    .cerfom-area-texto,\n    .cerfom-quienes-intro,\n    .cerfom-quienes-contenido {\n        transition: none !important;\n        animation: none !important;\n        transform: none !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nconst seccionesCerfom = document.querySelectorAll('.cerfom-quienes');\n\nseccionesCerfom.forEach((seccion) => {\n\n    seccion.classList.add('js-ready');\n\n    const observer = new IntersectionObserver(\n        (entries, observerInstance) => {\n\n            entries.forEach((entry) => {\n\n                if (entry.isIntersecting) {\n\n                    entry.target.classList.add('js-visible');\n\n                    observerInstance.unobserve(entry.target);\n                }\n\n            });\n\n        },\n        {\n            threshold: 0.12\n        }\n    );\n\n    observer.observe(seccion);\n\n});\n<\/script>\n\n<section class=\"cerfom-quienes\">\n\n    <div class=\"cerfom-quienes-grid\">\n\n        <!-- =========================\n             COLUMNA IZQUIERDA\n        ========================== -->\n        <div class=\"cerfom-quienes-intro\">\n\n            <div class=\"cerfom-quienes-eyebrow\">\n                QUI\u00c9NES SOMOS\n            <\/div>\n\n            <h2 class=\"cerfom-quienes-titulo\">\n                <span>Un OTEC<\/span>\n                <span>del norte,<\/span>\n                <span>para la industria<\/span>\n                <span class=\"cerfom-quienes-azul\">del norte<\/span>\n            <\/h2>\n\n            <div class=\"cerfom-quienes-linea\"><\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             COLUMNA DERECHA\n        ========================== -->\n        <div class=\"cerfom-quienes-contenido\">\n\n            <div class=\"cerfom-quienes-textos\">\n\n                <p>\n                    Centro de Formaci\u00f3n Integral CERFOM Ltda. es un organismo t\u00e9cnico\n                    de capacitaci\u00f3n con base en Calama. Trabajamos junto a empresas\n                    mineras, contratistas e instituciones p\u00fablicas para cerrar brechas\n                    de competencia reales, con programas construidos a partir de la\n                    operaci\u00f3n y las necesidades de cada cliente.\n                <\/p>\n\n                <p>\n                    CERFOM se encuentra ubicado en\n                    <strong>Amincha 1676, Villa Ayquina, Calama, Chile<\/strong>.\n                    Desde nuestra infraestructura desarrollamos programas de formaci\u00f3n\n                    orientados a entregar experiencias de aprendizaje pr\u00e1cticas,\n                    aplicadas y alineadas con las exigencias de la industria.\n                <\/p>\n\n                <p>\n                    Somos un centro certificado bajo est\u00e1ndares nacionales e\n                    internacionales, con instructores acreditados ante ChileValora y\n                    validaci\u00f3n como OTEC de Seguridad y Salud Ocupacional por CODELCO.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- =========================\n                 ESPECIALIDADES\n            ========================== -->\n\n            <div class=\"cerfom-areas\">\n\n                <div class=\"cerfom-area\">\n                    <span class=\"cerfom-area-punto\"><\/span>\n                    <span class=\"cerfom-area-texto\">\n                        Seguridad y salud ocupacional\n                    <\/span>\n                <\/div>\n\n                <div class=\"cerfom-area\">\n                    <span class=\"cerfom-area-punto\"><\/span>\n                    <span class=\"cerfom-area-texto\">\n                        Operaci\u00f3n de equipos de alto tonelaje\n                    <\/span>\n                <\/div>\n\n                <div class=\"cerfom-area\">\n                    <span class=\"cerfom-area-punto\"><\/span>\n                    <span class=\"cerfom-area-texto\">\n                        Mantenci\u00f3n mec\u00e1nica y el\u00e9ctrica\n                    <\/span>\n                <\/div>\n\n                <div class=\"cerfom-area\">\n                    <span class=\"cerfom-area-punto\"><\/span>\n                    <span class=\"cerfom-area-texto\">\n                        Competencias transversales del trabajador\n                    <\/span>\n                <\/div>\n\n                <div class=\"cerfom-area\">\n                    <span class=\"cerfom-area-punto\"><\/span>\n                    <span class=\"cerfom-area-texto\">\n                        Soldadura y t\u00e9cnicas de corte\n                    <\/span>\n                <\/div>\n\n                <div class=\"cerfom-area\">\n                    <span class=\"cerfom-area-punto\"><\/span>\n                    <span class=\"cerfom-area-texto\">\n                        Administraci\u00f3n e inform\u00e1tica de gesti\u00f3n\n                    <\/span>\n                <\/div>\n\n                <div class=\"cerfom-area\">\n                    <span class=\"cerfom-area-punto\"><\/span>\n                    <span class=\"cerfom-area-texto\">\n                        Inducci\u00f3n y normativa vigente\n                    <\/span>\n                <\/div>\n\n                <div class=\"cerfom-area\">\n                    <span class=\"cerfom-area-punto\"><\/span>\n                    <span class=\"cerfom-area-texto\">\n                        Guardias de seguridad y vigilantes O.S.10\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-94d6f914\"><div class=\"uagb-container__shape uagb-container__shape-top uagb-container__shape-flip\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\"><path class=\"uagb-container__shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"><\/path><path class=\"uagb-container__shape-fill\" opacity=\"0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"><\/path><path class=\"uagb-container__shape-fill\" opacity=\"0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"><\/path><\/svg><\/div>\n<style data-wp-block-html=\"css\">\n\/* ==================================================\n   CERFOM - DIFERENCIALES\n   FONDO TRANSPARENTE\n================================================== *\/\n\n.cerfom-diferenciales {\n    width: 100%;\n\n    background: transparent !important;\n\n    padding: 80px 4% 90px;\n\n    box-sizing: border-box;\n\n    font-family: inherit;\n}\n\n\n.cerfom-diferenciales *,\n.cerfom-diferenciales *::before,\n.cerfom-diferenciales *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==================================================\n   GRID\n================================================== *\/\n\n.cerfom-diferenciales-grid {\n    width: 100%;\n    max-width: 1900px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    align-items: stretch;\n}\n\n\n\/* ==================================================\n   BLOQUE INDIVIDUAL\n================================================== *\/\n\n.cerfom-diferencial {\n    position: relative;\n\n    min-height: 410px;\n\n    padding:\n        65px\n        clamp(38px, 3.2vw, 70px)\n        50px;\n\n    cursor: default;\n}\n\n\n\/* ==================================================\n   BARRA SEPARADORA BASE\n================================================== *\/\n\n.cerfom-diferencial:not(:last-child)::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 0;\n\n    width: 1px;\n    height: 100%;\n\n    background:\n        rgba(43, 78, 111, 0.18);\n}\n\n\n\/* ==================================================\n   BARRA AZUL ANIMADA\n================================================== *\/\n\n.cerfom-diferencial:not(:last-child)::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: -1px;\n\n    width: 2px;\n    height: 100%;\n\n    background: #2468d8;\n\n    transform: scaleY(0);\n\n    transform-origin: top center;\n\n    transition:\n        transform 0.55s\n        cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n\/* Al pasar el cursor:\n   la l\u00ednea baja desde arriba *\/\n.cerfom-diferencial:not(:last-child):hover::after {\n    transform: scaleY(1);\n}\n\n\n\/* ==================================================\n   \u00daLTIMO BLOQUE\n   Al no tener barra derecha,\n   utiliza la barra izquierda\n================================================== *\/\n\n.cerfom-diferencial-ultimo::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 1px;\n    height: 100%;\n\n    background:\n        rgba(43, 78, 111, 0.18);\n}\n\n\n.cerfom-diferencial-ultimo::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: -1px;\n\n    width: 2px;\n    height: 100%;\n\n    background: #2468d8;\n\n    transform: scaleY(0);\n\n    transform-origin: top center;\n\n    transition:\n        transform 0.55s\n        cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n.cerfom-diferencial-ultimo:hover::after {\n    transform: scaleY(1);\n}\n\n\n\/* ==================================================\n   CATEGOR\u00cdA SUPERIOR\n================================================== *\/\n\n.cerfom-diferencial-categoria {\n    margin-bottom: 31px;\n\n    color: #3179b9;\n\n    font-size: 15px;\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n\n    transition:\n        color 0.35s ease,\n        transform 0.4s\n        cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n\/* ==================================================\n   T\u00cdTULO\n================================================== *\/\n\n.cerfom-diferencial-titulo {\n    margin: 0 0 22px 0 !important;\n    padding: 0 !important;\n\n    color: #102a43;\n\n    font-size:\n        clamp(27px, 1.65vw, 33px) !important;\n\n    line-height: 1.04 !important;\n\n    letter-spacing: -1.3px !important;\n\n    font-weight: 700 !important;\n\n    transition:\n        transform 0.45s\n        cubic-bezier(0.22, 1, 0.36, 1),\n        color 0.35s ease;\n}\n\n\n\/* ==================================================\n   TEXTO\n================================================== *\/\n\n.cerfom-diferencial-texto {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    max-width: 410px;\n\n    color: #55789c;\n\n    font-size:\n        clamp(19px, 1.3vw, 24px);\n\n    line-height: 1.62;\n\n    font-weight: 400;\n\n    transition:\n        transform 0.45s\n        cubic-bezier(0.22, 1, 0.36, 1),\n        color 0.35s ease;\n}\n\n\n\/* ==================================================\n   EFECTOS SUTILES HOVER\n================================================== *\/\n\n.cerfom-diferencial:hover\n.cerfom-diferencial-categoria {\n    color: #2468d8;\n\n    transform: translateY(-2px);\n}\n\n\n.cerfom-diferencial:hover\n.cerfom-diferencial-titulo {\n    transform: translateY(-3px);\n\n    color: #0b2239;\n}\n\n\n.cerfom-diferencial:hover\n.cerfom-diferencial-texto {\n    transform: translateY(-2px);\n\n    color: #456b91;\n}\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .cerfom-diferenciales {\n        padding:\n            55px 5%\n            65px;\n    }\n\n\n    .cerfom-diferenciales-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n\n\n    .cerfom-diferencial {\n        min-height: 350px;\n\n        padding:\n            50px\n            45px;\n    }\n\n\n    \/* Convertimos separaci\u00f3n a estructura 2x2 *\/\n\n    .cerfom-diferencial:nth-child(2)::before {\n        display: none;\n    }\n\n\n    .cerfom-diferencial:nth-child(2)::after {\n        display: none;\n    }\n\n\n    .cerfom-diferencial:nth-child(1),\n    .cerfom-diferencial:nth-child(2) {\n        border-bottom:\n            1px solid\n            rgba(43, 78, 111, 0.18);\n    }\n\n\n    .cerfom-diferencial-ultimo::before {\n        display: block;\n    }\n\n}\n\n\n\/* ==================================================\n   CELULAR\n================================================== *\/\n\n@media (max-width: 650px) {\n\n    .cerfom-diferenciales {\n        padding:\n            35px 22px\n            45px;\n    }\n\n\n    .cerfom-diferenciales-grid {\n        grid-template-columns: 1fr;\n    }\n\n\n    .cerfom-diferencial {\n        min-height: auto;\n\n        padding:\n            38px 5px\n            40px;\n\n        border-bottom:\n            1px solid\n            rgba(43, 78, 111, 0.18);\n    }\n\n\n    .cerfom-diferencial:last-child {\n        border-bottom: none;\n    }\n\n\n    \/* En m\u00f3vil eliminamos barras verticales *\/\n    .cerfom-diferencial::before,\n    .cerfom-diferencial::after,\n    .cerfom-diferencial-ultimo::before,\n    .cerfom-diferencial-ultimo::after {\n        display: none !important;\n    }\n\n\n    .cerfom-diferencial-categoria {\n        margin-bottom: 23px;\n\n        font-size: 12px;\n\n        letter-spacing: 3px;\n    }\n\n\n    .cerfom-diferencial-titulo {\n        font-size: 27px !important;\n\n        margin-bottom: 17px !important;\n    }\n\n\n    .cerfom-diferencial-texto {\n        max-width: 100%;\n\n        font-size: 18px;\n\n        line-height: 1.65;\n    }\n\n}\n\n\n\/* ==================================================\n   ACCESIBILIDAD\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .cerfom-diferencial::after,\n    .cerfom-diferencial-categoria,\n    .cerfom-diferencial-titulo,\n    .cerfom-diferencial-texto {\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<section class=\"cerfom-diferenciales\">\n\n    <div class=\"cerfom-diferenciales-grid\">\n\n        <!-- INFRAESTRUCTURA -->\n        <article class=\"cerfom-diferencial\">\n\n            <div class=\"cerfom-diferencial-categoria\">\n                INFRAESTRUCTURA\n            <\/div>\n\n            <h3 class=\"cerfom-diferencial-titulo\">\n                Torre de<br>\n                entrenamiento certificada\n            <\/h3>\n\n            <p class=\"cerfom-diferencial-texto\">\n                Estructura propia para pr\u00e1cticas reales de trabajo en altura,\n                rescate y prevenci\u00f3n de ca\u00eddas bajo est\u00e1ndar OSHA\/ANSI.\n            <\/p>\n\n        <\/article>\n\n\n        <!-- EQUIPAMIENTO -->\n        <article class=\"cerfom-diferencial\">\n\n            <div class=\"cerfom-diferencial-categoria\">\n                EQUIPAMIENTO\n            <\/div>\n\n            <h3 class=\"cerfom-diferencial-titulo\">\n                Andamios<br>\n                multidireccionales\n            <\/h3>\n\n            <p class=\"cerfom-diferencial-texto\">\n                Set completo de armado y desarme para que cada participante\n                monte en el curso lo mismo que montar\u00e1 en faena.\n            <\/p>\n\n        <\/article>\n\n\n        <!-- DISE\u00d1O -->\n        <article class=\"cerfom-diferencial\">\n\n            <div class=\"cerfom-diferencial-categoria\">\n                DISE\u00d1O\n            <\/div>\n\n            <h3 class=\"cerfom-diferencial-titulo\">\n                Programas a la medida\n            <\/h3>\n\n            <p class=\"cerfom-diferencial-texto\">\n                Definimos alcance, duraci\u00f3n, turnos y lugar seg\u00fan el\n                requerimiento del cliente, incluida la modalidad in-house.\n            <\/p>\n\n        <\/article>\n\n\n        <!-- SEGURIDAD -->\n        <article class=\"cerfom-diferencial cerfom-diferencial-ultimo\">\n\n            <div class=\"cerfom-diferencial-categoria\">\n                SEGURIDAD\n            <\/div>\n\n            <h3 class=\"cerfom-diferencial-titulo\">\n                Todos los EPP incluidos\n            <\/h3>\n\n            <p class=\"cerfom-diferencial-texto\">\n                Elementos de protecci\u00f3n personal completos para ejecutar\n                cada curso cumpliendo las medidas exigidas.\n            <\/p>\n\n        <\/article>\n\n    <\/div>\n\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-daff2c83\">\n<style data-wp-block-html=\"css\">\n\/* ==================================================\n   CERFOM \u00b7 OFERTA FORMATIVA V3\n   FONDO TRANSPARENTE\n================================================== *\/\n\n.cerfom-oferta-v3 {\n    width: 100%;\n    position: relative;\n\n    background: transparent !important;\n\n    padding: 75px 5.5% 100px;\n\n    box-sizing: border-box;\n\n    overflow: visible !important;\n\n    color: #0c2138;\n\n    font-family:\n        \"Figtree\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n\n.cerfom-oferta-v3 *,\n.cerfom-oferta-v3 *::before,\n.cerfom-oferta-v3 *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==================================================\n   ESTRUCTURA GENERAL\n================================================== *\/\n\n.cerfom-oferta-v3-grid {\n    width: 100%;\n\n    max-width: 1500px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(350px, 4fr)\n        minmax(620px, 7fr);\n\n    gap: clamp(70px, 7vw, 120px);\n\n    align-items: start;\n\n    overflow: visible !important;\n}\n\n\n\/* ==================================================\n   PANEL IZQUIERDO - STICKY\n================================================== *\/\n\n.cerfom-oferta-v3-lateral {\n    position: -webkit-sticky;\n    position: sticky;\n\n    top: 110px;\n\n    align-self: start;\n\n    height: max-content;\n\n    overflow: visible !important;\n}\n\n\n\/* ==================================================\n   ETIQUETA\n================================================== *\/\n\n.cerfom-oferta-v3-label {\n    display: block;\n\n    margin-bottom: 29px;\n\n    color: #1060a1;\n\n    font-size: 14px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n}\n\n\n\/* ==================================================\n   T\u00cdTULO\n================================================== *\/\n\n.cerfom-oferta-v3-titulo {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: #0c2138;\n\n    font-family:\n        \"Archivo\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        clamp(50px, 4.1vw, 68px) !important;\n\n    line-height: 0.98 !important;\n\n    letter-spacing: -3px !important;\n\n    font-weight: 700 !important;\n}\n\n\n.cerfom-oferta-v3-titulo span {\n    display: block;\n}\n\n\n.cerfom-oferta-v3-azul {\n    color: #1060a1;\n}\n\n\n\/* ==================================================\n   L\u00cdNEA IZQUIERDA\n================================================== *\/\n\n.cerfom-oferta-v3-regla {\n    width: 100%;\n    height: 1px;\n\n    margin-top: 43px;\n\n    background:\n        rgba(12, 33, 56, 0.14);\n}\n\n\n\/* ==================================================\n   TEXTO IZQUIERDO\n================================================== *\/\n\n.cerfom-oferta-v3-intro {\n    max-width: 410px;\n\n    margin: 35px 0 0 !important;\n\n    padding: 0 !important;\n\n    color: #53769a;\n\n    font-size: 20px;\n\n    line-height: 1.75;\n\n    font-weight: 400;\n}\n\n\n\/* ==================================================\n   CONTENIDO DERECHO\n================================================== *\/\n\n.cerfom-oferta-v3-contenido {\n    min-width: 0;\n\n    overflow: visible !important;\n}\n\n\n\/* ==================================================\n   PESTA\u00d1AS\n================================================== *\/\n\n.cerfom-oferta-v3-tabs {\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 8px 32px;\n\n    margin: 0 0 28px;\n\n    padding: 0;\n}\n\n\n.cerfom-oferta-v3-tab {\n    position: relative;\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    background: transparent !important;\n\n    border: 0 !important;\n\n    border-radius: 0 !important;\n\n    box-shadow: none !important;\n\n    outline: none;\n\n    margin: 0;\n\n    padding: 8px 0 12px;\n\n    color: #6c88a6;\n\n    font-family: inherit;\n\n    font-size: 18px;\n\n    line-height: 1.3;\n\n    font-weight: 500;\n\n    cursor: pointer;\n\n    transition:\n        color 0.28s ease;\n}\n\n\n\/* L\u00ednea animada *\/\n\n.cerfom-oferta-v3-tab::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n\n    bottom: 0;\n\n    width: 100%;\n\n    height: 2px;\n\n    background: #1c46a4;\n\n    transform: scaleX(0);\n\n    transform-origin: left center;\n\n    transition:\n        transform 0.34s\n        cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n.cerfom-oferta-v3-tab:hover {\n    color: #0c2138;\n}\n\n\n.cerfom-oferta-v3-tab:hover::after {\n    transform: scaleX(1);\n}\n\n\n\/* Seleccionada *\/\n\n.cerfom-oferta-v3-tab.activo {\n    color: #1c46a4;\n\n    font-weight: 600;\n}\n\n\n.cerfom-oferta-v3-tab.activo::after {\n    transform: scaleX(1);\n}\n\n\n\/* ==================================================\n   LISTADO\n================================================== *\/\n\n.cerfom-oferta-v3-lista {\n    width: 100%;\n\n    border-top:\n        1px solid rgba(12, 33, 56, 0.13);\n}\n\n\n\/* ==================================================\n   FILA\n================================================== *\/\n\n.cerfom-curso-v3 {\n    position: relative;\n\n    isolation: isolate;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(250px, 4.3fr)\n        minmax(340px, 5.7fr);\n\n    gap: clamp(30px, 4vw, 65px);\n\n    align-items: center;\n\n    width: 100%;\n\n    min-height: 168px;\n\n    padding: 30px 0;\n\n    border-bottom:\n        1px solid rgba(12, 33, 56, 0.13);\n\n    transition:\n        padding-left 0.4s\n            cubic-bezier(0.22, 1, 0.36, 1),\n        padding-right 0.4s\n            cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n\/* ==================================================\n   FONDO HOVER\n================================================== *\/\n\n.cerfom-curso-v3::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0 -20px;\n\n    z-index: -1;\n\n    border-radius: 5px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(227, 240, 250, 0.78),\n            rgba(227, 240, 250, 0.18),\n            transparent 88%\n        );\n\n    opacity: 0;\n\n    transition:\n        opacity 0.38s ease;\n}\n\n\n.cerfom-curso-v3:hover {\n    padding-left: 18px;\n    padding-right: 10px;\n}\n\n\n.cerfom-curso-v3:hover::before {\n    opacity: 1;\n}\n\n\n\/* ==================================================\n   INFORMACI\u00d3N PRINCIPAL\n================================================== *\/\n\n.cerfom-curso-v3-principal {\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    gap: 7px;\n}\n\n\n\/* Categor\u00eda *\/\n\n.cerfom-curso-v3-categoria {\n    color: #3179b9;\n\n    font-size: 13px;\n\n    line-height: 1.2;\n\n    font-weight: 700;\n\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n}\n\n\n\/* Nombre *\/\n\n.cerfom-curso-v3-principal h3 {\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    color: #0c2138;\n\n    font-family:\n        \"Archivo\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size: 23px !important;\n\n    line-height: 1.08 !important;\n\n    letter-spacing: -0.7px !important;\n\n    font-weight: 700 !important;\n\n    transition:\n        color 0.3s ease,\n        transform 0.35s\n        cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n.cerfom-curso-v3:hover\n.cerfom-curso-v3-principal h3 {\n    color: #1c46a4;\n\n    transform: translateX(2px);\n}\n\n\n\/* Meta *\/\n\n.cerfom-curso-v3-meta {\n    margin-top: 2px;\n\n    color: #6c88a6;\n\n    font-size: 16px;\n\n    line-height: 1.4;\n\n    font-weight: 400;\n}\n\n\n\/* ==================================================\n   DESCRIPCI\u00d3N\n================================================== *\/\n\n.cerfom-curso-v3-descripcion {\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    color: #53769a;\n\n    font-size: 19px;\n\n    line-height: 1.7;\n\n    font-weight: 400;\n\n    transition:\n        color 0.3s ease,\n        transform 0.35s ease;\n}\n\n\n.cerfom-curso-v3:hover\n.cerfom-curso-v3-descripcion {\n    color: #42698e;\n\n    transform: translateX(2px);\n}\n\n\n\/* ==================================================\n   OCULTAR CURSOS\n================================================== *\/\n\n.cerfom-curso-v3.oculto {\n    display: none !important;\n}\n\n\n\/* ==================================================\n   ANIMACI\u00d3N AL CAMBIAR PESTA\u00d1A\n================================================== *\/\n\n@keyframes cerfomCursoV3Entrada {\n\n    from {\n        opacity: 0;\n\n        transform:\n            translateY(10px);\n    }\n\n    to {\n        opacity: 1;\n\n        transform:\n            translateY(0);\n    }\n\n}\n\n\n.cerfom-curso-v3.entrada {\n    animation:\n        cerfomCursoV3Entrada\n        0.42s\n        cubic-bezier(0.22, 1, 0.36, 1)\n        both;\n}\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 1050px) {\n\n    .cerfom-oferta-v3 {\n        padding:\n            55px 6%\n            70px;\n    }\n\n\n    .cerfom-oferta-v3-grid {\n        grid-template-columns: 1fr;\n\n        gap: 52px;\n    }\n\n\n    \/*\n       En tablet deja de ser sticky porque\n       ambas columnas pasan a una.\n    *\/\n\n    .cerfom-oferta-v3-lateral {\n        position: static;\n\n        max-width: 650px;\n    }\n\n\n    .cerfom-oferta-v3-titulo {\n        font-size: 58px !important;\n    }\n\n}\n\n\n\/* ==================================================\n   CELULAR\n================================================== *\/\n\n@media (max-width: 700px) {\n\n    .cerfom-oferta-v3 {\n        padding:\n            35px 22px\n            50px;\n    }\n\n\n    .cerfom-oferta-v3-grid {\n        gap: 40px;\n    }\n\n\n    .cerfom-oferta-v3-label {\n        margin-bottom: 22px;\n\n        font-size: 11px;\n\n        letter-spacing: 3px;\n    }\n\n\n    .cerfom-oferta-v3-titulo {\n        font-size: 44px !important;\n\n        line-height: 1 !important;\n\n        letter-spacing: -2px !important;\n    }\n\n\n    .cerfom-oferta-v3-regla {\n        margin-top: 30px;\n    }\n\n\n    .cerfom-oferta-v3-intro {\n        margin-top: 25px !important;\n\n        font-size: 17px;\n\n        line-height: 1.7;\n    }\n\n\n    \/* =========================================\n       PESTA\u00d1AS HORIZONTALES\n    ========================================== *\/\n\n    .cerfom-oferta-v3-tabs {\n        flex-wrap: nowrap;\n\n        overflow-x: auto;\n\n        overflow-y: hidden;\n\n        gap: 25px;\n\n        margin-right: -22px;\n\n        padding-right: 22px;\n\n        scrollbar-width: none;\n\n        -webkit-overflow-scrolling: touch;\n    }\n\n\n    .cerfom-oferta-v3-tabs::-webkit-scrollbar {\n        display: none;\n    }\n\n\n    .cerfom-oferta-v3-tab {\n        flex: 0 0 auto;\n\n        white-space: nowrap;\n\n        font-size: 16px;\n    }\n\n\n    \/* =========================================\n       CURSOS\n    ========================================== *\/\n\n    .cerfom-curso-v3 {\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n\n        min-height: auto;\n\n        padding:\n            26px 0\n            28px;\n    }\n\n\n    .cerfom-curso-v3-principal h3 {\n        font-size: 21px !important;\n    }\n\n\n    .cerfom-curso-v3-meta {\n        font-size: 14px;\n    }\n\n\n    .cerfom-curso-v3-descripcion {\n        font-size: 17px;\n\n        line-height: 1.65;\n    }\n\n\n    .cerfom-curso-v3:hover {\n        padding-left: 7px;\n\n        padding-right: 0;\n    }\n\n}\n\n\n\/* ==================================================\n   ACCESIBILIDAD\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .cerfom-oferta-v3 *,\n    .cerfom-oferta-v3 *::before,\n    .cerfom-oferta-v3 *::after {\n        animation: none !important;\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n    function iniciarOfertaCerfom() {\n\n        const secciones =\n            document.querySelectorAll(\n                '.cerfom-oferta-v3'\n            );\n\n\n        if (!secciones.length) {\n            return;\n        }\n\n\n        secciones.forEach(function (seccion) {\n\n            \/*\n             * Evita instalar los eventos\n             * m\u00e1s de una vez.\n             *\/\n\n            if (\n                seccion.dataset\n                    .cerfomInicializada === 'true'\n            ) {\n                return;\n            }\n\n\n            seccion.dataset\n                .cerfomInicializada = 'true';\n\n\n\n            \/* =====================================\n               ELEMENTOS\n            ====================================== *\/\n\n            const botones =\n                seccion.querySelectorAll(\n                    '.cerfom-oferta-v3-tab'\n                );\n\n\n            const cursos =\n                seccion.querySelectorAll(\n                    '.cerfom-curso-v3'\n                );\n\n\n\n            \/* =====================================\n               FUNCI\u00d3N DE FILTRADO\n            ====================================== *\/\n\n            function aplicarFiltro(\n                filtro,\n                animar\n            ) {\n\n                let retraso = 0;\n\n\n                cursos.forEach(\n                    function (curso) {\n\n                        const categoria =\n                            curso.getAttribute(\n                                'data-c'\n                            );\n\n\n                        const mostrar =\n                            filtro === 'todos' ||\n                            categoria === filtro;\n\n\n                        \/*\n                         * Quitamos animaci\u00f3n\n                         * anterior.\n                         *\/\n\n                        curso.classList.remove(\n                            'entrada'\n                        );\n\n\n                        curso.style.animationDelay =\n                            '0ms';\n\n\n\n                        \/* =========================\n                           OCULTAR\n                        ========================== *\/\n\n                        if (!mostrar) {\n\n                            curso.classList.add(\n                                'oculto'\n                            );\n\n                            return;\n                        }\n\n\n\n                        \/* =========================\n                           MOSTRAR\n                        ========================== *\/\n\n                        curso.classList.remove(\n                            'oculto'\n                        );\n\n\n                        if (animar) {\n\n                            \/*\n                             * Reiniciar animaci\u00f3n.\n                             *\/\n\n                            void curso.offsetWidth;\n\n\n                            curso.style.animationDelay =\n                                retraso + 'ms';\n\n\n                            curso.classList.add(\n                                'entrada'\n                            );\n\n\n                            retraso += 55;\n\n                        }\n\n                    }\n                );\n\n            }\n\n\n\n            \/* =====================================\n               CAMBIAR PESTA\u00d1A\n            ====================================== *\/\n\n            function seleccionarPestana(\n                boton,\n                animar\n            ) {\n\n                if (!boton) {\n                    return;\n                }\n\n\n                const filtro =\n                    boton.getAttribute(\n                        'data-f'\n                    );\n\n\n                \/*\n                 * Desactivar botones.\n                 *\/\n\n                botones.forEach(\n                    function (otroBoton) {\n\n                        otroBoton.classList.remove(\n                            'activo'\n                        );\n\n\n                        otroBoton.setAttribute(\n                            'aria-selected',\n                            'false'\n                        );\n\n                    }\n                );\n\n\n                \/*\n                 * Activar seleccionado.\n                 *\/\n\n                boton.classList.add(\n                    'activo'\n                );\n\n\n                boton.setAttribute(\n                    'aria-selected',\n                    'true'\n                );\n\n\n                \/*\n                 * Filtrar.\n                 *\/\n\n                aplicarFiltro(\n                    filtro,\n                    animar\n                );\n\n            }\n\n\n\n            \/* =====================================\n               EVENTOS DE LAS PESTA\u00d1AS\n            ====================================== *\/\n\n            botones.forEach(\n                function (boton) {\n\n                    boton.addEventListener(\n                        'click',\n                        function () {\n\n                            seleccionarPestana(\n                                boton,\n                                true\n                            );\n\n                        }\n                    );\n\n                }\n            );\n\n\n\n            \/* =====================================\n               PESTA\u00d1A INICIAL\n            ====================================== *\/\n\n            \/*\n             * Busca la pesta\u00f1a marcada\n             * con la clase \"activo\".\n             *\n             * En nuestro HTML corresponde\n             * a Altura y andamios.\n             *\/\n\n            let inicial =\n                seccion.querySelector(\n                    '.cerfom-oferta-v3-tab.activo'\n                );\n\n\n            \/*\n             * Si por alg\u00fan motivo no existe,\n             * usamos Altura igualmente.\n             *\/\n\n            if (!inicial) {\n\n                inicial =\n                    seccion.querySelector(\n                        '.cerfom-oferta-v3-tab[data-f=\"altura\"]'\n                    );\n\n            }\n\n\n            \/*\n             * Aplicar filtro inmediatamente.\n             *\n             * false = no hacer una animaci\u00f3n\n             * exagerada al cargar la p\u00e1gina.\n             *\/\n\n            seleccionarPestana(\n                inicial,\n                false\n            );\n\n        });\n\n    }\n\n\n\n    \/* =========================================\n       CARGA NORMAL\n    ========================================== *\/\n\n    if (\n        document.readyState === 'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            iniciarOfertaCerfom\n        );\n\n    } else {\n\n        iniciarOfertaCerfom();\n\n    }\n\n\n\n    \/* =========================================\n       COMPATIBILIDAD CON CONSTRUCTORES\n       DE WORDPRESS\n    ========================================== *\/\n\n    setTimeout(\n        iniciarOfertaCerfom,\n        300\n    );\n\n})();\n<\/script>\n\n<section class=\"cerfom-oferta-v3\" id=\"cursos\">\n\n    <div class=\"cerfom-oferta-v3-grid\">\n\n\n        <!-- =========================================\n             PANEL IZQUIERDO\n        ========================================== -->\n\n        <aside class=\"cerfom-oferta-v3-lateral\">\n\n            <span class=\"cerfom-oferta-v3-label\">\n                OFERTA FORMATIVA\n            <\/span>\n\n            <h2 class=\"cerfom-oferta-v3-titulo\">\n\n                <span>\n                    Los cursos que\n                <\/span>\n\n                <span class=\"cerfom-oferta-v3-azul\">\n                    m\u00e1s nos piden\n                <\/span>\n\n            <\/h2>\n\n            <div class=\"cerfom-oferta-v3-regla\"><\/div>\n\n            <p class=\"cerfom-oferta-v3-intro\">\n                Una selecci\u00f3n del cat\u00e1logo. Todos pueden\n                dictarse abiertos, cerrados o directamente\n                en faena.\n            <\/p>\n\n        <\/aside>\n\n\n\n        <!-- =========================================\n             CONTENIDO DERECHO\n        ========================================== -->\n\n        <div class=\"cerfom-oferta-v3-contenido\">\n\n\n            <!-- =====================================\n                 PESTA\u00d1AS\n            ====================================== -->\n\n            <div\n                class=\"cerfom-oferta-v3-tabs\"\n                role=\"tablist\"\n                aria-label=\"Filtrar cursos por \u00e1rea\"\n            >\n\n\n                <!-- TODOS -->\n\n                <button\n                    type=\"button\"\n                    class=\"cerfom-oferta-v3-tab\"\n                    data-f=\"todos\"\n                    aria-selected=\"false\"\n                >\n                    Todos\n                <\/button>\n\n\n                <!-- ALTURA - SELECCIONADA POR DEFECTO -->\n\n                <button\n                    type=\"button\"\n                    class=\"cerfom-oferta-v3-tab activo\"\n                    data-f=\"altura\"\n                    aria-selected=\"true\"\n                >\n                    Altura y andamios\n                <\/button>\n\n\n                <!-- PREVENCI\u00d3N -->\n\n                <button\n                    type=\"button\"\n                    class=\"cerfom-oferta-v3-tab\"\n                    data-f=\"seguridad\"\n                    aria-selected=\"false\"\n                >\n                    Prevenci\u00f3n\n                <\/button>\n\n\n                <!-- EQUIPOS -->\n\n                <button\n                    type=\"button\"\n                    class=\"cerfom-oferta-v3-tab\"\n                    data-f=\"equipos\"\n                    aria-selected=\"false\"\n                >\n                    Equipos\n                <\/button>\n\n\n                <!-- T\u00c9CNICA INDUSTRIAL -->\n\n                <button\n                    type=\"button\"\n                    class=\"cerfom-oferta-v3-tab\"\n                    data-f=\"tecnica\"\n                    aria-selected=\"false\"\n                >\n                    T\u00e9cnica industrial\n                <\/button>\n\n\n                <!-- OS10 -->\n\n                <button\n                    type=\"button\"\n                    class=\"cerfom-oferta-v3-tab\"\n                    data-f=\"os10\"\n                    aria-selected=\"false\"\n                >\n                    O.S.10\n                <\/button>\n\n            <\/div>\n\n\n\n            <!-- =====================================\n                 LISTADO DE CURSOS\n            ====================================== -->\n\n            <div class=\"cerfom-oferta-v3-lista\">\n\n\n\n                <!-- =================================\n                     ALTURA 01\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"altura\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            ALTURA Y ANDAMIOS\n                        <\/span>\n\n                        <h3>\n                            Trabajo seguro en altura\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 Presencial\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Identificaci\u00f3n de riesgos de ca\u00edda,\n                        uso correcto del arn\u00e9s y sistemas de\n                        detenci\u00f3n, con pr\u00e1ctica en torre\n                        certificada.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     ALTURA 02\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"altura\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            ALTURA Y ANDAMIOS\n                        <\/span>\n\n                        <h3>\n                            Armado y desarme de andamios\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 Presencial\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Montaje seguro con sistema\n                        multidireccional, inspecci\u00f3n,\n                        etiquetado y responsabilidades\n                        del andamiero.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     PREVENCI\u00d3N 01\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"seguridad\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            PREVENCI\u00d3N\n                        <\/span>\n\n                        <h3>\n                            Espacios confinados\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 Presencial\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Permisos de trabajo, medici\u00f3n de\n                        atm\u00f3sferas, vigilancia y procedimientos\n                        de rescate en recintos de acceso\n                        restringido.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     EQUIPOS 01\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"equipos\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            EQUIPOS\n                        <\/span>\n\n                        <h3>\n                            Rigger y maniobras de izaje\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 Tres niveles\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Planificaci\u00f3n de maniobras, selecci\u00f3n\n                        de elementos, se\u00f1alizaci\u00f3n y c\u00e1lculo\n                        de cargas. Nivel b\u00e1sico, media y alta\n                        complejidad.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     EQUIPOS 02\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"equipos\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            EQUIPOS\n                        <\/span>\n\n                        <h3>\n                            Operador de gr\u00faa horquilla\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 Teor\u00eda + pr\u00e1ctica\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Conducci\u00f3n segura, inspecci\u00f3n pre-uso,\n                        estabilidad de cargas y normativa\n                        aplicable, con evaluaci\u00f3n te\u00f3rica\n                        y pr\u00e1ctica.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     EQUIPOS 03\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"equipos\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            EQUIPOS\n                        <\/span>\n\n                        <h3>\n                            Operador de cami\u00f3n pluma\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 Presencial\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Operaci\u00f3n segura del equipo,\n                        tablas de carga, estabilizaci\u00f3n\n                        y coordinaci\u00f3n con el rigger\n                        durante la maniobra.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     PREVENCI\u00d3N 02\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"seguridad\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            PREVENCI\u00d3N\n                        <\/span>\n\n                        <h3>\n                            Prevenci\u00f3n de riesgos laborales\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 E-learning o presencial\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Marco legal, identificaci\u00f3n de peligros,\n                        evaluaci\u00f3n de riesgos y control\n                        operacional aplicado al puesto\n                        de trabajo.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     PREVENCI\u00d3N 03\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"seguridad\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            PREVENCI\u00d3N\n                        <\/span>\n\n                        <h3>\n                            Investigaci\u00f3n de accidentes (EVIN)\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 Presencial\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Metodolog\u00eda de investigaci\u00f3n,\n                        an\u00e1lisis de causa ra\u00edz, manejo de\n                        evidencias e informe con medidas\n                        correctivas.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     PREVENCI\u00d3N 04\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"seguridad\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            PREVENCI\u00d3N\n                        <\/span>\n\n                        <h3>\n                            Uso y manejo de extintores\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Presencial \u00b7 Pr\u00e1ctico\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Clases de fuego, selecci\u00f3n del\n                        extintor adecuado y pr\u00e1ctica de\n                        extinci\u00f3n controlada. Base para\n                        brigadas de emergencia.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     T\u00c9CNICA 01\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"tecnica\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            T\u00c9CNICA INDUSTRIAL\n                        <\/span>\n\n                        <h3>\n                            Soldadura al arco y MIG-MAG\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Franquicia SENCE \u00b7 Taller\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Procesos SMAW y GMAW: preparaci\u00f3n\n                        de juntas, par\u00e1metros, posiciones\n                        y control de defectos. Tambi\u00e9n TIG\n                        y oxicorte.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     T\u00c9CNICA 02\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"tecnica\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            T\u00c9CNICA INDUSTRIAL\n                        <\/span>\n\n                        <h3>\n                            Instalador el\u00e9ctrico y riesgo el\u00e9ctrico\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Presencial \u00b7 Normativa vigente\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Instalaciones de baja tensi\u00f3n conforme\n                        a NFPA 70E, bloqueo y control de\n                        energ\u00edas peligrosas.\n                    <\/p>\n\n                <\/div>\n\n\n\n                <!-- =================================\n                     O.S.10\n                ================================== -->\n\n                <div\n                    class=\"cerfom-curso-v3\"\n                    data-c=\"os10\"\n                >\n\n                    <div class=\"cerfom-curso-v3-principal\">\n\n                        <span class=\"cerfom-curso-v3-categoria\">\n                            O.S.10\n                        <\/span>\n\n                        <h3>\n                            Guardias de seguridad y vigilantes privados\n                        <\/h3>\n\n                        <span class=\"cerfom-curso-v3-meta\">\n                            Autorizado O.S.10 \u00b7 Presencial\n                        <\/span>\n\n                    <\/div>\n\n\n                    <p class=\"cerfom-curso-v3-descripcion\">\n                        Cursos oficiales autorizados por\n                        Carabineros de Chile: formaci\u00f3n,\n                        perfeccionamiento y especializaci\u00f3n.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-606c80ce\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\nCERFOM - CATALOGO\nAJUSTE FINAL ALINEADO CON OFERTA FORMATIVA\nNO MODIFICA FUNCIONALIDAD DETAILS\n===================================================== *\/\n\n\n.cf-areas{\n\n    --cf-abismo:#012D50;\n    --cf-azul:#1060A1;\n    --cf-azul-claro:#6FA6D4;\n    --cf-texto:#405F80;\n    --cf-linea:rgba(12,33,56,.14);\n\n\n    max-width:1240px;\n\n    margin:auto;\n\n    padding:20px 45px 90px;\n\n\n    font-family:'Figtree',sans-serif;\n\n    color:var(--cf-abismo);\n\n    background:transparent;\n\n}\n\n\n\/* ajuste vertical con secci\u00f3n anterior *\/\n\n#catalogo{\n\n    margin-top:-40px;\n\n}\n\n\n\n.cf-areas *,\n.cf-areas *::before,\n.cf-areas *::after{\n\n    box-sizing:border-box;\n\n}\n\n\n\n\/* =====================================================\nESTRUCTURA PRINCIPAL\n===================================================== *\/\n\n\n.cf-areas__grid{\n\n    display:grid;\n\n\n    grid-template-columns:\n\n    minmax(300px,380px) 1fr;\n\n\n    gap:90px;\n\n\n    align-items:start;\n\n\n}\n\n\n\n\/* =====================================================\nCOLUMNA IZQUIERDA\n===================================================== *\/\n\n\n.cf-areas__side{\n\n    position:sticky;\n\n    top:90px;\n\n}\n\n\n\n.cf-areas__label{\n\n\n    display:block;\n\n\n    margin-bottom:28px;\n\n\n    font-family:'Archivo',sans-serif;\n\n\n    font-size:13px;\n\n\n    font-weight:700;\n\n\n    text-transform:uppercase;\n\n\n    letter-spacing:.28em;\n\n\n    color:var(--cf-azul);\n\n\n}\n\n\n\n\n.cf-areas__side h2{\n\n\n    font-family:'Archivo',sans-serif;\n\n\n    font-size:clamp(38px,3.5vw,56px);\n\n\n    line-height:1.02;\n\n\n    letter-spacing:-2px;\n\n\n    font-weight:700;\n\n\n    margin:0;\n\n\n    color:var(--cf-abismo);\n\n\n}\n\n\n\n\n.cf-areas__side h2 em{\n\n\n    font-style:normal;\n\n\n    color:var(--cf-azul);\n\n\n}\n\n\n\n\n.cf-areas__rule{\n\n\n    width:100%;\n\n\n    height:1px;\n\n\n    background:var(--cf-linea);\n\n\n    margin:28px 0;\n\n\n}\n\n\n\n\n.cf-areas__intro{\n\n\n    max-width:330px;\n\n\n    font-size:18px;\n\n\n    line-height:1.7;\n\n\n    font-weight:300;\n\n\n    color:var(--cf-texto);\n\n\n}\n\n\n\n\n\n\/* =====================================================\nACORDEON\n===================================================== *\/\n\n\n.cf-areas details{\n\n\n    border-bottom:1px solid var(--cf-linea);\n\n\n}\n\n\n\n.cf-areas details:first-child{\n\n\n    border-top:1px solid var(--cf-linea);\n\n\n}\n\n\n\n\n.cf-areas summary{\n\n\n    display:flex;\n\n\n    align-items:center;\n\n\n    gap:20px;\n\n\n    padding:28px 0;\n\n\n    cursor:pointer;\n\n\n    list-style:none;\n\n\n    transition:.35s ease;\n\n\n}\n\n\n\n\n.cf-areas summary::-webkit-details-marker{\n\n    display:none;\n\n}\n\n\n\n.cf-areas summary:hover{\n\n    padding-left:10px;\n\n}\n\n\n\n\n.cf-areas summary h3{\n\n\n    flex:1;\n\n\n    margin:0;\n\n\n    padding:0;\n\n\n    font-family:'Archivo',sans-serif;\n\n\n    font-size:23px;\n\n\n    line-height:1.3;\n\n\n    letter-spacing:-.4px;\n\n\n    font-weight:600;\n\n\n    color:var(--cf-abismo);\n\n\n    transition:.3s ease;\n\n\n}\n\n\n\n\n.cf-areas summary:hover h3,\n.cf-areas details[open] summary h3{\n\n\n    color:var(--cf-azul);\n\n\n}\n\n\n\n\n\n\/* =====================================================\nCONTADOR\n===================================================== *\/\n\n\n.cf-count{\n\n\n    flex:none;\n\n\n    min-width:40px;\n\n\n    text-align:center;\n\n\n    font-size:17px;\n\n\n    font-weight:400;\n\n\n    color:#7894B2;\n\n\n}\n\n\n\n\n\n\/* =====================================================\nICONO + -\n===================================================== *\/\n\n\n.cf-sign{\n\n\n    flex:none;\n\n\n    width:18px;\n\n\n    height:18px;\n\n\n    position:relative;\n\n\n    color:var(--cf-azul);\n\n\n}\n\n\n\n\n.cf-sign::before,\n.cf-sign::after{\n\n\n    content:\"\";\n\n\n    position:absolute;\n\n\n    background:currentColor;\n\n\n    transition:.35s ease;\n\n\n}\n\n\n\n.cf-sign::before{\n\n\n    width:18px;\n\n\n    height:1.5px;\n\n\n    top:8px;\n\n\n}\n\n\n\n.cf-sign::after{\n\n\n    width:1.5px;\n\n\n    height:18px;\n\n\n    left:8px;\n\n\n}\n\n\n\n.cf-areas details[open] .cf-sign::after{\n\n\n    transform:rotate(90deg);\n\n\n}\n\n\n\n\n\n\/* =====================================================\nLISTADO DE CURSOS\n===================================================== *\/\n\n\n.cf-areas details ul{\n\n\n    columns:2;\n\n\n    column-gap:60px;\n\n\n    padding:0 0 35px;\n\n\n    margin:0;\n\n\n}\n\n\n\n\n.cf-areas details li{\n\n\n    position:relative;\n\n\n    break-inside:avoid;\n\n\n    list-style:none;\n\n\n    padding:7px 0 7px 22px;\n\n\n    font-size:17px;\n\n\n    line-height:1.55;\n\n\n    font-weight:300;\n\n\n    color:var(--cf-texto);\n\n\n}\n\n\n\n\n.cf-areas details li::before{\n\n\n    content:\"\";\n\n\n    position:absolute;\n\n\n    left:0;\n\n\n    top:18px;\n\n\n    width:7px;\n\n\n    height:1px;\n\n\n    background:var(--cf-azul-claro);\n\n\n}\n\n\n\n\n\n\/* =====================================================\nANIMACION APERTURA\n===================================================== *\/\n\n\n.cf-areas details[open] ul{\n\n\n    animation:cfEntrada .35s ease;\n\n\n}\n\n\n\n\n@keyframes cfEntrada{\n\n\nfrom{\n\n\n    opacity:0;\n\n\n    transform:translateY(-8px);\n\n\n}\n\n\n\nto{\n\n\n    opacity:1;\n\n\n    transform:none;\n\n\n}\n\n\n}\n\n\n\n\n\n\/* =====================================================\nRESPONSIVE\n===================================================== *\/\n\n\n@media(max-width:900px){\n\n\n.cf-areas{\n\n\n    padding:60px 25px;\n\n\n}\n\n\n\n#catalogo{\n\n\n    margin-top:0;\n\n\n}\n\n\n\n.cf-areas__grid{\n\n\n    grid-template-columns:1fr;\n\n\n    gap:50px;\n\n\n}\n\n\n\n.cf-areas__side{\n\n\n    position:relative;\n\n\n    top:auto;\n\n\n}\n\n\n\n}\n\n\n\n\n\n@media(max-width:640px){\n\n\n\n.cf-areas summary h3{\n\n\n    font-size:19px;\n\n\n}\n\n\n\n.cf-areas details ul{\n\n\n    columns:1;\n\n\n}\n\n\n\n.cf-areas details li{\n\n\n    font-size:16px;\n\n\n}\n\n\n\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@500;600;700;800&amp;family=Figtree:wght@300;400;500;600&amp;display=swap\">\n\n<section class=\"cf-areas\" id=\"catalogo\">\n  <div class=\"cf-areas__grid\">\n\n    <div class=\"cf-areas__side\">\n      <span class=\"cf-areas__label\">Cat\u00e1logo<\/span>\n      <h2>Ocho \u00e1reas<br><em>de formaci\u00f3n<\/em><\/h2>\n      <div class=\"cf-areas__rule\"><\/div>\n      <p class=\"cf-areas__intro\">\n        Despliega cada \u00e1rea para ver los cursos disponibles.\n        \u00bfNo est\u00e1 el que buscas? Lo dise\u00f1amos.\n      <\/p>\n    <\/div>\n\n    <div>\n\n      <details>\n        <summary><h3>Cursos con franquicia tributaria SENCE<\/h3><span class=\"cf-count\">32<\/span><span class=\"cf-sign\"><\/span><\/summary>\n        <ul>\n          <li>T\u00e9cnicas para trabajo seguro en altura<\/li>\n          <li>T\u00e9cnicas de armado y desarme de andamios<\/li>\n          <li>Aislaci\u00f3n y bloqueo \u00b7 control de energ\u00edas peligrosas<\/li>\n          <li>Manipulaci\u00f3n de sustancias peligrosas<\/li>\n          <li>Uso y manejo de extintores<\/li>\n          <li>Operaci\u00f3n en espacios confinados<\/li>\n          <li>Operaci\u00f3n de puentes gr\u00faa<\/li>\n          <li>Operaci\u00f3n de polipastos el\u00e9ctricos<\/li>\n          <li>Procedimiento de manipulaci\u00f3n de sustancias peligrosas<\/li>\n          <li>Operaci\u00f3n de m\u00e1quinas desplazadoras de cargas<\/li>\n          <li>Prevenci\u00f3n de riesgos el\u00e9ctricos<\/li>\n          <li>Investigaci\u00f3n de accidentes laborales (EVIN)<\/li>\n          <li>Inclusi\u00f3n y diversidad laboral<\/li>\n          <li>T\u00e9cnicas de investigaci\u00f3n de accidentes<\/li>\n          <li>Interpretaci\u00f3n y lectura de planos de arquitectura<\/li>\n          <li>Metrolog\u00eda aplicada<\/li>\n          <li>Prevenci\u00f3n y control de incidencias en la empresa<\/li>\n          <li>Administraci\u00f3n contable<\/li>\n          <li>Liderazgo y gesti\u00f3n de personas<\/li>\n          <li>Manejo defensivo de veh\u00edculos<\/li>\n          <li>Operaci\u00f3n de gr\u00faa horquilla<\/li>\n          <li>Operaci\u00f3n de retroexcavadora<\/li>\n          <li>Operaci\u00f3n de cami\u00f3n pluma<\/li>\n          <li>Soldadura por arco manual 10-40<\/li>\n          <li>Soldadura por arco manual TIG<\/li>\n          <li>Soldadura por arco MIG-MAG<\/li>\n          <li>Soldadura al arco con electrodo revestido<\/li>\n          <li>Corte por plasma<\/li>\n          <li>Oxicorte y extrusi\u00f3n<\/li>\n          <li>Termofusi\u00f3n y electrofusi\u00f3n<\/li>\n          <li>Torner\u00eda y particularidades del mecanizado<\/li>\n          <li>Rescate y primeros auxilios<\/li>\n        <\/ul>\n      <\/details>\n\n      <details>\n        <summary><h3>Ciencias y t\u00e9cnicas aplicadas<\/h3><span class=\"cf-count\">7<\/span><span class=\"cf-sign\"><\/span><\/summary>\n        <ul>\n          <li>T\u00e9cnicas para trabajo seguro en altura<\/li>\n          <li>Armado y desarme de andamios<\/li>\n          <li>Aislaci\u00f3n, bloqueo y control de energ\u00eda cero<\/li>\n          <li>Manejo de sustancias peligrosas<\/li>\n          <li>Uso de extintores<\/li>\n          <li>T\u00e9cnicas de izaje de cargas<\/li>\n          <li>Rigger b\u00e1sico, media y alta complejidad<\/li>\n        <\/ul>\n      <\/details>\n\n      <details>\n        <summary><h3>Mec\u00e1nica industrial<\/h3><span class=\"cf-count\">8<\/span><span class=\"cf-sign\"><\/span><\/summary>\n        <ul>\n          <li>Soldadura al arco manual proceso SMAW<\/li>\n          <li>Soldadura al arco proceso MIG-MAG<\/li>\n          <li>Soldadura al arco proceso TIG<\/li>\n          <li>Soldadura por proceso FCAW<\/li>\n          <li>Corte por oxicorte<\/li>\n          <li>Corte por plasma<\/li>\n          <li>Electrofusi\u00f3n y termofusi\u00f3n<\/li>\n          <li>Torner\u00eda y mecanizado industrial<\/li>\n        <\/ul>\n      <\/details>\n\n      <details>\n        <summary><h3>Transporte y telecomunicaciones<\/h3><span class=\"cf-count\">8<\/span><span class=\"cf-sign\"><\/span><\/summary>\n        <ul>\n          <li>Operador de gr\u00faa horquilla<\/li>\n          <li>Operador de retroexcavadora<\/li>\n          <li>Operador de minicargador<\/li>\n          <li>Operador de cami\u00f3n pluma<\/li>\n          <li>Operador de cami\u00f3n aljibe<\/li>\n          <li>Operador de gr\u00faa Tekma<\/li>\n          <li>Operador de cami\u00f3n roll-on<\/li>\n          <li>Operador de cami\u00f3n combustible<\/li>\n        <\/ul>\n      <\/details>\n\n      <details>\n        <summary><h3>Construcci\u00f3n y electricidad<\/h3><span class=\"cf-count\">4<\/span><span class=\"cf-sign\"><\/span><\/summary>\n        <ul>\n          <li>Instalador el\u00e9ctrico industrial<\/li>\n          <li>Instalador el\u00e9ctrico domiciliario<\/li>\n          <li>Riesgos el\u00e9ctricos seg\u00fan norma NFPA 70E<\/li>\n          <li>Instalaci\u00f3n de sistemas fotovoltaicos de baja potencia<\/li>\n        <\/ul>\n      <\/details>\n\n      <details>\n        <summary><h3>Guardias de seguridad y vigilantes privados O.S.10<\/h3><span class=\"cf-count\">5<\/span><span class=\"cf-sign\"><\/span><\/summary>\n        <ul>\n          <li>Formaci\u00f3n de vigilantes privados<\/li>\n          <li>Perfeccionamiento de vigilantes privados<\/li>\n          <li>Formaci\u00f3n de guardias de seguridad<\/li>\n          <li>Perfeccionamiento de guardias de seguridad<\/li>\n          <li>Especializaci\u00f3n en seguridad privada<\/li>\n        <\/ul>\n      <\/details>\n\n      <details>\n        <summary><h3>Computaci\u00f3n e inform\u00e1tica<\/h3><span class=\"cf-count\">4<\/span><span class=\"cf-sign\"><\/span><\/summary>\n        <ul>\n          <li>Aplicaci\u00f3n de herramientas de Google<\/li>\n          <li>Excel b\u00e1sico, intermedio y avanzado<\/li>\n          <li>Atenci\u00f3n al cliente<\/li>\n          <li>Habilidades blandas y resoluci\u00f3n de conflictos<\/li>\n        <\/ul>\n      <\/details>\n\n      <details>\n        <summary><h3>Administraci\u00f3n y gesti\u00f3n<\/h3><span class=\"cf-count\">2<\/span><span class=\"cf-sign\"><\/span><\/summary>\n        <ul>\n          <li>Asistente administrativo<\/li>\n          <li>Administraci\u00f3n de bodega y control de inventarios<\/li>\n        <\/ul>\n      <\/details>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-71565f53\">\n<style data-wp-block-html=\"css\">\n\/* ==================================================\n   CERFOM\n   SEIS FORMAS DE LLEGAR A TU EQUIPO\n================================================== *\/\n\n\n.cf-modalidades{\n\n\n    --azul:#1060A1;\n    --azul-oscuro:#0C2138;\n    --texto:#557393;\n    --linea:rgba(12,33,56,.14);\n\n\n    max-width:1240px;\n\n    margin:auto;\n\n    padding:90px 45px;\n\n\n    font-family:'Figtree',sans-serif;\n\n\n    background:transparent;\n\n\n}\n\n\n\n.cf-modalidades *,\n.cf-modalidades *::before,\n.cf-modalidades *::after{\n\n    box-sizing:border-box;\n\n}\n\n\n\n\/* GRID *\/\n\n.cf-modalidades__grid{\n\n\n    display:grid;\n\n\n    grid-template-columns:\n\n    380px 1fr;\n\n\n    gap:90px;\n\n\n}\n\n\n\n\/* =====================\n   IZQUIERDA\n===================== *\/\n\n\n.cf-modalidades__intro{\n\n\n    position:sticky;\n\n    top:80px;\n\n}\n\n\n\n.cf-modalidades__label{\n\n\n    display:block;\n\n\n    font-family:'Archivo',sans-serif;\n\n\n    font-size:13px;\n\n\n    font-weight:700;\n\n\n    letter-spacing:.28em;\n\n\n    text-transform:uppercase;\n\n\n    color:var(--azul);\n\n\n    margin-bottom:35px;\n\n\n}\n\n\n\n.cf-modalidades h2{\n\n\n    margin:0;\n\n\n    font-family:'Archivo',sans-serif;\n\n\n    font-size:clamp(48px,5vw,68px);\n\n\n    line-height:1.02;\n\n\n    letter-spacing:-2px;\n\n\n    font-weight:700;\n\n\n    color:var(--azul-oscuro);\n\n\n}\n\n\n\n.cf-modalidades h2 em{\n\n\n    font-style:normal;\n\n\n    color:var(--azul);\n\n\n}\n\n\n\n.cf-modalidades__line{\n\n\n    width:100%;\n\n\n    height:1px;\n\n\n    background:var(--linea);\n\n\n    margin-top:50px;\n\n\n}\n\n\n\n\n\n\n\/* =====================\n   TARJETAS\n===================== *\/\n\n\n.cf-modalidades__cards{\n\n\n    display:grid;\n\n\n    grid-template-columns:repeat(3,1fr);\n\n\n    gap:0 55px;\n\n\n}\n\n\n\n\n\n.cf-modalidad{\n\n\n    border-top:1px solid var(--linea);\n\n\n    padding:35px 0 45px;\n\n\n    transition:.35s ease;\n\n\n    position:relative;\n\n\n}\n\n\n\n\n\n.cf-modalidad:hover{\n\n\n    transform:translateY(-5px);\n\n\n}\n\n\n\n.cf-modalidad:hover::before{\n\n\n    width:45px;\n\n\n}\n\n\n\n.cf-modalidad::before{\n\n\n    content:\"\";\n\n\n    position:absolute;\n\n\n    top:-1px;\n\n\n    left:0;\n\n\n    height:2px;\n\n\n    width:0;\n\n\n    background:var(--azul);\n\n\n    transition:.35s ease;\n\n\n}\n\n\n\n\n\n\n.cf-modalidad h3{\n\n\n    margin:0 0 15px;\n\n\n    font-family:'Archivo',sans-serif;\n\n\n    font-size:22px;\n\n\n    line-height:1.25;\n\n\n    letter-spacing:-.4px;\n\n\n    font-weight:600;\n\n\n    color:var(--azul-oscuro);\n\n\n}\n\n\n\n.cf-modalidad p{\n\n\n    margin:0;\n\n\n    font-size:19px;\n\n\n    line-height:1.7;\n\n\n    font-weight:300;\n\n\n    color:var(--texto);\n\n\n}\n\n\n\n\n\n\n\n\/* =====================\n   TABLET\n===================== *\/\n\n\n@media(max-width:1000px){\n\n\n.cf-modalidades__grid{\n\n\n    grid-template-columns:1fr;\n\n\n    gap:50px;\n\n\n}\n\n\n\n.cf-modalidades__intro{\n\n\n    position:relative;\n\n    top:auto;\n\n\n}\n\n\n\n.cf-modalidades__cards{\n\n\n    grid-template-columns:repeat(2,1fr);\n\n\n}\n\n\n}\n\n\n\n\n\n\/* =====================\n   MOBILE\n===================== *\/\n\n\n@media(max-width:650px){\n\n\n.cf-modalidades{\n\n\n    padding:60px 25px;\n\n\n}\n\n\n\n.cf-modalidades__cards{\n\n\n    grid-template-columns:1fr;\n\n\n}\n\n\n\n.cf-modalidad h3{\n\n\n    font-size:20px;\n\n\n}\n\n\n\n.cf-modalidad p{\n\n\n    font-size:17px;\n\n\n}\n\n\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@500;600;700;800&#038;family=Figtree:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n\n<section class=\"cf-modalidades\">\n\n    <div class=\"cf-modalidades__grid\">\n\n\n        <!-- IZQUIERDA -->\n\n        <div class=\"cf-modalidades__intro\">\n\n            <span class=\"cf-modalidades__label\">\n                C\u00d3MO TRABAJAMOS\n            <\/span>\n\n\n            <h2>\n                Seis formas\n                <br>\n                <em>de llegar a tu<\/em>\n                <br>\n                <em>equipo<\/em>\n            <\/h2>\n\n\n            <div class=\"cf-modalidades__line\"><\/div>\n\n\n        <\/div>\n\n\n\n        <!-- DERECHA -->\n\n        <div class=\"cf-modalidades__cards\">\n\n\n\n            <article class=\"cf-modalidad\">\n\n                <h3>\n                    Cursos abiertos\n                <\/h3>\n\n                <p>\n                    Inscripci\u00f3n individual o en grupos peque\u00f1os,\n                    en fechas programadas en nuestra sede de Calama.\n                <\/p>\n\n            <\/article>\n\n\n\n            <article class=\"cf-modalidad\">\n\n                <h3>\n                    Cursos cerrados\n                <\/h3>\n\n                <p>\n                    Exclusivos para una empresa,\n                    en nuestras instalaciones o directamente en faena.\n                <\/p>\n\n            <\/article>\n\n\n\n            <article class=\"cf-modalidad\">\n\n                <h3>\n                    Cursos a medida\n                <\/h3>\n\n                <p>\n                    Contenidos dise\u00f1ados seg\u00fan las necesidades\n                    y los riesgos propios de cada operaci\u00f3n.\n                <\/p>\n\n            <\/article>\n\n\n\n            <article class=\"cf-modalidad\">\n\n                <h3>\n                    Franquicia SENCE\n                <\/h3>\n\n                <p>\n                    Cursos reconocidos por el Estado que permiten\n                    acceder al beneficio tributario.\n                <\/p>\n\n            <\/article>\n\n\n\n            <article class=\"cf-modalidad\">\n\n                <h3>\n                    E-learning y asincr\u00f3nico\n                <\/h3>\n\n                <p>\n                    Formaci\u00f3n en l\u00ednea para contenidos te\u00f3ricos,\n                    compatible con sistemas de turnos.\n                <\/p>\n\n            <\/article>\n\n\n\n            <article class=\"cf-modalidad\">\n\n                <h3>\n                    Certificaci\u00f3n de competencias\n                <\/h3>\n\n                <p>\n                    Evaluaci\u00f3n y certificaci\u00f3n en distintas\n                    especialidades con evaluadores acreditados.\n                <\/p>\n\n            <\/article>\n\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-cd0802f5 alignfull uagb-is-root-container\">\n<style data-wp-block-html=\"css\">\n.cf-respaldo{\n\n    --azul:#012D50;\n    --azul-claro:#6FA6D4;\n    --blanco:#FFFFFF;\n    --texto:#B3D5F2;\n    --linea:rgba(179,213,242,.25);\n\n    width:100%;\n    padding:100px 0;\n\n    font-family:'Figtree',sans-serif;\n\n    background:transparent;\n\n    color:white;\n\n}\n\n\n\n.cf-respaldo *,\n.cf-respaldo *::before,\n.cf-respaldo *::after{\n\n    box-sizing:border-box;\n\n}\n\n\n\n.cf-respaldo-grid{\n\n\n    max-width:1240px;\n    margin:auto;\n\n    padding:0 40px;\n\n    display:grid;\n\n    grid-template-columns:\n\n    minmax(280px,4fr)\n\n    minmax(500px,7fr);\n\n\n    gap:80px;\n\n\n}\n\n\n\n\n\/* TITULO *\/\n\n.cf-respaldo-intro{\n\n\n    position:sticky;\n    top:100px;\n\n    align-self:start;\n\n}\n\n\n\n.cf-label{\n\n\n    display:block;\n\n    font-family:'Archivo';\n\n    font-size:.75rem;\n\n    letter-spacing:.28em;\n\n    color:var(--azul-claro);\n\n    margin-bottom:30px;\n\n}\n\n\n\n.cf-respaldo h2{\n\n\n    font-family:'Archivo';\n\n    font-size:clamp(2.5rem,5vw,4.3rem);\n\n    line-height:1.02;\n\n    letter-spacing:-.04em;\n\n    color:white;\n\n    margin:0;\n\n}\n\n\n\n.cf-respaldo h2 span{\n\n\n    color:var(--azul-claro);\n\n}\n\n\n\n.cf-line{\n\n\n    width:100%;\n\n    height:1px;\n\n    background:var(--linea);\n\n    margin:35px 0;\n\n}\n\n\n\n.cf-respaldo-intro p{\n\n\n    max-width:330px;\n\n    font-size:1rem;\n\n    line-height:1.8;\n\n    color:var(--texto);\n\n    font-weight:300;\n\n}\n\n\n\n\/* ITEMS *\/\n\n\n.cf-respaldo-items{\n\n\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:0 60px;\n\n}\n\n\n\n.cf-item{\n\n\n    border-top:1px solid var(--linea);\n\n    padding:30px 0 35px;\n\n\n}\n\n\n\n.cf-item span{\n\n\n    font-family:'Archivo';\n\n    font-size:.65rem;\n\n    letter-spacing:.25em;\n\n    color:var(--azul-claro);\n\n}\n\n\n\n.cf-item h3{\n\n\n    font-family:'Archivo';\n\n    font-size:1.1rem;\n\n    line-height:1.2;\n\n    margin:18px 0 10px;\n\n    color:white;\n\n\n}\n\n\n\n.cf-item p{\n\n\n    margin:0;\n\n    color:var(--texto);\n\n    font-size:.95rem;\n\n    line-height:1.7;\n\n    font-weight:300;\n\n\n}\n\n\n\n\/* ANIMACION *\/\n\n\n.reveal{\n\n\n    opacity:0;\n\n    transform:translateY(35px);\n\n    transition:\n\n    opacity .8s ease,\n\n    transform .8s cubic-bezier(.2,.7,.3,1);\n\n\n}\n\n\n\n.reveal.visible{\n\n\n    opacity:1;\n\n    transform:none;\n\n\n}\n\n\n\n\n.cf-item:nth-child(2){\n\n    transition-delay:.1s;\n\n}\n\n\n.cf-item:nth-child(3){\n\n    transition-delay:.2s;\n\n}\n\n\n.cf-item:nth-child(4){\n\n    transition-delay:.3s;\n\n}\n\n\n.cf-item:nth-child(5){\n\n    transition-delay:.4s;\n\n}\n\n\n.cf-item:nth-child(6){\n\n    transition-delay:.5s;\n\n}\n\n\n\n\n@media(max-width:900px){\n\n\n.cf-respaldo-grid{\n\n\n    grid-template-columns:1fr;\n\n    gap:50px;\n\n    padding:0 25px;\n\n}\n\n\n\n.cf-respaldo-intro{\n\n    position:static;\n\n}\n\n\n\n.cf-respaldo-items{\n\n\n    grid-template-columns:1fr;\n\n}\n\n\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\n\n\nconst elementos = document.querySelectorAll(\".reveal\");\n\n\nconst observer = new IntersectionObserver((entradas)=>{\n\n\nentradas.forEach((entrada)=>{\n\n\nif(entrada.isIntersecting){\n\n\nentrada.target.classList.add(\"visible\");\n\n\nobserver.unobserve(entrada.target);\n\n\n}\n\n\n});\n\n\n},{\n\n\nthreshold:.15\n\n\n});\n\n\n\nelementos.forEach(el=>{\n\n\nobserver.observe(el);\n\n\n});\n\n\n\n});\n<\/script>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@500;600;700;800&#038;family=Figtree:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n\n<section class=\"cf-respaldo\" id=\"respaldo\">\n\n\n<div class=\"cf-respaldo-grid\">\n\n\n    <!-- COLUMNA IZQUIERDA -->\n\n    <div class=\"cf-respaldo-intro\">\n\n        <span class=\"cf-label reveal\">\n            RESPALDO\n        <\/span>\n\n\n        <h2 class=\"reveal\">\n\n            Cada sello es\n            <br>\n            una auditor\u00eda\n            <br>\n\n            <span>\n                aprobada\n            <\/span>\n\n        <\/h2>\n\n\n        <div class=\"cf-line reveal\"><\/div>\n\n\n        <p class=\"reveal\">\n\n            No son logos: son procesos verificados por terceros que se renuevan y se mantienen vigentes.\n\n        <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- COLUMNA DERECHA -->\n\n    <div class=\"cf-respaldo-items\">\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                NORMA CHILENA\n            <\/span>\n\n            <h3>\n                NCh 2728:2015\n            <\/h3>\n\n            <p>\n                Requisitos para organismos t\u00e9cnicos de capacitaci\u00f3n.\n                Certificada por Applus Chile, con renovaci\u00f3n peri\u00f3dica.\n                Obligatoria para operar como OTEC.\n            <\/p>\n\n        <\/article>\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                CERTIFICACI\u00d3N INTERNACIONAL\n            <\/span>\n\n            <h3>\n                ISO 9001:2015\n            <\/h3>\n\n            <p>\n                Sistema de gesti\u00f3n de la calidad certificado por Bureau Veritas,\n                aplicable a todos los procesos institucionales.\n            <\/p>\n\n        <\/article>\n\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                SISTEMAS INTEGRADOS\n            <\/span>\n\n            <h3>\n                Trinorma ISO 9001 \u00b7 14001 \u00b7 45001\n            <\/h3>\n\n            <p>\n                Calidad, medio ambiente y seguridad y salud en el trabajo,\n                auditadas y certificadas de forma integrada.\n            <\/p>\n\n        <\/article>\n\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                ORGANISMO DEL ESTADO\n            <\/span>\n\n            <h3>\n                OTEC SENCE \u00b7 Resoluci\u00f3n 2903\n            <\/h3>\n\n            <p>\n                Inscripci\u00f3n vigente en el Registro Nacional de Organismos\n                T\u00e9cnicos de Capacitaci\u00f3n, habilitante para franquicia tributaria.\n            <\/p>\n\n        <\/article>\n\n\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                GRAN MINER\u00cdA\n            <\/span>\n\n            <h3>\n                Validaci\u00f3n CODELCO \u00b7 SSO\n            <\/h3>\n\n            <p>\n                Autorizados para ejecutar capacitaci\u00f3n en Seguridad y Salud\n                Ocupacional en divisiones y proyectos de la Corporaci\u00f3n.\n            <\/p>\n\n        <\/article>\n\n\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                COMPETENCIAS LABORALES\n            <\/span>\n\n            <h3>\n                ChileValora\n            <\/h3>\n\n            <p>\n                Equipo formador con competencias certificadas en el Sistema\n                Nacional de Certificaci\u00f3n de Competencias Laborales.\n            <\/p>\n\n        <\/article>\n\n\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                EST\u00c1NDAR OSHA \/ ANSI\n            <\/span>\n\n            <h3>\n                Persona calificada en protecci\u00f3n contra ca\u00eddas\n            <\/h3>\n\n            <p>\n                Instructores certificados para identificar, evaluar y controlar\n                riesgos de ca\u00edda conforme a est\u00e1ndares internacionales.\n            <\/p>\n\n        <\/article>\n\n\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                SEGURIDAD PRIVADA\n            <\/span>\n\n            <h3>\n                Autorizaci\u00f3n O.S.10\n            <\/h3>\n\n            <p>\n                Acreditaci\u00f3n de Carabineros de Chile para impartir cursos\n                oficiales de guardias de seguridad y vigilantes privados.\n            <\/p>\n\n        <\/article>\n\n\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                REGISTROS DE PROVEEDORES\n            <\/span>\n\n            <h3>\n                SICEP \u00b7 RedNegocios \u00b7 Senegocia\n            <\/h3>\n\n            <p>\n                Inscritos y validados en las principales plataformas de\n                registro y licitaci\u00f3n del sector minero-industrial del pa\u00eds.\n            <\/p>\n\n        <\/article>\n\n\n\n\n        <article class=\"cf-item reveal\">\n\n            <span>\n                GREMIO\n            <\/span>\n\n            <h3>\n                Socios de la AIA\n            <\/h3>\n\n            <p>\n                Empresa socia de la Asociaci\u00f3n de Industriales de Antofagasta,\n                gremio que agrupa a m\u00e1s de 300 compa\u00f1\u00edas de la regi\u00f3n.\n            <\/p>\n\n        <\/article>\n\n\n\n    <\/div>\n\n\n\n<\/div>\n\n\n<\/section>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CALAMA \u00b7 REGI\u00d3N DE ANTOFAGASTA Formaci\u00f3n con sentido y seguridad. Preparamos a las personas que sostienen la operaci\u00f3n minera e industrial del norte de Chile. Aula, terreno y evaluaci\u00f3n en un mismo lugar: torre de entrenamiento certificada, andamios multidireccionales y equipos de protecci\u00f3n para practicar exactamente lo que har\u00e1n en faena. +70 cursos en cat\u00e1logo, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-510","page","type-page","status-publish","hentry"],"blocksy_meta":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/cerfom.cl\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"CALAMA \u00b7 REGI\u00d3N DE ANTOFAGASTA Formaci\u00f3n con sentido y seguridad. Preparamos a las personas que sostienen la operaci\u00f3n minera e industrial del norte de Chile. Aula, terreno y evaluaci\u00f3n en un mismo lugar: torre de entrenamiento certificada, andamios multidireccionales y equipos de protecci\u00f3n para practicar exactamente lo que har\u00e1n en faena. +70 cursos en cat\u00e1logo,&hellip;","_links":{"self":[{"href":"https:\/\/cerfom.cl\/index.php?rest_route=\/wp\/v2\/pages\/510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cerfom.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cerfom.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cerfom.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cerfom.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=510"}],"version-history":[{"count":39,"href":"https:\/\/cerfom.cl\/index.php?rest_route=\/wp\/v2\/pages\/510\/revisions"}],"predecessor-version":[{"id":579,"href":"https:\/\/cerfom.cl\/index.php?rest_route=\/wp\/v2\/pages\/510\/revisions\/579"}],"wp:attachment":[{"href":"https:\/\/cerfom.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}