{"id":255,"date":"2026-04-12T23:41:46","date_gmt":"2026-04-12T23:41:46","guid":{"rendered":"https:\/\/digitaline.com.co\/?page_id=255"},"modified":"2026-08-19T19:05:31","modified_gmt":"2026-08-19T19:05:31","slug":"home","status":"publish","type":"page","link":"https:\/\/digitaline.com.co\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"hero-slider-wrapper\">\n    <div class=\"hero-slider-container\" id=\"heroSlider\">\n        \n        <div class=\"slide-item\">\n            <div class=\"hero-bg-image\" style=\"background-image: url('http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/08\/DSC9686-scaled.jpg');\"><\/div>\n\n            <div class=\"hero-overlay-gradient\"><\/div>\n\n            <div class=\"hero-container-flex\">\n\n                <div class=\"hero-text-box\">\n\n                    <p class=\"hero-slogan animar-entrada-slogan\">\n                        Of orthodontists for orthodontists\n                    <\/p>\n\n                    <h1 class=\"main-title animar-entrada-titulo\">\n                        <span class=\"font-custom-parslay\">Drives<\/span> \n                        <span class=\"font-montserrat-bold\">\n                            your consultation with orthodontics <br>\n                            <span style=\"white-space: nowrap;\">invisible high-precision<\/span>\n                        <\/span>\n                    <\/h1>\n\n                    <p class=\"sub-description animar-entrada-desc\">\n                        We raised the standard of your treatments with digital solutions to integrals and a workflow designed by and for specialists.\n                    <\/p>\n\n                    <div class=\"hero-cta animar-entrada-boton\">\n                        <a href=\"\/en\/portafolio\/\" class=\"btn-digitaline\">\n                            Learn more\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"slide-item\">\n\n            <div class=\"hero-bg-image\" style=\"background-image: url('http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/06\/Banner-principal-del-carrousel-2.png');\"><\/div>\n\n            <div class=\"hero-overlay-gradient\"><\/div>\n\n            <div class=\"hero-container-flex\">\n\n                <div class=\"hero-text-box\">\n\n                    <p class=\"hero-slogan\">\n                        Of orthodontists for orthodontists\n                    <\/p>\n\n                    <h1 class=\"main-title\">\n                        <span class=\"font-custom-parslay\">Precision<\/span> \n                        <span class=\"font-montserrat-bold\">\n                            advanced technology <br>\n                            <span style=\"white-space: nowrap;\">in each movement<\/span>\n                        <\/span>\n                    <\/h1>\n\n                    <p class=\"sub-description\">\n                        Planning Software of the latest generation for predictable results and satisfied patients.\n                    <\/p>\n\n                    <div class=\"hero-cta\">\n                        <a href=\"\/en\/portafolio\/\" class=\"btn-digitaline\">\n                            See technology\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"slide-item\">\n\n            <div class=\"hero-bg-image\" style=\"background-image: url('http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/06\/A.png');\"><\/div>\n\n            <div class=\"hero-overlay-gradient\"><\/div>\n\n            <div class=\"hero-container-flex\">\n\n                <div class=\"hero-text-box\">\n\n                    <p class=\"hero-slogan\">\n                        Of orthodontists for orthodontists\n                    <\/p>\n\n                    <h1 class=\"main-title\">\n                        <span class=\"font-custom-parslay\">Alliance<\/span> \n                        <span class=\"font-montserrat-bold\">\n                            expert accompaniment <br>\n                            <span style=\"white-space: nowrap;\">for your clinic<\/span>\n                        <\/span>\n                    <\/h1>\n\n                    <p class=\"sub-description\">\n                        We are the technical support that your query needs to lead the market of the invisible orthodontics.\n                    <\/p>\n\n                    <div class=\"hero-cta\">\n                        <a href=\"javascript:void(0)\" onclick=\"openContactModal()\" class=\"btn-digitaline\">\n                            Be an ally\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <button class=\"slider-nav prev\" onclick=\"manualMove(-1)\">\n        \"\n    <\/button>\n\n    <button class=\"slider-nav next\" onclick=\"manualMove(1)\">\n        \"\n    <\/button>\n\n    <div class=\"slider-indicators\">\n        <div class=\"ind-line active\" onclick=\"manualMoveTo(0)\"><\/div>\n        <div class=\"ind-line\" onclick=\"manualMoveTo(1)\"><\/div>\n        <div class=\"ind-line\" onclick=\"manualMoveTo(2)\"><\/div>\n    <\/div>\n<\/section>\n\n<style>\n@font-face {\n    font-family: 'ParslayCustom';\n    src: url('https:\/\/digitaline.com.co\/wp-content\/uploads\/fonts\/parslay.otf') format('opentype');\n    font-display: swap;\n}\n\n\/* ANIMACIONES *\/\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes popIn {\n    from {\n        opacity: 0;\n        transform: scale(0.9);\n    }\n\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n.animar-entrada-slogan {\n    opacity: 0;\n    animation: fadeInUp 0.8s ease-out forwards;\n}\n\n.animar-entrada-titulo {\n    animation: fadeInUp 1s ease-out forwards;\n}\n\n.animar-entrada-desc {\n    opacity: 0;\n    animation: fadeInUp 1s ease-out 0.4s forwards;\n}\n\n.animar-entrada-boton {\n    opacity: 0;\n    animation: popIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s forwards;\n}\n\n\/* TIPOGRAF\u00cdA *\/\n.font-custom-parslay {\n    font-family: 'ParslayCustom', cursive !important;\n    font-size: 5rem;\n    color: #ffffff;\n    display: block;\n    line-height: 1;\n    -webkit-font-smoothing: antialiased;\n}\n\n.hero-slogan {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.9rem;\n    font-weight: 500;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #8bc43f;\n    margin-bottom: 18px;\n}\n\n.hero-slider-wrapper {\n    position: relative;\n    width: 100%;\n    height: calc(100vh - 75px);\n    overflow: hidden;\n    margin-top: -5px !important;\n    background-color: #65848a;\n}\n\n.hero-slider-container {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.slide-item {\n    min-width: 100%;\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.hero-bg-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n\n    background-size: cover;\n    background-position: center;\n\n    z-index: 1;\n}\n\n.hero-overlay-gradient {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n\n    background: linear-gradient(\n        to right,\n        rgba(101, 132, 138, 0.9) 0%,\n        rgba(101, 132, 138, 0.3) 60%,\n        transparent 100%\n    );\n\n    z-index: 2;\n}\n\n.hero-container-flex {\n    position: relative;\n    z-index: 10;\n\n    width: 100%;\n    max-width: 1400px;\n\n    margin: 0 auto;\n    padding: 0 60px;\n}\n\n.main-title {\n    color: #ffffff;\n    line-height: 1.1;\n    margin-bottom: 25px;\n}\n\n.font-montserrat-bold {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 2.2rem;\n    display: block;\n}\n\n.sub-description {\n    font-family: 'Montserrat', sans-serif;\n    color: #f0f0f0;\n    line-height: 1.6;\n    max-width: 520px;\n}\n\n\/* BOT\u00d3N *\/\n.btn-digitaline {\n    display: inline-block;\n    margin-top: 30px;\n    padding: 12px 35px;\n\n    background-color: #8bc43f;\n    color: white;\n\n    text-decoration: none;\n\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n\n    border-radius: 4px;\n    font-size: 13px;\n\n    text-transform: uppercase;\n\n    border: 2px solid #8bc43f;\n\n    transition: all 0.3s ease;\n    letter-spacing: 1px;\n}\n\n.btn-digitaline:hover {\n    background-color: transparent;\n    color: #8bc43f;\n}\n\n\/* NAVEGACI\u00d3N *\/\n.slider-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    background: transparent;\n    border: none;\n\n    color: rgba(255,255,255,0.4);\n\n    font-size: 30px;\n\n    cursor: pointer;\n    z-index: 20;\n\n    transition: 0.3s;\n    padding: 15px;\n}\n\n.slider-nav:hover {\n    color: #8bc43f;\n}\n\n.prev {\n    left: 15px;\n}\n\n.next {\n    right: 15px;\n}\n\n\/* INDICADORES *\/\n.slider-indicators {\n    position: absolute;\n    bottom: 40px;\n    left: 60px;\n\n    display: flex;\n    gap: 15px;\n\n    z-index: 20;\n}\n\n.ind-line {\n    width: 35px;\n    height: 2px;\n\n    background: rgba(255,255,255,0.3);\n\n    cursor: pointer;\n    transition: 0.4s;\n}\n\n.ind-line.active {\n    background: #8bc43f;\n    width: 55px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n\n    .font-custom-parslay {\n        font-size: 3.2rem;\n    }\n\n    .font-montserrat-bold {\n        font-size: 1.7rem;\n    }\n\n    .hero-container-flex {\n        padding: 0 25px;\n    }\n\n    .hero-slogan {\n        font-size: 0.75rem;\n        letter-spacing: 1.5px;\n    }\n\n    .slider-indicators {\n        left: 50%;\n        transform: translateX(-50%);\n    }\n\n    .slider-nav {\n        display: none;\n    }\n}\n<\/style>\n\n<script>\nconst sliderContainer = document.querySelector('.hero-slider-container');\n\nconst indicators = document.querySelectorAll('.ind-line');\n\nlet currentSlide = 0;\n\nlet autoSlideInterval;\n\nfunction updateSlider() {\n\n    sliderContainer.style.transform = `translateX(-${currentSlide * 100}%)`;\n\n    indicators.forEach((ind, i) => {\n\n        ind.classList.toggle('active', i === currentSlide);\n\n    });\n\n}\n\nfunction startAutoSlide() {\n\n    clearInterval(autoSlideInterval);\n\n    autoSlideInterval = setInterval(() => {\n\n        currentSlide = (currentSlide + 1) % 3;\n\n        updateSlider();\n\n    }, 12000);\n\n}\n\nfunction manualMove(step) {\n\n    currentSlide = (currentSlide + step + 3) % 3;\n\n    updateSlider();\n\n    startAutoSlide();\n\n}\n\nfunction manualMoveTo(index) {\n\n    currentSlide = index;\n\n    updateSlider();\n\n    startAutoSlide();\n\n}\n\nstartAutoSlide();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<script type=\"module\" src=\"https:\/\/unpkg.com\/@google\/model-viewer\/dist\/model-viewer.min.js\"><\/script>\n\n<style>\n@font-face {\n    font-family: 'ParslayCustom';\n    src: url('https:\/\/digitaline.com.co\/wp-content\/uploads\/fonts\/parslay.otf') format('opentype');\n    font-display: swap;\n}\n<\/style>\n\n<section class=\"seccion-transforma-digitaline\">\n    <div class=\"contenedor-flex-aliados\">\n        \n        <div class=\"bloque-3d-interactivo skeleton-loader revelar-zoom delay-3d\" id=\"contenedor-3d\">\n            <model-viewer id=\"reproductor-3d\" src=\"https:\/\/digitaline.com.co\/wp-content\/uploads\/fonts\/alineador.glb\" alt=\"Alineador Invisible Digitaline 3D\" auto-rotate=\"\" rotation-speed=\"1\" camera-controls=\"\" disable-zoom=\"\" shadow-intensity=\"0.3\" shadow-softness=\"1\" environment-image=\"neutral\" exposure=\"2.2\" loading=\"eager\" reveal=\"auto\" interaction-prompt=\"none\" style=\"width: 100%; height: 100%; outline: none; background-color: transparent;\">\n            <\/model-viewer>\n            <div class=\"indicador-3d-interactivo\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M10 2L15 5V13L10 16L5 13V5L10 2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n                    <circle cx=\"10\" cy=\"9\" r=\"1.5\" fill=\"currentColor\"><\/circle>\n                <\/svg>\n                <span>3D &#8211; Broken to explore<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"bloque-texto-aliados\">\n            <h2 class=\"titulo-aliados revelar-slide delay-1\">\n                <span class=\"font-parslay-pequena titulo-script-acento\">Join<\/span><span class=\"texto-bold-grande\">the colombian company with more experience in <span class=\"marca-verde\">invisible orthodontics<\/span><\/span>\n            <\/h2>\n            \n            <p class=\"descripcion-aliados revelar-slide delay-2\">\n                Our cutting edge technology allows us to plan treatments with high precision, optimizing each stage of the clinical process, and fabricate aligners excellent quality adapted to the needs of each patient.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"seccion-transforma-digitaline seccion-invertida\">\n    <div class=\"contenedor-flex-aliados contenedor-invertido\">\n        \n        <div class=\"bloque-texto-aliados\">\n            <h2 class=\"titulo-aliados revelar-slide delay-1\">\n                <span class=\"font-parslay-pequena titulo-script-acento\">Starts<\/span><span class=\"texto-bold-grande\">the treatment of your patients <span class=\"marca-verde\">record time<\/span><\/span>\n            <\/h2>\n            \n            <p class=\"descripcion-aliados revelar-slide delay-2\">\n                We have the time of planning, production and delivery more agile in the market, which allows you to start treatment faster and improve the experience of your patients.\n            <\/p>\n\n            <div class=\"cta-aliados revelar-slide delay-4\">\n                <a href=\"https:\/\/wa.me\/573003688123?text=Hola%20Digitaline,%20quiero%20unirme\" class=\"btn-aliado-verde\" target=\"_blank\" rel=\"noopener noreferrer\">Join Digitaline<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"bloque-3d-interactivo skeleton-loader revelar-zoom delay-3d\" id=\"contenedor-3d-2\">\n            <img decoding=\"async\" id=\"reproductor-imagen-2\" src=\"http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/05\/imagen_2026-05-07_173927563.png\" alt=\"Alineador Invisible Digitaline\" style=\"width: 100%; height: 100%; outline: none; background-color: transparent; object-fit: cover; display: block;\">\n            <div class=\"indicador-3d-interactivo\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M10 2L15 5V13L10 16L5 13V5L10 2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n                    <circle cx=\"10\" cy=\"9\" r=\"1.5\" fill=\"currentColor\"><\/circle>\n                <\/svg>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n\/* --- ANIMACIONES --- *\/\n.revelar-slide {\n    opacity: 0;\n    transform: translateY(25px);\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.revelar-zoom {\n    opacity: 0;\n    transform: scale(0.85);\n    transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.revelar-slide.visible, .revelar-zoom.visible {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n.delay-1 { transition-delay: 0.1s; }\n.delay-2 { transition-delay: 0.3s; }\n.delay-3d { transition-delay: 0.8s; }\n.delay-4 { transition-delay: 1.2s; }\n\n\n\/* --- SKELETON --- *\/\n@keyframes skeleton-shine {\n    0% { background-position: 150% 50%; }\n    100% { background-position: -50% 50%; }\n}\n\n.skeleton-loader {\n    background: linear-gradient(90deg, #f9f9f9 25%, #eef2f3 50%, #f9f9f9 75%);\n    background-size: 200% 100%;\n    animation: skeleton-shine 1.5s infinite linear;\n    border-radius: 20px;\n}\n\n.skeleton-loader.cargado {\n    animation: none;\n    background: transparent;\n}\n\n\/* --- LAYOUT --- *\/\n.seccion-transforma-digitaline {\n    width: 100%;\n    padding: 60px 0 80px 0;\n    background-color: #ffffff;\n    overflow: hidden;\n}\n\n.contenedor-flex-aliados {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 40px;\n}\n\n.bloque-3d-interactivo {\n    width: 45%;\n    height: 500px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden; \/* CAMBIO: evita que la imagen o el visor 3D se desborden del contenedor *\/\n}\n\n.bloque-texto-aliados {\n    width: 50%;\n    text-align: left;\n}\n\n\/* --- FIX: T\u00cdTULO SIN MARGEN EXTRA --- *\/\n.titulo-aliados {\n    margin-bottom: 30px;\n    line-height: 1.1;\n    display: block;\n    text-align: left;\n}\n\n.font-parslay-pequena {\n    font-family: 'ParslayCustom', cursive;\n    font-size: 2.6rem;\n    color: #8bc43f;\n    line-height: 1;\n}\n\n.titulo-script-acento {\n    display: inline-block;\n    white-space: nowrap;\n    margin-right: 18px;\n    line-height: 1;\n    vertical-align: middle;\n    padding-right: 5px;\n}\n\n.texto-bold-grande {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 2.2rem;\n    color: #333333;\n}\n\n.marca-verde { color: #8bc43f; }\n\n.descripcion-aliados {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 400;\n    font-size: 1.05rem;\n    color: #666666;\n    line-height: 1.6;\n    margin-bottom: 30px;\n}\n\n.btn-aliado-verde {\n    display: inline-block;\n    padding: 14px 35px;\n    background-color: #8bc43f;\n    color: #ffffff;\n    text-decoration: none;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    transition: 0.3s ease;\n}\n\n.btn-aliado-verde:hover {\n    background-color: #65848a;\n    transform: translateY(-2px);\n}\n\n\/* --- INDICADOR 3D --- *\/\n.indicador-3d-interactivo {\n    position: absolute;\n    bottom: 15px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background-color: rgba(0, 0, 0, 0.6);\n    color: #ffffff;\n    padding: 10px 14px;\n    border-radius: 20px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    backdrop-filter: blur(8px);\n    animation: indicador-pulse 2s ease-in-out infinite;\n}\n\n.indicador-3d-interactivo svg {\n    width: 18px;\n    height: 18px;\n    color: #8bc43f;\n    animation: indicador-rotate 18s linear infinite;\n}\n\n@keyframes indicador-rotate {\n    0% { transform: rotateX(0deg) rotateY(0deg); }\n    100% { transform: rotateX(360deg) rotateY(360deg); }\n}\n\n@keyframes indicador-pulse {\n    0%, 100% { opacity: 0.8; }\n    50% { opacity: 1; }\n}\n\n.contenedor-invertido {\n    flex-direction: row;\n}\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 850px) {\n    .contenedor-flex-aliados { flex-direction: column-reverse; text-align: center; }\n    .contenedor-invertido { flex-direction: column-reverse; }\n    .bloque-texto-aliados { \n        width: 100%; \n        margin-bottom: 40px;\n        text-align: center;\n    }\n    .titulo-aliados { \n        text-align: center;\n    }\n    .font-parslay-pequena { font-size: 2rem; }\n    .texto-bold-grande { font-size: 1.8rem; }\n    .bloque-3d-interactivo { width: 100%; height: 350px; }\n}\n<\/style>\n\n<script>\n    const init3DSections = () => {\n        const modelViewer = document.querySelector('#reproductor-3d');\n        const contenedor = document.querySelector('#contenedor-3d');\n\n        if (modelViewer && contenedor) {\n            modelViewer.addEventListener('load', () => {\n                contenedor.classList.add('cargado');\n            });\n        }\n\n        const modelViewer2 = document.querySelector('#reproductor-3d-2');\n        const image2 = document.querySelector('#reproductor-imagen-2');\n        const contenedor2 = document.querySelector('#contenedor-3d-2');\n\n        if (modelViewer2 && contenedor2) {\n            modelViewer2.addEventListener('load', () => {\n                contenedor2.classList.add('cargado');\n            });\n        } else if (image2 && contenedor2) {\n            if (image2.complete) {\n                contenedor2.classList.add('cargado');\n            } else {\n                image2.addEventListener('load', () => {\n                    contenedor2.classList.add('cargado');\n                });\n            }\n            image2.addEventListener('error', () => {\n                contenedor2.classList.remove('skeleton-loader');\n            });\n        }\n\n        const elementos = document.querySelectorAll('.revelar-slide, .revelar-zoom');\n\n        if (!('IntersectionObserver' in window)) {\n            elementos.forEach(el => el.classList.add('visible'));\n            return;\n        }\n\n        const observerOptions = { threshold: 0.15 };\n        const revealObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, observerOptions);\n\n        elementos.forEach(el => revealObserver.observe(el));\n    };\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init3DSections, { once: true });\n    } else {\n        init3DSections();\n    }\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* --- ANIMACIONES DE APARICI\u00d3N --- *\/\n.revelar {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.revelar.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.delay-1 { transition-delay: 0.2s; }\n.delay-2 { transition-delay: 0.4s; }\n.delay-3 { transition-delay: 0.6s; }\n\n\/* --- SECCI\u00d3N CONTADORES --- *\/\n.seccion-metricas-digitaline {\n    background-color: #ffffff;\n    padding: 60px 0;\n    width: 100%;\n}\n\n.contenedor-metricas {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n.tarjeta-impacto {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    border: 1px solid #e0e6e8;\n    border-radius: 20px;\n    padding: 50px 20px;\n    background-color: #ffffff;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.03);\n}\n\n.item-metrica {\n    flex: 1;\n    text-align: center;\n    position: relative;\n}\n\n.item-metrica:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 20%;\n    height: 60%;\n    width: 1px;\n    background-color: #e0e6e8;\n}\n\n.numero-metrica {\n    display: block;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(2.5rem, 4vw, 3.8rem);\n    color: #65848a;\n    line-height: 0.9;\n    letter-spacing: -1px;\n    margin-bottom: 10px;\n}\n\n.texto-metrica {\n    display: block;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: #333333;\n    letter-spacing: 0.5px;\n}\n\n.revelar-metrica {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.8s ease-out;\n}\n\n.revelar-metrica.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n@media (max-width: 768px) {\n\n    .tarjeta-impacto {\n        flex-direction: column;\n        gap: 40px;\n        padding: 40px 20px;\n    }\n\n    .item-metrica:not(:last-child)::after {\n        display: none;\n    }\n\n    .numero-metrica {\n        font-size: 3rem;\n    }\n}\n\n\/* --- SECCI\u00d3N TESTIMONIOS --- *\/\n\n#seccion-impacto-final.seccion-impacto-digitaline {\n    background-color: #65848a;\n    padding: 50px 0 0 0 !important;\n    width: 100% !important;\n    display: block;\n    color: #ffffff;\n    overflow: hidden;\n    position: relative;\n}\n\n.contenedor-central {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: center;\n}\n\n.impacto-subtitulo-parslay {\n    font-family: 'ParslayCustom', cursive;\n    color: #8bc43f;\n    font-size: 2.2rem;\n    margin-bottom: 5px;\n    display: block;\n    line-height: 1;\n}\n\n.impacto-titulo-montserrat {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 300;\n    font-size: 1.1rem;\n    color: #ffffff;\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.5;\n}\n\n.linea-horizontal-separadora {\n    width: 60px;\n    height: 1px;\n    background-color: rgba(255, 255, 255, 0.2);\n    margin: 20px auto 10px auto;\n}\n\n.comilla-estatica {\n    color: #8bc43f;\n    font-size: 110px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    line-height: 1;\n    margin-bottom: -45px;\n    display: block;\n    position: relative;\n    z-index: 5;\n}\n\n.contenedor-slider-con-flechas {\n    position: relative;\n    width: 100%;\n}\n\n.wrapper-slider-externo {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\n    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\n}\n\n.slider-rese\u00f1as-container {\n    display: flex;\n    transition: transform 0.8s cubic-bezier(0.45, 0, 0.55, 1);\n}\n\n.slide-rese\u00f1a {\n    min-width: 100%;\n    padding: 10px 15% 40px 15%;\n    box-sizing: border-box;\n}\n\n.rese\u00f1a-texto-grande {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 2.3rem;\n    line-height: 1.1;\n    margin-bottom: 25px;\n}\n\n.foto-perfil-peque\u00f1a {\n    width: 72px;\n    height: 72px;\n    border-radius: 50%;\n    margin: 0 auto 14px auto;\n    overflow: hidden;\n    display: block;\n    border: 2px solid rgba(255,255,255,0.15);\n}\n\n.foto-perfil-peque\u00f1a img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.nombre-autor {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 1rem;\n    margin: 0;\n}\n\n.cargo-autor {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 400;\n    font-size: 0.85rem;\n    margin: 0;\n    opacity: 0.8;\n}\n\n\/* Flechas *\/\n.nav-rese\u00f1a {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: transparent;\n    border: none;\n    color: rgba(139, 196, 63, 0.5);\n    font-size: 55px;\n    cursor: pointer;\n    z-index: 100;\n    transition: 0.3s;\n}\n\n.nav-prev {\n    left: 20px;\n}\n\n.nav-next {\n    right: 20px;\n}\n\n.nav-rese\u00f1a:hover {\n    color: #ffffff;\n    scale: 1.1;\n}\n\n@media (max-width: 768px) {\n\n    .nav-rese\u00f1a {\n        display: none;\n    }\n\n    .rese\u00f1a-texto-grande {\n        font-size: 1.45rem;\n        line-height: 1.3;\n    }\n\n    .slide-rese\u00f1a {\n        padding: 10px 8% 40px 8%;\n    }\n\n    .impacto-subtitulo-parslay {\n        font-size: 1.8rem;\n    }\n}\n<\/style>\n\n<section class=\"seccion-metricas-digitaline\">\n\n    <div class=\"contenedor-metricas\">\n\n        <div class=\"tarjeta-impacto revelar-metrica\">\n\n            <div class=\"item-metrica\">\n                <span class=\"numero-metrica\" data-valor=\"10\">+0<\/span>\n                <span class=\"texto-metrica\">Years of experience<\/span>\n            <\/div>\n\n            <div class=\"item-metrica\">\n                <span class=\"numero-metrica\" data-valor=\"500\">+0<\/span>\n                <span class=\"texto-metrica\">Orthodontists<\/span>\n            <\/div>\n\n            <div class=\"item-metrica\">\n                <span class=\"numero-metrica\" data-valor=\"5000\">+0<\/span>\n                <span class=\"texto-metrica\">Planning treatments<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function() {\n\n    const animarContadores = () => {\n\n        document.querySelectorAll('.numero-metrica').forEach(item => {\n\n            if (item.classList.contains('animado')) return;\n\n            item.classList.add('animado');\n\n            const target = +item.getAttribute('data-valor');\n            const duration = 2500;\n            const startTime = performance.now();\n\n            const update = (currentTime) => {\n\n                const elapsed = currentTime - startTime;\n\n                if (elapsed < duration) {\n\n                    const progress = elapsed \/ duration;\n                    const currentCount = target * (1 - Math.pow(1 - progress, 2));\n\n                    if(target >= 1000) {\n                        item.innerText = '+' + Math.ceil(currentCount).toLocaleString('de-DE');\n                    } else {\n                        item.innerText = '+' + Math.ceil(currentCount);\n                    }\n\n                    requestAnimationFrame(update);\n\n                } else {\n\n                    item.innerText = '+' + target.toLocaleString('de-DE');\n\n                }\n            };\n\n            requestAnimationFrame(update);\n\n        });\n\n    };\n\n    const observerMetricas = new IntersectionObserver((entries) => {\n\n        entries.forEach(entry => {\n\n            if (entry.isIntersecting) {\n\n                entry.target.classList.add('visible');\n                animarContadores();\n\n            }\n\n        });\n\n    }, { threshold: 0.3 });\n\n    document.addEventListener(\"DOMContentLoaded\", () => {\n\n        const target = document.querySelector('.revelar-metrica');\n\n        if (target) observerMetricas.observe(target);\n\n    });\n\n})();\n<\/script>\n\n<section id=\"seccion-impacto-final\" class=\"seccion-impacto-digitaline\">\n\n    <div class=\"contenedor-central\">\n\n        <div class=\"cabecera-superior revelar\">\n\n            <span class=\"impacto-subtitulo-parslay\">\n                Our impact\n            <\/span>\n\n            <h2 class=\"impacto-titulo-montserrat\">\n                We optimize each stage of the invisible orthodontic treatment, from planning to delivery, making processes more agile, predictable and efficient.\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"linea-horizontal-separadora revelar delay-1\"><\/div>\n\n        <span class=\"comilla-estatica revelar delay-2\">\u201c<\/span>\n\n        <div class=\"contenedor-slider-con-flechas revelar delay-3\">\n\n            <button class=\"nav-rese\u00f1a nav-prev\" onclick=\"manualMoveRese\u00f1a(-1)\">\n                \u276c\n            <\/button>\n\n            <button class=\"nav-rese\u00f1a nav-next\" onclick=\"manualMoveRese\u00f1a(1)\">\n                \u276d\n            <\/button>\n\n            <div class=\"wrapper-slider-externo\">\n\n                <div class=\"slider-rese\u00f1as-container\" id=\"rese\u00f1aSlider\">\n\n                    <!-- TESTIMONIO 1 -->\n                    <div class=\"slide-rese\u00f1a\">\n\n                        <p class=\"rese\u00f1a-texto-grande\">\n                            The quality of the aligners, of processes and of the simulations is too good. I also really like the recommendation that they give me in front of the cases.\n                        <\/p>\n\n                        <div class=\"foto-perfil-peque\u00f1a\">\n                            <img decoding=\"async\" src=\"http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/05\/imagen_2026-05-07_171809053.png\" alt=\"Natalia Montoya\">\n                        <\/div>\n\n                        <p class=\"nombre-autor\">\n                            Natalia Montoya\n                        <\/p>\n\n                        <p class=\"cargo-autor\">\n                            Orthodontist\n                        <\/p>\n\n                    <\/div>\n\n                    <!-- TESTIMONIO 2 -->\n                    <div class=\"slide-rese\u00f1a\">\n\n                        <p class=\"rese\u00f1a-texto-grande\">\n                            In a case of rotation of the canines and conformation of the arc I was pleasantly surprised, it was very accurate. The result was very nice.\n                        <\/p>\n\n                        <div class=\"foto-perfil-peque\u00f1a\">\n                            <img decoding=\"async\" src=\"http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/05\/imagen_2026-05-07_171859072.png\" alt=\"Natalia Parra\">\n                        <\/div>\n\n                        <p class=\"nombre-autor\">\n                            Natalia Parra\n                        <\/p>\n\n                        <p class=\"cargo-autor\">\n                            Orthodontist\n                        <\/p>\n\n                    <\/div>\n\n                    <!-- TESTIMONIO 3 -->\n                    <div class=\"slide-rese\u00f1a\">\n\n                        <p class=\"rese\u00f1a-texto-grande\">\n                            I had a very positive experience with a patient that came in from the outside for its refinement stage and had very little time. We make the case in only 1 day. I very much appreciate the care and service and I would recommend this brand to all colleagues.\n                        <\/p>\n\n                        <div class=\"foto-perfil-peque\u00f1a\">\n                            <img decoding=\"async\" src=\"http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-11.22.04-AM.jpeg\" alt=\"Sara Giraldo\">\n                        <\/div>\n\n                        <p class=\"nombre-autor\">\n                            Sara Giraldo\n                        <\/p>\n\n                        <p class=\"cargo-autor\">\n                            Orthodontist\n                        <\/p>\n\n                    <\/div>\n\n                    <!-- TESTIMONIO 4 -->\n                    <div class=\"slide-rese\u00f1a\">\n\n                        <p class=\"rese\u00f1a-texto-grande\">\n                            They are perfect. I have had the opportunity to work with other brands but does not compare. The efficiency, professionalism, empathy. Comes full kit with all the patient needs.\n                        <\/p>\n\n                        <div class=\"foto-perfil-peque\u00f1a\">\n                            <img decoding=\"async\" src=\"http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/05\/imagen_2026-05-07_171945849.png\" alt=\"M\u00f3nica Idrobo\">\n                        <\/div>\n\n                        <p class=\"nombre-autor\">\n                            Monica Idrobo\n                        <\/p>\n\n                        <p class=\"cargo-autor\">\n                            Orthodontist\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function() {\n\n    let rese\u00f1aIndex = 0;\n\n    const slider = document.getElementById('rese\u00f1aSlider');\n\n    let autoInterval;\n\n    const totalSlides = 4;\n\n    function updateRese\u00f1a() {\n\n        if (slider) {\n\n            slider.style.transform = `translateX(-${rese\u00f1aIndex * 100}%)`;\n\n        }\n\n    }\n\n    function startAutoSlide() {\n\n        clearInterval(autoInterval);\n\n        autoInterval = setInterval(() => {\n\n            rese\u00f1aIndex = (rese\u00f1aIndex + 1) % totalSlides;\n\n            updateRese\u00f1a();\n\n        }, 10000);\n\n    }\n\n    window.manualMoveRese\u00f1a = function(step) {\n\n        rese\u00f1aIndex = (rese\u00f1aIndex + step + totalSlides) % totalSlides;\n\n        updateRese\u00f1a();\n\n        startAutoSlide();\n\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n\n        entries.forEach(entry => {\n\n            if (entry.isIntersecting) {\n\n                entry.target.classList.add('visible');\n\n                if (entry.target.classList.contains('contenedor-slider-con-flechas')) {\n\n                    startAutoSlide();\n\n                }\n\n            }\n\n        });\n\n    }, { threshold: 0.1 });\n\n    document.addEventListener(\"DOMContentLoaded\", () => {\n\n        document.querySelectorAll('.revelar').forEach(el => observer.observe(el));\n\n    });\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"seccion-respaldo-digitaline\">\n    <div class=\"contenedor-respaldo\">\n        <div class=\"bloque-contenido-respaldo\">\n            <h2 class=\"texto-respaldo-montserrat revelar-suave\">\n                Support, support and monitor the clinical <br>\n                hand in hand <span class=\"font-parslay-expertos\">experts<\/span>\n            <\/h2>\n\n            <div class=\"contenedor-boton-nosotros revelar-suave delay-boton\">\n                <a href=\"\/en\/nosotros\/\" class=\"btn-sobre-nosotros\">About us<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- ANIMACIONES DE SALIDA (REVELADO) --- *\/\n.revelar-suave {\n    opacity: 0;\n    transform: scale(0.95) translateY(20px);\n    transition: opacity 1s cubic-bezier(0.2, 0.8, 0.2, 1), \n                transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);\n    will-change: opacity, transform;\n}\n\n.revelar-suave.visible {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n}\n\n.delay-boton {\n    transition-delay: 0.3s;\n}\n\n\/* --- TU C\u00d3DIGO ORIGINAL (MANTENIDO) --- *\/\n.seccion-respaldo-digitaline {\n    position: relative;\n    width: 100%;\n    min-height: 280px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background-color: #1a1a1a;\n    padding: 40px 0;\n}\n\n.seccion-respaldo-digitaline::before {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: url('http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/04\/ortodoncistas-prueba-scaled.jpg'); \n    background-size: cover;\n    background-position: center 30%;\n    background-attachment: fixed;\n    filter: blur(25px) brightness(0.45);\n    transform: scale(1.2); \n    z-index: 1;\n}\n\n.contenedor-respaldo {\n    position: relative;\n    z-index: 10;\n    max-width: 1100px;\n    margin: 0 auto;\n    text-align: center;\n    padding: 0 40px;\n}\n\n.texto-respaldo-montserrat {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 1.9rem;\n    color: #ffffff;\n    line-height: 1.3;\n    margin-bottom: 25px;\n    letter-spacing: -0.3px;\n}\n\n.font-parslay-expertos {\n    font-family: 'ParslayCustom', cursive;\n    color: #8bc43f;\n    font-size: 2.8rem;\n    font-weight: 300;\n    letter-spacing: 1px;\n    line-height: 1;\n    display: inline-block;\n    vertical-align: baseline;\n    margin-left: 8px;\n    opacity: 0.95;\n}\n\n.btn-sobre-nosotros {\n    display: inline-block;\n    padding: 12px 35px;\n    background-color: transparent;\n    color: #ffffff;\n    border: 2px solid #8bc43f;\n    text-decoration: none;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 13px;\n    border-radius: 4px;\n    transition: 0.4s all ease;\n}\n\n.btn-sobre-nosotros:hover {\n    background-color: #8bc43f;\n    transform: translateY(-3px);\n}\n\n@media (max-width: 850px) {\n    .texto-respaldo-montserrat { font-size: 1.5rem; }\n    .font-parslay-expertos { font-size: 2.2rem; display: inline-block; margin-top: 5px; }\n}\n<\/style>\n\n<script>\n(function() {\n    const observerResp = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, { threshold: 0.2 });\n\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        document.querySelectorAll('.revelar-suave').forEach(el => observerResp.observe(el));\n    });\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"seccion-servicios-digitaline\">\n    <div class=\"contenedor-titulos-servicios revelar-seccion\">\n        <h2 class=\"titulo-principal-servicios\">\n            Products and services designed <br>\n            for your <span class=\"font-parslay-transformar\">practice<\/span> clinic\n        <\/h2>\n    <\/div>\n\n    <div class=\"grid-cartas-servicios\">\n        <!-- CARTA 1: ACADEMIA -->\n        <div class=\"carta-servicio revelar-seccion\" style=\"transition-delay: 0.2s;\">\n            <img decoding=\"async\" src=\"https:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-12-at-6.35.50-PM.jpeg\" alt=\"Academia Digitaline\" class=\"img-fondo-carta\">\n            <div class=\"overlay-carta\">\n                <div class=\"contenido-constante\">\n                    <h3 class=\"titulo-carta\">Academy Digitaline<\/h3>\n                    <div class=\"descripcion-revelada\">\n                        <p class=\"descripcion-carta\">\n                            Boost your practice with our academic offer in invisible orthodontics. Access to training through webinars, online courses, face-to-face, and academic conferences with the methodologies, flexible with theoretical and practical components that are adapted to the rhythm of your professional.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARTA 2: DISE\u00d1O -->\n        <div class=\"carta-servicio revelar-seccion\" style=\"transition-delay: 0.4s;\">\n            <img decoding=\"async\" src=\"https:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/08\/4f5501f4-24f1-4fcc-89d3-4b36557a213b-2026-08-18-Copy.png\" alt=\"Dise\u00f1o y Precisi\u00f3n\" class=\"img-fondo-carta\">\n            <div class=\"overlay-carta\">\n                <div class=\"contenido-constante\">\n                    <h3 class=\"titulo-carta\">Design and precision in every movement<\/h3>\n                    <div class=\"descripcion-revelada\">\n                        <p class=\"descripcion-carta\">\n                            We optimize your query by means of schedules-to digital with criterion and clinical biomechanics, dental, which guarantee an orthodontic safe, responsible and effective treatment.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARTA 3: FABRICACI\u00d3N -->\n        <div class=\"carta-servicio revelar-seccion\" style=\"transition-delay: 0.6s;\">\n            <img decoding=\"async\" src=\"https:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/08\/DSC1995-scaled.jpg\" alt=\"Soluciones de Fabricaci\u00f3n\" class=\"img-fondo-carta\">\n            <div class=\"overlay-carta\">\n                <div class=\"contenido-constante\">\n                    <h3 class=\"titulo-carta\">Manufacturing solutions for orthodontics<\/h3>\n                    <div class=\"descripcion-revelada\">\n                        <p class=\"descripcion-carta\">\n                            Development of aligners and retainers with the highest quality standards, with materials that are tailored to the needs of each patient to meet the goals of each treatment.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- 1. CONFIGURACI\u00d3N DE T\u00cdTULOS --- *\/\n.seccion-servicios-digitaline {\n    width: 100%;\n    background-color: #ffffff;\n    padding: 80px 0;\n}\n\n.titulo-principal-servicios {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800; \/* Extra bold para t\u00edtulos principales *\/\n    font-size: 2.4rem;\n    color: #333333;\n    line-height: 1.1;\n    letter-spacing: -1px;\n}\n\n.font-parslay-transformar {\n    font-family: 'ParslayCustom', cursive;\n    color: #8bc43f;\n    font-size: 3.2rem;\n    font-weight: 400;\n    display: inline-block;\n    vertical-align: baseline;\n    margin-right: 12px; \n    margin-left: 5px;\n    line-height: 0.8;\n}\n\n\/* --- 2. GRID Y CARTAS --- *\/\n.grid-cartas-servicios {\n    display: flex;\n    max-width: 1200px;\n    margin: 0 auto;\n    gap: 25px;\n    padding: 20px;\n    height: 550px; \/* Ligero aumento para albergar los nuevos textos *\/\n}\n\n.carta-servicio {\n    position: relative;\n    flex: 1;\n    overflow: hidden;\n    cursor: pointer;\n    border-radius: 20px;\n    background: #1d2a2c;\n    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;\n}\n\n.carta-servicio:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n}\n\n.img-fondo-carta {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0.7; \/* Oscurecimiento base para legibilidad *\/\n    transition: transform 1.2s ease, opacity 0.4s ease;\n}\n\n.carta-servicio:hover .img-fondo-carta {\n    transform: scale(1.1);\n    opacity: 0.5;\n}\n\n\/* --- 3. OVERLAY Y TEXTOS --- *\/\n.overlay-carta {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    \/* Gradiente m\u00e1s oscuro en la base para leer las nuevas descripciones *\/\n    background: linear-gradient(to top, rgba(29,42,44,0.95) 0%, rgba(29,42,44,0.4) 50%, transparent 100%);\n    display: flex;\n    align-items: flex-end;\n    padding: 30px;\n    box-sizing: border-box;\n}\n\n.titulo-carta {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    color: #ffffff;\n    font-size: 1.15rem;\n    margin-bottom: 0;\n    line-height: 1.2;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transition: transform 0.4s ease;\n}\n\n.carta-servicio:hover .titulo-carta {\n    transform: translateY(-5px);\n}\n\n.descripcion-revelada {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: max-height 0.6s ease, opacity 0.4s ease;\n}\n\n.carta-servicio:hover .descripcion-revelada {\n    max-height: 300px;\n    opacity: 1;\n    margin-top: 15px;\n}\n\n.descripcion-carta {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 400;\n    color: #ffffff;\n    font-size: 0.88rem;\n    line-height: 1.5;\n    margin: 0;\n    text-align: left;\n}\n\n\/* --- 4. ANIMACIONES --- *\/\n.revelar-seccion {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.revelar-seccion.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* --- 5. CONTENEDOR DE T\u00cdTULOS --- *\/\n.contenedor-titulos-servicios {\n    max-width: 950px;\n    margin: 0 auto 50px auto;\n    text-align: center;\n    padding: 0 20px;\n}\n\n@media (max-width: 900px) {\n    .grid-cartas-servicios {\n        flex-direction: column;\n        height: auto;\n    }\n    .carta-servicio {\n        height: 350px;\n    }\n    .descripcion-revelada {\n        max-height: 300px;\n        opacity: 1;\n        margin-top: 10px;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const observerOpciones = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOpciones);\n\n    document.addEventListener('DOMContentLoaded', () => {\n        document.querySelectorAll('.revelar-seccion').forEach(element => {\n            observer.observe(element);\n        });\n    });\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"digitaline-video-hero\" id=\"hero-trigger\">\n    <div class=\"video-background reveal-element\">\n        <video autoplay muted loop playsinline>\n            <source src=\"http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/04\/5791702_Coll_wavebreak_Dentist_3840x2160.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"video-overlay\"><\/div>\n    <\/div>\n\n    <div class=\"hero-main-content\">\n        <div class=\"text-left-box reveal-element delay-text\">\n            <!-- Espaciado corregido alrededor de tecnolog\u00eda -->\n            <h1>The best <span class=\"font-parslay-hero\">technology<\/span> digital design at your fingertips<\/h1>\n        <\/div>\n    <\/div>\n\n    <div class=\"hero-footer-grid reveal-element delay-footer\">\n        <div class=\"footer-item\">\n            <svg class=\"nav-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8bc34a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"><\/path><\/svg>\n            <h3>Portal to the specialist<\/h3>\n            <p>A tool designed for the orthodontist to maintain and manage your schedules in one place.<\/p>\n        <\/div>\n        <div class=\"footer-item\">\n            <svg class=\"nav-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8bc34a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\n            <h3>Technical analysis<\/h3>\n            <p>Review the planning and simulation of your treatment with multiple features such as table of the movements, oclusograma and analysis of Bolton, in a way that is consistent with the results that you want to get.<\/p>\n        <\/div>\n        <div class=\"footer-item\">\n            <svg class=\"nav-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8bc34a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n            <h3>Interactive visualization<\/h3>\n            <p>A dynamic tool to show your patients the evolution of their smile, and the end results before you begin.<\/p>\n        <\/div>\n    <\/div>\n\n    <style>\n        .text-left-box h1 {\n            font-family: 'Montserrat', sans-serif !important;\n            font-size: 42px !important;\n            line-height: 1.3 !important; \/* Aumentado para dar aire vertical *\/\n            font-weight: 800 !important;\n            color: #ffffff !important;\n            margin: 0 !important;\n            text-shadow: 2px 2px 10px rgba(0,0,0,0.4);\n            letter-spacing: -0.5px;\n        }\n\n        \/* CORRECCI\u00d3N DE ESPACIOS PARA LA PALABRA TECNOLOG\u00cdA *\/\n        .font-parslay-hero {\n            font-family: 'ParslayCustom', cursive !important;\n            color: #8bc43f;\n            font-size: 3.8rem;\n            font-weight: 400;\n            display: inline-block;\n            vertical-align: baseline; \/* Cambiado de middle a baseline *\/\n            margin: 0 15px; \/* M\u00e1s espacio lateral para que no choque *\/\n            padding: 0 5px;\n            text-shadow: none;\n            line-height: 1;\n            letter-spacing: 2px; \/* Un poco de aire entre sus propias letras *\/\n        }\n\n        \/* --- RESTO DEL C\u00d3DIGO IGUAL --- *\/\n        .digitaline-video-hero {\n            position: relative;\n            width: 100%;\n            height: 700px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            overflow: hidden;\n        }\n\n        .video-background {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1;\n        }\n        .video-background video { width: 100%; height: 100%; object-fit: cover; }\n        .video-overlay {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 60%);\n            z-index: 2;\n        }\n\n        .hero-main-content {\n            position: relative;\n            z-index: 10;\n            padding: 120px 0 0 80px;\n        }\n        .text-left-box { max-width: 850px; }\n\n        .hero-footer-grid {\n            position: relative;\n            z-index: 10;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            padding: 40px 60px;\n            background: rgba(0, 0, 0, 0.5); \n            backdrop-filter: blur(10px);\n            gap: 40px;\n        }\n\n        .footer-item { text-align: left; }\n        .nav-icon { width: 35px; height: 35px; margin-bottom: 12px; }\n\n        .footer-item h3 {\n            font-family: 'Montserrat', sans-serif !important;\n            font-size: 19px !important;\n            color: #ffffff !important;\n            margin: 0 0 10px 0 !important;\n            font-weight: 700 !important;\n            text-transform: uppercase;\n        }\n\n        .footer-item p {\n            font-family: 'Montserrat', sans-serif !important;\n            font-size: 15px !important;\n            color: #e0e0e0 !important;\n            line-height: 1.5 !important;\n            margin: 0 !important;\n        }\n\n        .reveal-element {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n        .reveal-element.is-visible { opacity: 1; transform: translateY(0); }\n        .delay-text { transition-delay: 0.4s; }\n        .delay-footer { transition-delay: 0.7s; }\n\n        @media (max-width: 768px) {\n            .hero-main-content { padding: 80px 25px; text-align: center; }\n            .font-parslay-hero { font-size: 2.8rem; margin: 10px 0; display: inline-block; }\n            .text-left-box h1 { font-size: 30px !important; line-height: 1.4 !important; }\n            .hero-footer-grid { grid-template-columns: 1fr; padding: 40px 25px; }\n            .footer-item { text-align: center; }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const observerHero = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.querySelectorAll('.reveal-element').forEach(el => {\n                            el.classList.add('is-visible');\n                        });\n                    }\n                });\n            }, { threshold: 0.1 });\n            const trigger = document.querySelector('#hero-trigger');\n            if(trigger) observerHero.observe(trigger);\n        });\n    <\/script>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"seccion-proceso-digitaline\" id=\"proceso-trigger\">\n    <div class=\"contenedor-proceso\">\n        <div class=\"cabecera-proceso revelar-seccion\">\n            <h2 class=\"titulo-proceso\">\n                How does the process of <br>\n                <span class=\"font-parslay-proceso\">production <\/span> Digitaline?\n            <\/h2>\n        <\/div>\n\n        <div class=\"grid-pasos-proceso\">\n            <!-- PASO 1 -->\n            <div class=\"tarjeta-paso revelar-seccion\" style=\"transition-delay: 0.2s;\">\n                <div class=\"imagen-paso\">\n                    <img decoding=\"async\" src=\"https:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-4-may-2026-17_06_14.png\" alt=\"Carga la informaci\u00f3n\">\n                <\/div>\n                <div class=\"cuerpo-paso\">\n                    <h3 class=\"subtitulo-paso\">Freight information<\/h3>\n                    <p class=\"texto-paso\">\n                        Climb up to the platform, the diagnostic aids patient care and the order of treatment depending on the objectives you want to achieve.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PASO 2 -->\n            <div class=\"tarjeta-paso revelar-seccion\" style=\"transition-delay: 0.4s;\">\n                <div class=\"imagen-paso\">\n                    <img decoding=\"async\" src=\"http:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/08\/DSC2180-scaled.jpg\" alt=\"Revisa la planificaci\u00f3n\">\n                <\/div>\n                <div class=\"cuerpo-paso\">\n                    <h3 class=\"subtitulo-paso\">Reviews<\/h3>\n                    <p class=\"texto-paso\">\n                        Check out the planning of the treatment and the digital simulation of the case, knowing the amount of aligners, the design of attachments, the stripping required and the estimated time of the treatment.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- PASO 3 -->\n            <div class=\"tarjeta-paso revelar-seccion\" style=\"transition-delay: 0.6s;\">\n                <div class=\"imagen-paso\">\n                    <img decoding=\"async\" src=\"https:\/\/digitaline.com.co\/wp-content\/uploads\/2026\/08\/DSC2022-scaled.jpg\" alt=\"Recibe tu kit\">\n                <\/div>\n                <div class=\"cuerpo-paso\">\n                    <h3 class=\"subtitulo-paso\">Get your kit<\/h3>\n                    <p class=\"texto-paso\">\n                        Once the plan is approved, the aligners are manufactured according to the characteristics of the treatment and are sent directly to your office.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- CONFIGURACI\u00d3N GENERAL --- *\/\n.seccion-proceso-digitaline {\n    background-color: #fcfcfc; \/* Gris ultra claro para dar contraste con el blanco *\/\n    padding: 100px 0;\n    width: 100%;\n}\n\n.contenedor-proceso {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* --- CABECERA --- *\/\n.cabecera-proceso {\n    text-align: center;\n    margin-bottom: 70px;\n}\n\n.titulo-proceso {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 2.5rem;\n    color: #333333;\n    line-height: 1.1;\n    letter-spacing: -1px;\n}\n\n.font-parslay-proceso {\n    font-family: 'ParslayCustom', cursive;\n    color: #8bc43f;\n    font-size: 3.5rem;\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: 8px;\n    margin-right: 12px;\n    font-weight: 400;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n}\n\n\/* --- GRID DE PASOS --- *\/\n.grid-pasos-proceso {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.tarjeta-paso {\n    background: #ffffff;\n    padding: 0 35px 45px 35px;\n    border-radius: 25px;\n    border: 1px solid #eeeeee;\n    transition: all 0.4s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    position: relative;\n    overflow: hidden;\n}\n\n.tarjeta-paso:hover {\n    transform: translateY(-12px) scale(1.02);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.12);\n    border-color: #8bc43f;\n    z-index: 2;\n}\n\n.imagen-paso {\n    position: relative;\n    width: calc(100% + 70px);\n    margin: 0 -35px 22px -35px;\n    height: 210px;\n    overflow: hidden;\n    background: #dfe7e8;\n}\n\n.imagen-paso::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 48%;\n    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 45%, #ffffff 100%);\n    pointer-events: none;\n}\n\n.imagen-paso img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* --- ELEMENTOS INTERNOS --- *\/\n\/* .numero-paso removed \u2014 numbers are no longer used *\/\n\n\n\/* removed numbered-step hover color since numbers were removed *\/\n\n\n.subtitulo-paso {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 1.3rem;\n    color: #333333;\n    margin-bottom: 15px;\n    line-height: 1.3;\n}\n\n.texto-paso {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 400;\n    font-size: 0.95rem;\n    color: #666666;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* --- ANIMACIONES --- *\/\n.revelar-seccion {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n}\n\n.revelar-seccion.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 900px) {\n    .grid-pasos-proceso {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .titulo-proceso {\n        font-size: 2rem;\n    }\n    \n    .font-parslay-proceso {\n        font-size: 2.8rem;\n    }\n\n    .tarjeta-paso {\n        padding: 0 25px 35px 25px;\n    }\n\n    .imagen-paso {\n        width: calc(100% + 50px);\n        margin: 0 -25px 18px -25px;\n        height: 190px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const observerProceso = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\"visible\");\n            }\n        });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll(\".revelar-seccion\").forEach(el => observerProceso.observe(el));\n});\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"seccion-instagram-digitaline\">\n    <div class=\"contenedor-titulos-social\">\n        <h2 class=\"titulo-social\">\n            Follow our <span class=\"font-parslay-social\">style<\/span> <span class=\"separador-en\">in<\/span> \n            <span class=\"marca-insta\">@Digitaline<\/span>\n        <\/h2>\n        <p class=\"subtitulo-social\">Known cases of success and the day-to-day of our community.<\/p>\n    <\/div>\n\n    <div class=\"marco-decorativo-feed\">\n        <div class=\"glass-container-feed\">\n            \t\t<div id=\"instagram-gallery-feed-0\" class=\"instagram-gallery-feed\" data-feed=\"{&quot;id&quot;:0,&quot;account_id&quot;:&quot;6456113417790375&quot;,&quot;source&quot;:&quot;username&quot;,&quot;tag&quot;:&quot;wordpress&quot;,&quot;order_by&quot;:&quot;top_media&quot;,&quot;layout&quot;:&quot;gallery&quot;,&quot;limit&quot;:6,&quot;columns&quot;:3,&quot;spacing&quot;:10,&quot;lazy&quot;:false,&quot;responsive&quot;:{&quot;desktop&quot;:{&quot;columns&quot;:3,&quot;spacing&quot;:10},&quot;tablet&quot;:{&quot;columns&quot;:2,&quot;spacing&quot;:8},&quot;mobile&quot;:{&quot;columns&quot;:1,&quot;spacing&quot;:6},&quot;breakpoints&quot;:{&quot;tablet&quot;:768,&quot;mobile&quot;:480}},&quot;aspect_ratio&quot;:{&quot;width&quot;:1,&quot;height&quot;:1},&quot;highlight&quot;:{&quot;tag&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;position&quot;:&quot;1,3,5&quot;},&quot;reel&quot;:{&quot;hide&quot;:false},&quot;copyright&quot;:{&quot;hide&quot;:false,&quot;placeholder&quot;:&quot;&quot;},&quot;profile&quot;:{&quot;display&quot;:false,&quot;username&quot;:&quot;&quot;,&quot;nickname&quot;:&quot;&quot;,&quot;website&quot;:&quot;&quot;,&quot;biography&quot;:&quot;&quot;,&quot;link_text&quot;:&quot;Follow&quot;,&quot;website_text&quot;:&quot;Website&quot;,&quot;avatar&quot;:&quot;&quot;},&quot;box&quot;:{&quot;display&quot;:false,&quot;padding&quot;:1,&quot;radius&quot;:0,&quot;background&quot;:&quot;#fefefe&quot;,&quot;profile&quot;:false,&quot;desc&quot;:&quot;&quot;,&quot;text_color&quot;:&quot;#000000&quot;},&quot;mask&quot;:{&quot;display&quot;:true,&quot;background&quot;:&quot;#000000&quot;,&quot;icon_color&quot;:&quot;#ffffff&quot;,&quot;likes_count&quot;:true,&quot;comments_count&quot;:true},&quot;card&quot;:{&quot;display&quot;:false,&quot;radius&quot;:1,&quot;font_size&quot;:12,&quot;background&quot;:&quot;#ffffff&quot;,&quot;background_hover&quot;:&quot;&quot;,&quot;text_color&quot;:&quot;#000000&quot;,&quot;padding&quot;:5,&quot;likes_count&quot;:false,&quot;text_length&quot;:10,&quot;comments_count&quot;:false,&quot;text_align&quot;:&quot;left&quot;},&quot;carousel&quot;:{&quot;centered_slides&quot;:false,&quot;autoplay&quot;:false,&quot;autoplay_interval&quot;:3000,&quot;navarrows&quot;:true,&quot;navarrows_color&quot;:&quot;&quot;,&quot;pagination&quot;:true,&quot;pagination_color&quot;:&quot;&quot;},&quot;modal&quot;:{&quot;display&quot;:true,&quot;profile&quot;:true,&quot;media_description&quot;:true,&quot;likes_count&quot;:true,&quot;comments_count&quot;:true,&quot;comments_list&quot;:false,&quot;text_align&quot;:&quot;left&quot;,&quot;modal_align&quot;:&quot;right&quot;,&quot;text_length&quot;:10000,&quot;font_size&quot;:12},&quot;button&quot;:{&quot;display&quot;:true,&quot;text&quot;:&quot;View on Instagram&quot;,&quot;text_color&quot;:&quot;#ffff&quot;,&quot;background&quot;:&quot;&quot;,&quot;background_hover&quot;:&quot;&quot;},&quot;button_load&quot;:{&quot;display&quot;:false,&quot;text&quot;:&quot;Load more...&quot;,&quot;text_color&quot;:&quot;#ffff&quot;,&quot;background&quot;:&quot;&quot;,&quot;background_hover&quot;:&quot;&quot;}}\">\n\t\t<!-- <FeedContainer\/> -->\n\t\t<\/div>\n\t\t\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- 1. AJUSTES DE TEXTO --- *\/\n.seccion-instagram-digitaline {\n    padding: 80px 20px;\n    background-color: #ffffff;\n    text-align: center;\n}\n\n.titulo-social {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 2.1rem;\n    color: #333;\n    line-height: 1.4;\n}\n\n.font-parslay-social {\n    font-family: 'ParslayCustom', cursive;\n    color: #8bc43f;\n    font-size: 3rem;\n    font-weight: 300;\n    letter-spacing: 1px;\n    vertical-align: middle;\n    \/* AJUSTE DE CERCAN\u00cdA: Un margen peque\u00f1o para que no pegue pero se lea fluido *\/\n    margin-right: 8px; \n    opacity: 0.9;\n}\n\n.separador-en {\n    display: inline-block;\n}\n\n.marca-insta {\n    color: #65848a;\n}\n\n.subtitulo-social {\n    font-family: 'Montserrat', sans-serif;\n    color: #666;\n    margin-top: 10px;\n    font-size: 1.05rem;\n}\n\n\/* --- 2. ELIMINAR BOTONES INTERNOS DEL PLUGIN --- *\/\n\/* Esto oculta cualquier bot\u00f3n de \"Cargar m\u00e1s\" o \"Ver en Instagram\" que traiga el plugin *\/\n.marco-decorativo-feed button, \n.marco-decorativo-feed .sbi_load_btn, \n.marco-decorativo-feed .sbi_follow_btn,\n.marco-decorativo-feed .insta-gallery-button,\n.marco-decorativo-feed .ig-load-more,\n.marco-decorativo-feed a.btn-insta-plugin {\n    display: none !important;\n}\n\n\/* --- 3. DISE\u00d1O DEL MARCO --- *\/\n.marco-decorativo-feed {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n    background: #ffffff;\n    border-radius: 30px;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.06);\n    border: 1px solid rgba(224, 224, 224, 0.5);\n}\n\n.glass-container-feed {\n    border-radius: 20px;\n    overflow: hidden;\n}\n\n@media (max-width: 768px) {\n    .font-parslay-social { font-size: 2.4rem; margin-right: 5px; }\n    .titulo-social { font-size: 1.6rem; }\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>De ortodoncistas para ortodoncistas Impulsa tu consulta con ortodoncia invisible de alta precisi\u00f3n Elevamos el est\u00e1ndar de tus tratamientos con soluciones digitales integrales y un flujo de trabajo dise\u00f1ado por y para especialistas. Saber m\u00e1s De ortodoncistas para ortodoncistas Precisi\u00f3n tecnolog\u00eda avanzada en cada movimiento Software de planificaci\u00f3n de \u00faltima generaci\u00f3n para resultados predecibles y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-255","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitaline.com.co\/en\/wp-json\/wp\/v2\/pages\/255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitaline.com.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaline.com.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaline.com.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaline.com.co\/en\/wp-json\/wp\/v2\/comments?post=255"}],"version-history":[{"count":105,"href":"https:\/\/digitaline.com.co\/en\/wp-json\/wp\/v2\/pages\/255\/revisions"}],"predecessor-version":[{"id":805,"href":"https:\/\/digitaline.com.co\/en\/wp-json\/wp\/v2\/pages\/255\/revisions\/805"}],"wp:attachment":[{"href":"https:\/\/digitaline.com.co\/en\/wp-json\/wp\/v2\/media?parent=255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}