{"id":3198,"date":"2025-12-17T09:42:32","date_gmt":"2025-12-17T09:42:32","guid":{"rendered":"https:\/\/tongbang-intel.com\/sobre-nosotros\/"},"modified":"2026-02-08T03:23:36","modified_gmt":"2026-02-08T03:23:36","slug":"sobre-nosotros","status":"publish","type":"page","link":"https:\/\/tongbang-intel.com\/es\/sobre-nosotros\/","title":{"rendered":"Sobre nosotros"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3198\" class=\"elementor elementor-3198 elementor-1460\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec7d006 e-con-full e-flex e-con e-parent\" data-id=\"ec7d006\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d499685 elementor-widget elementor-widget-html\" data-id=\"d499685\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    ARCHIVO: 00-global-styles.html\n    INSTRUCCIONES: \n    Pega este c\u00f3digo en un widget HTML en la parte superior o inferior de tu p\u00e1gina de Elementor.\n    Contiene todas las fuentes, estilos y scripts necesarios para que las dem\u00e1s secciones se vean correctamente.\n-->\n\n<!-- DEPENDENCIAS -->\n<link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400 ;500;700;900&family=Barlow:wght@300;400;600;700&display=swap\"\n    rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css \">\n\n<!-- ESTILOS -->\n<style>\n    \/* ============================================ *\/\n    \/* ESTILOS GLOBALES Y UTILIDADES *\/\n    \/* ============================================ *\/\n\n    \/* Ajuste Tipogr\u00e1fico para Sensaci\u00f3n M\u00e1s C\u00e1lida *\/\n    body,\n    p {\n        line-height: 1.8 !important;\n        \/* Aumentado desde el predeterminado\/1.6 para legibilidad *\/\n    }\n\n    .container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    \/* T\u00cdTULOS DE SECCI\u00d3N *\/\n    .section-title {\n        font-family: 'Orbitron', sans-serif !important;\n        font-size: clamp(2rem, 4vw, 3rem) !important;\n        text-align: center !important;\n        color: #0A192F !important;\n        margin-bottom: 60px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 2px !important;\n        line-height: 1.2 !important;\n    }\n\n    .section-subtitle {\n        text-align: center !important;\n        font-size: 1.2rem !important;\n        color: #718096 !important;\n        margin-top: -40px !important;\n        margin-bottom: 60px !important;\n        line-height: 1.6 !important;\n        font-family: 'Barlow', sans-serif !important;\n    }\n\n    \/* BOTONES *\/\n    .cta-buttons {\n        display: flex;\n        gap: 20px;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n\n    .btn-primary,\n    .btn-secondary {\n        display: inline-block !important;\n        padding: 15px 40px !important;\n        font-family: 'Barlow', sans-serif !important;\n        font-size: 1rem !important;\n        font-weight: 700 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n        border-radius: 4px !important;\n        text-decoration: none !important;\n        transition: all 0.3s ease !important;\n        border: 2px solid !important;\n        line-height: 1.4 !important;\n        cursor: pointer;\n    }\n\n    .btn-primary {\n        background: #F05A00 !important;\n        color: white !important;\n        border-color: #F05A00 !important;\n    }\n\n    .btn-primary:hover {\n        background: transparent !important;\n        color: #F05A00 !important;\n    }\n\n    .btn-secondary {\n        background: transparent !important;\n        color: white !important;\n        border-color: white !important;\n    }\n\n    .btn-secondary:hover {\n        background: white !important;\n        color: #0A192F !important;\n    }\n\n    \/* ============================================ *\/\n    \/* ESTILOS ESPEC\u00cdFICOS DE SECCI\u00d3N *\/\n    \/* ============================================ *\/\n\/* C\u00d3DIGO NUEVO (CORREGIDO) *\/\n.about-hero {\n    position: relative !important;\n    height: 70vh !important;\n    min-height: 600px !important;\n    \/* CAMBIO: Fondo muy oscuro (0.96) y URL correcta *\/\n    background: linear-gradient(135deg, rgba(4, 12, 24, 0.86) 0%, rgba(10, 30, 60, 0.84) 100%), url('https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/01\/hero-bg.webp ') !important;\n    background-size: cover !important;\n    background-position: center !important;\n    background-attachment: fixed !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    overflow: hidden !important;\n}\n\n    .about-hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background:\n            repeating-linear-gradient(0deg,\n                transparent,\n                transparent 2px,\n                rgba(0, 119, 200, 0.03) 2px,\n                rgba(0, 119, 200, 0.03) 4px);\n        animation: scanlines 8s linear infinite;\n    }\n\n    @keyframes scanlines {\n        0% {\n            transform: translateY(0);\n        }\n\n        100% {\n            transform: translateY(20px);\n        }\n    }\n\n    .hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: radial-gradient(circle at 30% 50%, rgba(0, 119, 200, 0.1) 0%, transparent 50%);\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        text-align: center;\n        max-width: 1000px;\n        padding: 0 2rem;\n    }\n\n   .hero-tag {\n        display: inline-block !important;\n        padding: 8px 20px !important;\n        background: rgba(255, 255, 255, 0.1) !important; \/* Fondo transparente claro *\/\n        border: 1px solid rgba(255, 255, 255, 0.8) !important; \/* Borde Blanco *\/\n        color: #FFFFFF !important; \/* Texto Blanco *\/\n        font-family: 'Barlow', sans-serif !important;\n        font-size: 0.9rem !important;\n        letter-spacing: 2px !important;\n        margin-bottom: 2rem !important;\n        border-radius: 20px !important;\n        line-height: 1.4 !important;\n    }\n\n    .hero-title {\n        font-family: 'Orbitron', sans-serif !important;\n        font-size: clamp(2.5rem, 6vw, 5rem) !important;\n        font-weight: 900 !important;\n        color: white !important;\n        line-height: 1.1 !important;\n        margin-bottom: 1.5rem !important;\n        text-transform: uppercase !important;\n    }\n\n    .hero-subtitle {\n        font-family: 'Barlow', sans-serif !important;\n        font-size: clamp(1.1rem, 2vw, 1.4rem) !important;\n        color: rgba(255, 255, 255, 0.8) !important;\n        font-weight: 300 !important;\n        line-height: 1.6 !important;\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 40px;\n        left: 50%;\n        transform: translateX(-50%);\n        color: #0077C8;\n        font-size: 2rem;\n        cursor: pointer;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n\n        0%,\n        20%,\n        50%,\n        80%,\n        100% {\n            transform: translateX(-50%) translateY(0);\n        }\n\n        40% {\n            transform: translateX(-50%) translateY(-10px);\n        }\n\n        60% {\n            transform: translateX(-50%) translateY(-5px);\n        }\n    }\n\n    \/* SECCI\u00d3N DE INTRODUCCI\u00d3N *\/\n    .about-intro {\n        padding: 100px 5%;\n        background: white;\n    }\n\n    .intro-grid {\n        display: grid;\n        grid-template-columns: 1.5fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }\n\n    .intro-text h2 {\n        font-family: 'Orbitron', sans-serif !important;\n        font-size: clamp(1.8rem, 3vw, 2.5rem) !important;\n        color: #0A192F !important;\n        margin-bottom: 2rem !important;\n        line-height: 1.3 !important;\n    }\n\n    .intro-text p {\n        font-family: 'Barlow', sans-serif !important;\n        font-size: 1.1rem !important;\n        line-height: 1.8 !important;\n        color: #4A5568 !important;\n        margin-bottom: 1.5rem !important;\n    }\n\n    .intro-visual {\n        display: flex;\n        flex-direction: column;\n        gap: 30px;\n    }\n\n    .intro-image-wrapper {\n        position: relative;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        border-bottom: 4px solid #0077C8;\n    }\n\n    .intro-feature-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n\n    .intro-image-wrapper:hover .intro-feature-img {\n        transform: scale(1.05);\n    }\n\n    \/* SECCI\u00d3N DE EMPRESA HIGH-TECH *\/\n    .certifications-section {\n        padding: 100px 5%;\n        background: white;\n    }\n\n    .high-tech-container {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 60px;\n        background: #F8F9FA;\n        \/* Gris ligeramente m\u00e1s c\u00e1lido *\/\n        padding: 60px;\n        border-radius: 12px;\n        border: 1px solid #E2E8F0;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);\n    }\n\n    .high-tech-content {\n        flex: 1;\n    }\n\n    .high-tech-content .section-title {\n        text-align: left !important;\n        margin-bottom: 20px !important;\n        font-size: clamp(2rem, 4vw, 2.5rem) !important;\n    }\n\n    .high-tech-content .section-subtitle {\n        text-align: left !important;\n        margin-top: -10px !important;\n        color: #F05A00 !important;\n        \/* Usar naranja corporativo para calidez *\/\n        font-weight: 600 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n    }\n\n    .high-tech-text {\n        font-family: 'Barlow', sans-serif !important;\n        font-size: 1.1rem !important;\n        color: #4A5568 !important;\n        line-height: 1.8 !important;\n    }\n\n    .high-tech-badge {\n        flex: 0 0 300px;\n        display: flex;\n        justify-content: center;\n    }\n\n    .badge-circle {\n        width: 260px;\n        height: 260px;\n        border-radius: 50%;\n        background: radial-gradient(circle at 30% 30%, #153E7E 0%, #0A2A5C 100%);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        box-shadow:\n            0 0 0 8px #F0F4F8,\n            \/* Espacio exterior *\/\n            0 0 0 10px #D4AF37,\n            \/* Anillo dorado *\/\n            0 15px 35px rgba(10, 42, 92, 0.3);\n        border: 4px dashed rgba(212, 175, 55, 0.5);\n        \/* Efecto de pespunte interior *\/\n        position: relative;\n        text-align: center;\n    }\n\n    .badge-circle::after {\n        \/* Efecto de cola de cinta (simplificado) *\/\n        content: '';\n        position: absolute;\n        bottom: -15px;\n        width: 60px;\n        height: 60px;\n        background: #0A2A5C;\n        z-index: -1;\n        transform: rotate(45deg);\n        border: 2px solid #D4AF37;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n    }\n\n    .badge-circle i {\n        font-size: 4rem !important;\n        background: linear-gradient(135deg, #FFD700 0%, #FDB931 100%);\n        background-clip: text;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        margin-bottom: 20px;\n        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n    }\n\n    .badge-circle span {\n        font-family: 'Orbitron', sans-serif !important;\n        font-weight: 700 !important;\n        font-size: 1.2rem !important;\n        line-height: 1.3 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n    }\n\n    \/* SECCI\u00d3N GLOBAL *\/\n    .global-section {\n        padding: 80px 5%;\n        background: white;\n    }\n\n    \/* SECCI\u00d3N DE MANUFACTURA *\/\n    .manufacturing-section {\n        padding: 100px 5%;\n        background: #F9F9F9;\n    }\n\n    .manufacturing-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 40px;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .mfg-card {\n        background: white;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n        transition: all 0.3s ease;\n    }\n\n    .mfg-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 40px rgba(0, 119, 200, 0.2);\n    }\n\n    .mfg-image {\n        width: 100%;\n        height: 250px;\n        object-fit: cover;\n    }\n\n    .mfg-card h4 {\n        font-family: 'Barlow', sans-serif !important;\n        font-size: 1.3rem !important;\n        font-weight: 700 !important;\n        color: #0A192F !important;\n        padding: 20px 20px 10px !important;\n        line-height: 1.4 !important;\n    }\n\n    .mfg-card p {\n        font-family: 'Barlow', sans-serif !important;\n        font-size: 0.95rem !important;\n        color: #4A5568 !important;\n        line-height: 1.7 !important;\n        padding: 0 20px 25px !important;\n    }\n\n    \/* SECCI\u00d3N DE DESTACADOS (Nueva Fila de 4 Columnas) *\/\n    .highlights-section {\n        padding: 60px 5%;\n        background: #0A192F;\n        color: white;\n    }\n\n    .highlights-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .highlight-item {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 15px;\n        padding: 10px;\n    }\n\n    .highlight-icon {\n        font-size: 2.5rem;\n        color: #F05A00;\n    }\n\n    .highlight-text {\n        text-align: left;\n    }\n\n    .highlight-title {\n        font-family: 'Orbitron', sans-serif;\n        font-weight: 700;\n        font-size: 1.5rem;\n        line-height: 1.2;\n        color: white;\n    }\n\n    .highlight-sub {\n        font-family: 'Barlow', sans-serif;\n        font-size: 0.9rem;\n        color: rgba(255, 255, 255, 0.7);\n        text-transform: uppercase;\n    }\n\n    \/* SECCI\u00d3N CTA *\/\n    .cta-section {\n        padding: 100px 5% !important;\n        background: linear-gradient(135deg, #0A192F 0%, #1a2942 100%) !important;\n        text-align: center !important;\n        color: white !important;\n    }\n\n    .cta-section h2 {\n        font-family: 'Orbitron', sans-serif !important;\n        font-size: clamp(2rem, 4vw, 3rem) !important;\n        margin-bottom: 20px !important;\n        color: #FFFFFF !important;\n        line-height: 1.2 !important;\n    }\n\n    .cta-section p {\n        font-family: 'Barlow', sans-serif !important;\n        font-size: 1.2rem !important;\n        color: rgba(255, 255, 255, 0.8) !important;\n        margin-bottom: 40px !important;\n        max-width: 800px !important;\n        margin-left: auto !important;\n        margin-right: auto !important;\n        line-height: 1.8 !important;\n    }\n\n    \/* DISE\u00d1O RESPONSIVO *\/\n    @media (max-width: 1200px) {\n        .intro-grid {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        .high-tech-container {\n            flex-direction: column;\n            text-align: center;\n            padding: 40px;\n        }\n\n        .high-tech-content .section-title,\n        .high-tech-content .section-subtitle {\n            text-align: center !important;\n        }\n\n        .high-tech-badge {\n            flex: 0 0 auto;\n            margin-top: 30px;\n        }\n    }\n\n    @media (max-width: 900px) {\n        .highlights-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 40px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .about-hero {\n            min-height: 500px !important;\n            height: 80vh !important;\n        }\n\n        .hero-content {\n            padding: 0 1.5rem !important;\n        }\n\n        .about-intro,\n        .certifications-section,\n        .manufacturing-section,\n        .cta-section,\n        .global-section,\n        .highlights-section {\n            padding: 60px 5% !important;\n        }\n\n        .manufacturing-grid {\n            grid-template-columns: 1fr !important;\n            gap: 30px !important;\n        }\n\n        .cta-buttons {\n            flex-direction: column !important;\n            align-items: center !important;\n        }\n\n        .btn-primary,\n        .btn-secondary {\n            width: 100% !important;\n            max-width: 300px !important;\n        }\n    }\n\n    @media (max-width: 500px) {\n        .highlights-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .highlight-item {\n            justify-content: flex-start;\n        }\n    }\n<\/style>\n\n<!-- SCRIPTS -->\n<script>\n    \/\/ Desplazamiento suave para el indicador\n    document.addEventListener('DOMContentLoaded', function () {\n        const scrollIndicator = document.querySelector('.scroll-indicator');\n        if (scrollIndicator) {\n            scrollIndicator.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector('.about-intro');\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        }\n    });\n<\/script>\n\n<section class=\"about-hero\">\n    <div class=\"hero-overlay\"><\/div>\n    <div class=\"hero-content\">\n        <span class=\"hero-tag\">DESDE 2016<\/span>\n        <h1 class=\"hero-title\">IMPULSANDO LA INNOVACI\u00d3N<br>EN CONVERSI\u00d3N DE PAPEL<\/h1>\n        <p class=\"hero-subtitle\">Soluciones de Ingenier\u00eda Avanzada para la Industria Global del Papel<\/p>\n    <\/div>\n    <div class=\"scroll-indicator\">\n        <i class=\"fas fa-chevron-down\"><\/i>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7968686 e-con-full e-flex e-con e-parent\" data-id=\"7968686\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62d7d09 elementor-widget elementor-widget-html\" data-id=\"62d7d09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    OPTIMIZADO PARA MOBILE Y TABLET\n    INSTRUCCIONES: Copia y pega ESTE bloque completo en tu widget HTML.\n-->\n<style>\n    \/* --- ESTILOS RESPONSIVE PARA SECCI\u00d3N INTRO --- *\/\n    \n    .about-intro {\n        padding: 80px 0;\n        background-color: #fff;\n        overflow: hidden;\n    }\n    .about-intro .container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n        box-sizing: border-box;\n    }\n    .intro-grid {\n        display: flex;\n        align-items: center; \/* Alineaci\u00f3n vertical centrada *\/\n        justify-content: space-between;\n        gap: 60px; \/* Espacio generoso entre columnas *\/\n    }\n    .intro-text {\n        flex: 1; \/* Toma el 50% del espacio base *\/\n        min-width: 300px;\n    }\n    .intro-visual {\n        flex: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    .intro-image-wrapper {\n        width: 100%;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1); \/* Sombra elegante *\/\n    }\n    .intro-feature-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n    .intro-image-wrapper:hover .intro-feature-img {\n        transform: scale(1.03); \/* Zoom sutil al pasar el mouse *\/\n    }\n    \/* --- TIPOGRAF\u00cdA --- *\/\n    \n    .intro-title {\n        font-family: 'Orbitron', sans-serif; \n        \/* clamp(min, val, max) escala el texto fluidamente *\/\n        font-size: clamp(1.8rem, 4vw, 2.4rem) !important; \n        line-height: 1.25 !important; \n        color: #0A192F; \n        margin-bottom: 20px;\n        font-weight: 700;\n    }\n    .intro-subtitle {\n        font-family: 'Orbitron', sans-serif; \n        color: #0077C8; \n        margin-top: -5px; \n        margin-bottom: 25px; \n        font-size: 1.1rem; \n        text-transform: uppercase; \n        letter-spacing: 2px;\n        font-weight: 600;\n    }\n    .intro-desc {\n        font-family: 'Barlow', 'Inter', sans-serif;\n        font-size: 1.1rem; \n        line-height: 1.8; \n        color: #4A5568;\n        text-align: justify; \/* Justificado se ve limpio en bloques grandes *\/\n    }\n    \/* --- MEDIA QUERIES (La magia del responsive) --- *\/\n    \/* TABLET (Hasta 1024px) *\/\n    @media screen and (max-width: 1024px) {\n        .about-intro { padding: 60px 0; }\n        .intro-grid { gap: 40px; }\n        \/* El texto se ajusta autom\u00e1ticamente gracias al clamp(), no es necesario forzarlo aqu\u00ed *\/\n    }\n    \/* MOBILE (Hasta 768px) *\/\n    @media screen and (max-width: 768px) {\n        .about-intro { padding: 50px 0; }\n        \n        .intro-grid {\n            flex-direction: column; \/* Apila los elementos verticalmente *\/\n            gap: 30px;\n        }\n        .intro-text {\n            text-align: left; \/* Alineaci\u00f3n natural para lectura *\/\n            padding-right: 0;\n        }\n        .intro-title {\n            font-size: 1.8rem !important; \/* Tama\u00f1o fijo legible en m\u00f3vil *\/\n        }\n        \n        .intro-desc {\n            font-size: 1rem; \/* Texto un poco m\u00e1s compacto *\/\n            text-align: left;\n        }\n    }\n<\/style>\n<section class=\"about-intro\">\n    <div class=\"container\">\n        <div class=\"intro-grid\">\n            \n            <!-- COLUMNA 1: TEXTO -->\n            <div class=\"intro-text\">\n                <h2 class=\"intro-title\">\n                    M\u00c1QUINAS TONGBANG \u2014<br>UNA D\u00c9CADA DE ARTESAN\u00cdA, FORJANDO EL FUTURO\n                <\/h2>\n                <h3 class=\"intro-subtitle\">\n                    Doble Certificaci\u00f3n, Construida sobre Experiencia T\u00e9cnica\n                <\/h3>\n                <p class=\"intro-desc\">\n                    Mientras Tongbang celebra su d\u00e9cimo aniversario, nuestro ADN t\u00e9cnico ha estado evolucionando durante m\u00e1s de 20 a\u00f1os. La empresa est\u00e1 dirigida por un equipo fundador de dise\u00f1adores principales e ingenieros senior, cada uno con m\u00e1s de dos d\u00e9cadas de experiencia arraigada en la industria de maquinaria para papel. Esta ventaja dual \u00fanica de \"una d\u00e9cada de madurez corporativa m\u00e1s 20 a\u00f1os de acumulaci\u00f3n t\u00e9cnica\" nos otorga la estabilidad de una empresa establecida y la perspicacia de especialistas de primer nivel. Poseemos un entendimiento \u00edntimo de cada detalle en el dise\u00f1o mec\u00e1nico y, lo que es m\u00e1s importante, la experiencia para desarrollar optimizaciones que entreguen el m\u00e1ximo valor para nuestros clientes.\n                <\/p>\n            <\/div>\n            \n            <!-- COLUMNA 2: IMAGEN -->\n            <div class=\"intro-visual\">\n                <div class=\"intro-image-wrapper\">\n                    <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/01\/intro-team.webp \" alt=\"Equipo de F\u00e1brica Tong Bang\"\n                        class=\"intro-feature-img\" width=\"600\" height=\"400\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa79d95 e-con-full e-flex e-con e-parent\" data-id=\"aa79d95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb163f4 elementor-widget elementor-widget-html\" data-id=\"fb163f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    SECCI\u00d3N CERTIFICACI\u00d3N OPTIMIZADA\n    INSTRUCCIONES: Copia y pega ESTE bloque completo en tu widget HTML.\n-->\n<style>\n    \/* --- ESTILOS DE CERTIFICACI\u00d3N --- *\/\n    \n    .certification-section {\n        padding: 80px 0;\n        background-color: #f8faff; \/* Ligero cambio de fondo para contraste elegante *\/\n    }\n    .certification-section .container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n        box-sizing: border-box;\n    }\n    \/* GRID: Imagen Izquierda | Texto Derecha *\/\n    .cert-grid {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 60px;\n    }\n    .cert-visual {\n        flex: 0.8; \n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    .cert-content {\n        flex: 1.5; \n    }\n    \/* Imagen del Certificado *\/\n    .cert-img-wrapper {\n        position: relative;\n        width: 100%;\n        max-width: 400px; \/* Tama\u00f1o controlado *\/\n        transition: transform 0.4s ease;\n    }\n    .cert-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        \/* Sombra suave para darle profundidad *\/\n        filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1)); \n    }\n    .cert-img-wrapper:hover {\n        transform: translateY(-5px); \/* Peque\u00f1o efecto flotante *\/\n    }\n    \/* --- TIPOGRAF\u00cdA --- *\/\n    \n    .cert-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: clamp(1.6rem, 3vw, 2.2rem) !important;\n        line-height: 1.25 !important;\n        color: #0A192F;\n        margin-bottom: 20px;\n        font-weight: 700;\n        text-transform: uppercase;\n    }\n    .cert-subtitle {\n        font-family: 'Orbitron', sans-serif;\n        color: #0077C8;\n        font-size: 1.1rem;\n        margin-bottom: 25px;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        font-weight: 600;\n    }\n    .cert-desc {\n        font-family: 'Barlow', 'Inter', sans-serif;\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: #4A5568;\n        text-align: justify;\n    }\n    \/* --- RESPONSIVE --- *\/\n    \/* TABLET (Hasta 1024px) *\/\n    @media screen and (max-width: 1024px) {\n        .certification-section { padding: 60px 0; }\n        .cert-grid { gap: 40px; }\n    }\n    \/* MOBILE (Hasta 768px) *\/\n    @media screen and (max-width: 768px) {\n        .certification-section { padding: 50px 0; }\n        \n        .cert-grid {\n            flex-direction: column; \/* Columna \u00fanica *\/\n            text-align: center;\n            gap: 35px;\n        }\n        \n        .cert-content {\n            text-align: center;\n        }\n        .cert-desc {\n            text-align: left; \/* Lectura c\u00f3moda alineada a la izquierda *\/\n            font-size: 1rem;\n        }\n        .cert-title {\n            font-size: 1.6rem !important;\n        }\n    }\n<\/style>\n<section class=\"certification-section\">\n    <div class=\"container\">\n        \n        <div class=\"cert-grid\">\n            \n            <!-- IZQUIERDA: IMAGEN (NUEVA) -->\n            <div class=\"cert-visual\">\n                <div class=\"cert-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/02\/Certificado-tecnologico.webp \" \n                         alt=\"Certificado Nacional de Empresa de Alta Tecnolog\u00eda\" \n                         class=\"cert-img\"\n                         width=\"400\" height=\"400\">\n                <\/div>\n            <\/div>\n            <!-- DERECHA: TEXTO -->\n            <div class=\"cert-content\">\n                \n                <h2 class=\"cert-title\">\n                    CERTIFICACI\u00d3N AUTORITATIVA,<br>IMPULSADA POR LA INNOVACI\u00d3N\n                <\/h2>\n                \n                <h3 class=\"cert-subtitle\">\n                    Excelencia de Ingenier\u00eda Reconocida\n                <\/h3>\n                <p class=\"cert-desc\">\n                    Como empresa impulsada por la tecnolog\u00eda, Tongbang ha sido honrada con el t\u00edtulo certificado por el gobierno de Empresa Nacional de Alta Tecnolog\u00eda. Este reconocimiento no solo es un aval de nuestra inversi\u00f3n sostenida en I+D, sino tambi\u00e9n un respaldo oficial de nuestra fortaleza competitiva central en el sector de procesamiento de papel tissue.\n                <\/p>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3037d4d e-con-full e-flex e-con e-parent\" data-id=\"3037d4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11b63a4 elementor-widget elementor-widget-html\" data-id=\"11b63a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    SECCI\u00d3N GLOBAL LEADERS OPTIMIZADA CON FONDO T\u00c9CNICO\n    INSTRUCCIONES: Copia y pega ESTE bloque completo en tu widget HTML.\n-->\n<style>\n    \/* --- FONDO T\u00c9CNICO AVANZADO --- *\/\n    .global-fusion-section {\n        position: relative;\n        padding: 100px 5%;\n        background-color: #ffffff;\n        \n        \/* \n           FONDO COMBINADO (Inspirado en tu referencia):\n           1. Cuadr\u00edcula sutil (Blueprint est\u00e9tico)\n           2. Puntos t\u00e9cnicos (Radial gradient)\n           3. Gradiente de luz lateral para profundidad y limpieza\n        *\/\n        background-image: \n            \/* Grid principal (L\u00edneas muy finas azules) *\/\n            linear-gradient(rgba(0, 119, 200, 0.05) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(0, 119, 200, 0.05) 1px, transparent 1px),\n            \n            \/* Puntos sutiles dispersos (Efecto tech) *\/\n            radial-gradient(circle, rgba(10, 25, 47, 0.08) 1px, transparent 1px),\n            \n            \/* Luz ambiental lateral (suaviza todo y da aire premium) *\/\n            linear-gradient(120deg, #ffffff 40%, rgba(218, 234, 251, 0.5) 100%);\n            \n        background-size: \n            40px 40px, \/* Tama\u00f1o de cuadr\u00edcula *\/\n            40px 40px, \n            20px 20px, \/* Tama\u00f1o de patr\u00f3n de puntos *\/\n            100% 100%;\n            \n        background-position: center;\n        overflow: hidden;\n    }\n    \/* Elemento decorativo extra: L\u00ednea tech superior *\/\n    .global-fusion-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, #0077C8, transparent);\n        opacity: 0.6;\n    }\n    \/* --- LAYOUT GRID --- *\/\n    .global-split-layout {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px; \/* Espacio elegante *\/\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2; \/* Asegura que el contenido flote sobre el fondo *\/\n        align-items: center;\n    }\n    \/* --- TEXTO --- *\/\n    .global-text-side {\n        text-align: left;\n    }\n    .info-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: clamp(1.6rem, 3vw, 2.2rem) !important;\n        line-height: 1.25 !important;\n        color: #0A192F;\n        margin-bottom: 20px;\n        font-weight: 700;\n        text-transform: uppercase;\n    }\n    .info-subtitle {\n        font-family: 'Orbitron', sans-serif;\n        color: #0077C8;\n        font-size: 1.1rem;\n        margin-bottom: 25px;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        font-weight: 600;\n    }\n    .info-desc {\n        font-family: 'Barlow', 'Inter', sans-serif;\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: #4A5568;\n        text-align: justify;\n    }\n    \/* --- IMAGEN --- *\/\n    .global-image-side {\n        position: relative;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15); \/* Sombra pronunciada para destacar *\/\n        background: #fff;\n        transition: transform 0.4s ease;\n    }\n    .global-image-side:hover {\n        transform: translateY(-5px); \/* Peque\u00f1a elevaci\u00f3n al hover *\/\n    }\n    .global-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.6s ease;\n    }\n    \n    .global-image-side:hover .global-img {\n        transform: scale(1.05); \/* Efecto zoom interior *\/\n    }\n    \/* --- RESPONSIVE --- *\/\n    \/* Tablet (max-width: 1024px) *\/\n    @media screen and (max-width: 1024px) {\n        .global-fusion-section { padding: 60px 0; }\n        \n        .global-split-layout {\n            grid-template-columns: 1fr; \/* Una columna *\/\n            gap: 50px;\n        }\n        .global-text-side {\n            text-align: center;\n            max-width: 800px; \/* Limita ancho de texto para que no sea eterno *\/\n            margin: 0 auto;\n        }\n        .info-desc {\n            text-align: left;\n        }\n    }\n    \/* Mobile (max-width: 768px) *\/\n    @media screen and (max-width: 768px) {\n        .global-fusion-section { padding: 50px 20px; }\n        \n        .global-split-layout {\n            gap: 40px;\n            display: flex;\n            flex-direction: column-reverse; \/* Imagen arriba en este caso? O abajo? Aqu\u00ed est\u00e1 Texto Arriba, Imagen Abajo por defecto grid 1fr. Ponemos column para controlar mejor. *\/\n            \/* Si quieres Imagen Arriba: flex-direction: column-reverse; *\/\n            \/* Si quieres Texto Arriba: flex-direction: column; *\/\n            display: grid; \n            grid-template-columns: 1fr;\n        }\n        .info-title {\n            font-size: 1.6rem !important;\n        }\n        \n        .info-desc {\n            font-size: 1rem;\n        }\n    }\n<\/style>\n<section class=\"global-fusion-section\">\n    \n    <div class=\"global-split-layout\">\n        \n        <!-- TEXTO -->\n        <div class=\"global-text-side\">\n            \n            <h2 class=\"info-title\">\n                LA ELECCI\u00d3N DE L\u00cdDERES DE LA INDUSTRIA,<br>UN TESTIMONIO DE CALIDAD\n            <\/h2>\n            <h3 class=\"info-subtitle\">\n                Confianza y Fiabilidad Global\n            <\/h3>\n            <p class=\"info-desc\">\n                Durante la \u00faltima d\u00e9cada, la huella de Tongbang se ha expandido globalmente. Hemos servido exitosamente a numerosos fabricantes de papel tissue a gran escala en todo el mundo. Desde entornos de producci\u00f3n exigentes hasta operaciones continuas de alta intensidad, el equipo de Tongbang consistentemente ofrece un rendimiento excepcional. Es precisamente esta calidad excepcional de m\u00e1quinas y fiabilidad lo que nos ha ganado la confianza a largo plazo y la alta estima de gigantes de la industria, estableciendo nuestra s\u00f3lida reputaci\u00f3n en el mercado.\n            <\/p>\n        <\/div>\n        <!-- IMAGEN -->\n        <div class=\"global-image-side\">\n            <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2025\/12\/IMG_20240310_160648-scaled.jpg \" \n                 alt=\"L\u00ednea de Producci\u00f3n de Tongbang - L\u00edderes Globales de la Industria\" \n                 class=\"global-img\"\n                 width=\"800\" height=\"600\">\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aeb91d5 e-con-full e-flex e-con e-parent\" data-id=\"aeb91d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5cf925 elementor-widget elementor-widget-html\" data-id=\"a5cf925\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    SECCI\u00d3N INTELLIGENT CONTROL OPTIMIZADA\n    INSTRUCCIONES: Copia y pega ESTE bloque completo en tu widget HTML.\n-->\n<style>\n    \/* --- ESTILOS INTELLIGENT FACTORY --- *\/\n    .intel-section {\n        padding: 100px 5%;\n        position: relative;\n        background-color: #FFFFFF;\n        \n        \/* Patr\u00f3n sutil de fondo tech para evitar el blanco plano *\/\n        background-image: \n            radial-gradient(circle at 50% 50%, #f9fafb 0%, transparent 100%),\n            linear-gradient(#f0f4f8 1px, transparent 1px),\n            linear-gradient(90deg, #f0f4f8 1px, transparent 1px);\n        background-size: 100% 100%, 40px 40px, 40px 40px;\n        background-position: center;\n    }\n    .intel-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px; \n        align-items: center;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n    \/* --- IMAGEN (IZQUIERDA) --- *\/\n    .intel-image-wrapper {\n        position: relative;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n        background: #fff;\n        border-bottom: 4px solid #F05A00; \/* L\u00ednea de acento Tongbang Orange *\/\n        transition: transform 0.4s ease;\n    }\n    .intel-image-wrapper:hover {\n        transform: translateY(-5px); \/* Elevaci\u00f3n ligera *\/\n    }\n    .intel-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        min-height: 350px;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n    .intel-image-wrapper:hover .intel-img {\n        transform: scale(1.03); \/* Zoom sutil *\/\n    }\n    \/* BADGE DE PARTNERS (Nuevo detalle premium) *\/\n    .tech-badge {\n        position: absolute;\n        bottom: 20px;\n        left: 20px;\n        background: rgba(255, 255, 255, 0.95);\n        padding: 10px 20px;\n        border-radius: 4px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        display: flex;\n        gap: 15px;\n        align-items: center;\n        border-left: 3px solid #0077C8;\n    }\n    \n    .tech-badge span {\n        font-family: 'Inter', sans-serif;\n        font-size: 0.85rem;\n        letter-spacing: 0.5px;\n    }\n    \/* --- TEXTO (DERECHA) --- *\/\n    .intel-content {\n        text-align: left;\n    }\n    .intel-title {\n        font-family: 'Orbitron', sans-serif;\n        font-size: clamp(1.6rem, 3vw, 2.2rem) !important;\n        line-height: 1.25 !important;\n        color: #0A192F;\n        margin-bottom: 20px;\n        font-weight: 700;\n        text-transform: uppercase;\n    }\n    .intel-subtitle {\n        font-family: 'Orbitron', sans-serif;\n        color: #0077C8;\n        font-size: 1.1rem;\n        margin-bottom: 25px;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        font-weight: 600;\n    }\n    .intel-desc {\n        font-family: 'Barlow', 'Inter', sans-serif;\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: #4A5568;\n        text-align: justify;\n    }\n    .intel-desc strong {\n        color: #003366; \/* Resaltado en azul corporativo *\/\n    }\n    \/* --- RESPONSIVE --- *\/\n    \/* Tablet (max-width: 1024px) *\/\n    @media screen and (max-width: 1024px) {\n        .intel-section { padding: 60px 0; }\n        \n        .intel-grid {\n            grid-template-columns: 1fr; \/* Una columna *\/\n            gap: 50px;\n        }\n        .intel-content {\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        .intel-desc {\n            text-align: left;\n        }\n        \n        .tech-badge {\n            left: 50%;\n            transform: translateX(-50%);\n            bottom: 15px;\n            width: max-content;\n        }\n        \/* Usualmente la imagen primero se ve mejor en m\u00f3vil *\/\n        .intel-image-wrapper {\n            order: -1; \n        }\n    }\n    \/* Mobile (max-width: 768px) *\/\n    @media screen and (max-width: 768px) {\n        .intel-section { padding: 50px 20px; }\n        \n        .intel-grid { gap: 40px; }\n        .intel-title {\n            font-size: 1.6rem !important;\n        }\n        \n        \/* Ajuste de badge en pantallas muy peque\u00f1as *\/\n        .tech-badge {\n            padding: 8px 15px;\n            bottom: 10px;\n        }\n    }\n<\/style>\n<section class=\"intel-section\">\n    <div class=\"intel-grid\">\n        \n        <!-- IMAGEN -->\n        <div class=\"intel-image-wrapper\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/01\/hero-bg.webp \" \n                 alt=\"Sistemas de Control Inteligente Siemens y Schneider\" \n                 class=\"intel-img\"\n                 width=\"800\" height=\"600\">\n            \n            <!-- Badge Visual para reforzar la calidad -->\n            <div class=\"tech-badge\">\n                <span style=\"color:#009999; font-weight:800;\">SIEMENS<\/span>\n                <span style=\"color:#ccc;\">|<\/span>\n                <span style=\"color:#3dcd58; font-weight:800;\">Schneider<\/span>\n            <\/div>\n        <\/div>\n        <!-- TEXTO -->\n        <div class=\"intel-content\">\n            \n            <h2 class=\"intel-title\">\n                Control Inteligente en el Centro, Sirviendo al Mundo\n            <\/h2>\n            <h3 class=\"intel-subtitle\">\n                Est\u00e1ndares Globales y Soluciones Inteligentes\n            <\/h3>\n            <p class=\"intel-desc\">\n                Estamos comprometidos a fabricar cada pieza de equipo conforme a est\u00e1ndares de clase mundial. Al integrar sistemas de control el\u00e9ctrico de <strong>Siemens<\/strong> y <strong>Schneider<\/strong> con nuestra arquitectura mec\u00e1nica robusta propietaria, Tongbang se dedica a proporcionar a clientes globales soluciones de producci\u00f3n inteligente caracterizadas por <strong>\"Alta Producci\u00f3n, Bajo Mantenimiento\"<\/strong>.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-356a6b3 e-con-full e-flex e-con e-parent\" data-id=\"356a6b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00f70ea elementor-widget elementor-widget-html\" data-id=\"00f70ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    ARCHIVO: 05-stats-bar.html\n    SECCI\u00d3N: Barra de estad\u00edsticas negra (Ancho Completo)\n-->\n\n<style>\n    \/* Estilos de la Barra Negra Independiente *\/\n    .stats-bar-section {\n        background: #0A192F;\n        color: white;\n        padding: 50px 5%;\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    .stats-container {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 30px;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .stat-item {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 15px;\n        text-align: left;\n    }\n\n    \/* Estilos base para todos los iconos *\/\n    .stat-icon {\n        width: 2.5rem;\n        height: 2.5rem;\n        object-fit: contain;\n        display: block;\n        filter: invert(34%) sepia(78%) saturate(5781%) hue-rotate(5deg) brightness(99%) contrast(101%);\n    }\n\n    \/* CORRECCI\u00d3N 1: Primer icono (Experiencia) m\u00e1s grande - Selecciona el primer .stat-item *\/\n    .stat-item:nth-child(1) .stat-icon {\n        width: 2.8rem;  \/* M\u00e1s grande que los dem\u00e1s *\/\n        height: 2.8rem;\n        transform: scale(1.3); \/* Alternativa si el width no funciona bien *\/\n    }\n\n    \/* CORRECCI\u00d3N 2: \u00daltimo icono (Cliente) - Eliminar fondo blanco\/naranja *\/\n    .stat-item:nth-child(4) .stat-icon {\n        \/* Si tiene fondo s\u00f3lido, esto lo intenta hacer transparente *\/\n        mix-blend-mode: screen;\n        \/* Si el icono es diferente y necesita otro tama\u00f1o: *\/\n        \/* width: 3rem; height: 3rem; *\/\n    }\n\n    .stat-info h3 {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 1.5rem;\n        margin: 0;\n        line-height: 1;\n        color: white;\n    }\n\n    .stat-info p {\n        font-family: 'Barlow', sans-serif;\n        font-size: 0.85rem;\n        margin: 5px 0 0 0;\n        color: rgba(255,255,255,0.7);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 1024px) {\n        .stats-container {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 40px;\n        }\n    }\n\n    @media (max-width: 500px) {\n        .stats-container {\n            grid-template-columns: 1fr;\n            text-align: center;\n        }\n        .stat-item {\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n<\/style>\n\n<section class=\"stats-bar-section\">\n    <div class=\"stats-container\">\n        \n        <!-- Stat 1: 20+ A\u00f1os (Se ver\u00e1 m\u00e1s grande con el CSS) -->\n        <div class=\"stat-item\">\n            <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/02\/Industry-experience.svg \" \n                 alt=\"M\u00e1s de 20 A\u00f1os de Experiencia\" \n                 class=\"stat-icon\">\n            <div class=\"stat-info\">\n                <h3>20+ A\u00f1os<\/h3>\n                <p>Experiencia en la Industria<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Stat 2: Alta Tecnolog\u00eda -->\n        <div class=\"stat-item\">\n            <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/02\/High-Tech-Icon.svg \" \n                 alt=\"Empresa Nacional High-Tech\" \n                 class=\"stat-icon\">\n            <div class=\"stat-info\">\n                <h3>High-Tech<\/h3>\n                <p>Empresa Nacional<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Stat 3: Global -->\n        <div class=\"stat-item\">\n            <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/02\/Global.svg \" \n                 alt=\"Clientela Global\" \n                 class=\"stat-icon\">\n            <div class=\"stat-info\">\n                <h3>Global<\/h3>\n                <p>Clientes Atendidos<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Stat 4: Satisfacci\u00f3n del Cliente (Aqu\u00ed el fondo se oculta con mix-blend-mode) -->\n        <div class=\"stat-item\">\n            <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/02\/satisfaction-2.svg \" \n                 alt=\"100% Satisfacci\u00f3n del Cliente\" \n                 class=\"stat-icon\">\n            <div class=\"stat-info\">\n                <h3>100%<\/h3>\n                <p>Satisfacci\u00f3n del Cliente<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31db44c e-con-full e-flex e-con e-parent\" data-id=\"31db44c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6efe99 elementor-widget elementor-widget-html\" data-id=\"e6efe99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    ARCHIVO: 02b-anniversary-gallery.html\n    INSTRUCCIONES: Pega esto en un widget HTML de Elementor ENTRE '02-intro' y '03-certification'.\n-->\n\n<style>\n    \/* ESTILOS LOCALES PARA GALER\u00cdA DE ANIVERSARIO *\/\n    .anniversary-section {\n        padding: 80px 5%;\n        background: linear-gradient(to bottom, #ffffff 0%, #FFF5F0 100%);\n        \/* Transici\u00f3n c\u00e1lida sutil *\/\n    }\n\n    .anniversary-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .gallery-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .gallery-card {\n        background: white;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border-bottom: 4px solid #F05A00;\n        \/* Acento naranja para calidez *\/\n    }\n\n    .gallery-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 15px 40px rgba(240, 90, 0, 0.15);\n    }\n\n    .gallery-img-wrapper {\n        height: 250px;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .gallery-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }\n\n    .gallery-card:hover .gallery-img {\n        transform: scale(1.05);\n        \/* Efecto de zoom sutil *\/\n    }\n\n    .gallery-caption {\n        padding: 20px;\n        text-align: center;\n    }\n\n    .gallery-caption h4 {\n        font-family: 'Orbitron', sans-serif;\n        font-weight: 700;\n        font-size: 1.1rem;\n        color: #0A192F;\n        margin: 0;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n        .gallery-grid {\n            grid-template-columns: repeat(2, 1fr);\n            \/* 2 columnas en tablet *\/\n        }\n    }\n\n    @media (max-width: 600px) {\n        .gallery-grid {\n            grid-template-columns: 1fr;\n            \/* Apilado en m\u00f3vil *\/\n        }\n\n        .gallery-img-wrapper {\n            height: 200px;\n        }\n    }\n<\/style>\n\n<section class=\"anniversary-section\">\n    <div class=\"container\">\n        <!-- Encabezado de Secci\u00f3n -->\n        <div class=\"anniversary-header\">\n            <h2 class=\"section-title\" style=\"margin-bottom: 10px !important;\">CELEBRANDO UN HITO<\/h2>\n            <p class=\"section-subtitle\" style=\"color: #F05A00 !important; font-weight: 600; margin-top: 10px !important; margin-bottom: 50px !important;\"><\/p>Una D\u00e9cada de Unidad y\n                \u00c9xito Compartido (2016-2026)<\/p>\n        <\/div>\n\n        <!-- Cuadr\u00edcula de Galer\u00eda -->\n        <div class=\"gallery-grid\">\n            <!-- Item 1 -->\n            <div class=\"gallery-card\">\n                <div class=\"gallery-img-wrapper\">\n                    <!-- Placeholder: Usa aqu\u00ed la URL de tu imagen real de celebraci\u00f3n -->\n                    <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/01\/Grand-Celebration.webp \" alt=\"Evento de Aniversario\" class=\"gallery-img\">\n                <\/div>\n                <div class=\"gallery-caption\">\n                    <h4>Gran Celebraci\u00f3n<\/h4>\n                <\/div>\n            <\/div>\n\n            <!-- Item 2 -->\n            <div class=\"gallery-card\">\n                <div class=\"gallery-img-wrapper\">\n                    <!-- Placeholder -->\n                    <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/01\/Leadership-Vision.webp \" alt=\"Premios del Equipo\" class=\"gallery-img\">\n                <\/div>\n                <div class=\"gallery-caption\">\n                    <h4>Visi\u00f3n de Liderazgo<\/h4>\n                <\/div>\n            <\/div>\n\n            <!-- Item 3 -->\n            <div class=\"gallery-card\">\n                <div class=\"gallery-img-wrapper\">\n                    <!-- Placeholder -->\n                    <img decoding=\"async\" src=\"https:\/\/tongbang-intel.com\/wp-content\/uploads\/2026\/01\/Team-Spirit.webp \" alt=\"Equipo Tongbang\" class=\"gallery-img\">\n                <\/div>\n                <div class=\"gallery-caption\">\n                    <h4>Esp\u00edritu de Equipo<\/h4>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30234d34 e-flex e-con-boxed e-con e-parent\" data-id=\"30234d34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-280f361f elementor-widget elementor-widget-video\" data-id=\"280f361f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=hA5L2s_TrVo&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1abe3b6 e-con-full e-flex e-con e-parent\" data-id=\"1abe3b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9912b08 elementor-widget elementor-widget-html\" data-id=\"9912b08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    ARCHIVO: 07-cta.html\n    INSTRUCCIONES: Pega esto en un widget HTML en la parte inferior de la p\u00e1gina.\n-->\n<section class=\"cta-section\">\n    <div class=\"container\">\n        <h2>\u00bfListo para Transformar Tu Producci\u00f3n?<\/h2>\n        <p>Invitamos cordialmente a los fabricantes de papel tis\u00fa de todo el mundo a visitar Tongbang para un recorrido por las instalaciones o un intercambio t\u00e9cnico. Perm\u00edtanos realizar una evaluaci\u00f3n personalizada de su l\u00ednea de producci\u00f3n actual y proporcionarle una propuesta personalizada sobre \"C\u00f3mo lograr mayor rendimiento y menores costos de mantenimiento mediante actualizaciones inteligentes.\"<\/p>\n        <div class=\"cta-buttons\">\n            <a href=\"https:\/\/tongbang-intel.com\/contact-us\/ \" class=\"btn-primary\">PROGRAMAR UN RECORRIDO POR LA F\u00c1BRICA<\/a>\n            <a href=\"https:\/\/tongbang-intel.com\/category-product-non-stop-rewinder-line\/ \" class=\"btn-secondary\">VER PRODUCTOS<\/a>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DESDE 2016 IMPULSANDO LA INNOVACI\u00d3NEN CONVERSI\u00d3N DE PAPEL Soluciones de Ingenier\u00eda Avanzada para la Industria Global del Papel M\u00c1QUINAS TONGBANG \u2014UNA D\u00c9CADA DE ARTESAN\u00cdA, FORJANDO EL FUTURO Doble Certificaci\u00f3n, Construida sobre Experiencia T\u00e9cnica Mientras Tongbang celebra su d\u00e9cimo aniversario, nuestro ADN t\u00e9cnico ha estado evolucionando durante m\u00e1s de 20 a\u00f1os. La empresa est\u00e1 dirigida por [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tongbang-intel.com\/es\/wp-json\/wp\/v2\/pages\/3198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tongbang-intel.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tongbang-intel.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tongbang-intel.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tongbang-intel.com\/es\/wp-json\/wp\/v2\/comments?post=3198"}],"version-history":[{"count":14,"href":"https:\/\/tongbang-intel.com\/es\/wp-json\/wp\/v2\/pages\/3198\/revisions"}],"predecessor-version":[{"id":6357,"href":"https:\/\/tongbang-intel.com\/es\/wp-json\/wp\/v2\/pages\/3198\/revisions\/6357"}],"wp:attachment":[{"href":"https:\/\/tongbang-intel.com\/es\/wp-json\/wp\/v2\/media?parent=3198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}