{"id":3313,"date":"2024-09-30T15:58:49","date_gmt":"2024-09-30T20:58:49","guid":{"rendered":"https:\/\/solucione.com.mx\/corporativo\/?page_id=3313"},"modified":"2024-10-10T15:18:27","modified_gmt":"2024-10-10T20:18:27","slug":"telmex","status":"publish","type":"page","link":"https:\/\/solucione.com.mx\/corporativo\/telmex\/","title":{"rendered":"Telmex"},"content":{"rendered":"<section class=\"kc-elm kc-css-137037 kc_row\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-40376 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-css-523003 kc-raw-code\"><!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta charset=\"UTF-8\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/normalize\/5.0.0\/normalize.min.css\">\r\n    <link rel='stylesheet'\r\n        href='https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;500;600;700;800&amp;display=swap'>\r\n    <style>\r\n        :root {\r\n            --cover-timing: 0.5s;\r\n            --cover-ease: cubic-bezier(0.66, 0.08, 0.19, 0.97);\r\n            --cover-stagger: 0.15s;\r\n            --text-timing: .75s;\r\n            --text-stagger: 0.015s;\r\n            --text-ease: cubic-bezier(0.38, 0.26, 0.05, 1.07);\r\n            --title-stagger: 0.05s;\r\n            --highlight: white;\r\n        }\r\n\r\n        .ittech-single-blog-title {\r\n            display: none !important;\r\n        }\r\n\r\n        .tarjetaCobertura .card {\r\n            position: relative;\r\n            overflow: hidden;\r\n            aspect-ratio: 9\/12;\r\n            display: flex;\r\n            flex-direction: column;\r\n            border-radius: 7px;\r\n            box-shadow: rgba(255, 255, 255, 0.3) 0 5vw 6vw -8vw, rgba(255, 255, 255, 0) 0 4.5vw 5vw -6vw, rgba(50, 50, 80, 0.5) 0px 4vw 8vw -2vw, rgba(0, 0, 0, 0.8) 0px 4vw 5vw -3vw;\r\n            transition: box-shadow 1s var(--cover-ease);\r\n        }\r\n\r\n        .tarjetaCobertura .card>* {\r\n            z-index: 2;\r\n        }\r\n\r\n        .tarjetaCobertura .card>img {\r\n            z-index: 0;\r\n            transition: all 0.8s cubic-bezier(0.66, 0.08, 0.19, 0.97);\r\n        }\r\n\r\n        .tarjetaCobertura .card::before,\r\n        .tarjetaCobertura .card::after {\r\n            content: \"\";\r\n            width: 100%;\r\n            height: 50%;\r\n            top: 0;\r\n            left: 0;\r\n            background: rgba(0, 0, 0, 0.6);\r\n            position: absolute;\r\n            transform-origin: left;\r\n            transform: scaleX(0);\r\n            transition: all var(--cover-timing) var(--cover-ease);\r\n            z-index: 1;\r\n        }\r\n\r\n        .tarjetaCobertura .card::after {\r\n            transition-delay: var(--cover-stagger);\r\n            top: 50%;\r\n        }\r\n\r\n        .tarjetaCobertura .card:hover,\r\n        .tarjetaCobertura .card:focus {\r\n            box-shadow: rgb(222, 222, 222) 0 5vw 6vw -9vw, var(--highlight) 0 5.5vw 5vw -7.5vw, rgba(50, 50, 80, 0.5) 0px 4vw 8vw -2vw, rgba(0, 0, 0, 0.8) 0px 4vw 5vw -3vw;\r\n        }\r\n\r\n        .tarjetaCobertura .card:hover::before,\r\n        .tarjetaCobertura .card:hover::after,\r\n        .tarjetaCobertura .card:focus::before,\r\n        .tarjetaCobertura .card:focus::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .tarjetaCobertura .card:hover h2 .char,\r\n        .tarjetaCobertura .card:hover p .word,\r\n        .tarjetaCobertura .card:focus h2 .char,\r\n        .tarjetaCobertura .card:focus p .word {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n            color: inherit;\r\n        }\r\n\r\n        .tarjetaCobertura .card:hover h2 .char,\r\n        .tarjetaCobertura .card:focus h2 .char {\r\n            transition-delay: calc(0.1s + var(--char-index) * var(--title-stagger));\r\n        }\r\n\r\n        .tarjetaCobertura .card:hover p .word,\r\n        .tarjetaCobertura .card:focus p .word {\r\n            transition-delay: calc(0.1s + var(--word-index) * var(--text-stagger));\r\n        }\r\n\r\n        .tarjetaCobertura .card:hover img,\r\n        .tarjetaCobertura .card:focus img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n\r\n\r\n        .tarjetaCobertura .text {\r\n            position: absolute;\r\n            inset: 20px;\r\n            top: 0;\r\n            margin-top: -10vh;\r\n            display: flex;\r\n            \/* Activa Flexbox *\/\r\n            justify-content: center;\r\n            \/* Centra horizontalmente *\/\r\n            align-items: center;\r\n            \/* Centra verticalmente *\/\r\n            text-align: center;\r\n            \/* Centra el texto *\/\r\n            flex-direction: column;\r\n        }\r\n\r\n        .tarjetaCobertura h2 {\r\n            font-size: 30px;\r\n            font-size: clamp(20px, 4vw, 40px);\r\n            font-weight: 800;\r\n            margin-bottom: 0.2em;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .tarjetaCobertura p {\r\n            font-size: 1.12rem;\r\n            word-spacing: 2px;\r\n            line-height: 1.4;\r\n            text-align: justify;\r\n            margin-top: 0.2em;\r\n            margin-bottom: 0;\r\n            text-align: justify !important;\r\n        }\r\n\r\n\r\n        @media (max-width: 768px) {\r\n            .tarjetaCobertura p {\r\n                font-size: 0.81rem !important;\r\n            }\r\n        }\r\n\r\n\r\n\r\n        .tarjetaCobertura h2 .char,\r\n        .tarjetaCobertura p .word {\r\n            color: var(--highlight) !important;\r\n            display: inline-block;\r\n            opacity: 0;\r\n            position: relative;\r\n            transform: translateY(20px);\r\n            transition-property: transform, opacity, color;\r\n            transition-timing-function: var(--text-ease);\r\n            transition-duration: var(--text-timing), var(--text-timing), calc(var(--text-timing)*2);\r\n        }\r\n\r\n        .tarjetaCobertura img {\r\n            position: absolute;\r\n            inset: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            -o-object-fit: cover;\r\n            object-fit: cover;\r\n            border-radius: 7px;\r\n        }\r\n\r\n\r\n\r\n        .tarjetaCobertura .card {\r\n            width: 48vw;\r\n            max-width: 50vw;\r\n            height: 38vw;\r\n            max-height: 40vw;\r\n\r\n            display: flex;\r\n            \/* Activa Flexbox *\/\r\n            justify-content: center;\r\n            \/* Centra horizontalmente *\/\r\n            align-items: center;\r\n            \/* Centra verticalmente *\/\r\n            text-align: center;\r\n            \/* Centra el texto *\/\r\n        }\r\n\r\n\r\n        @media (max-width: 768px) {\r\n            .tarjetaCobertura .card {\r\n                width: 75vw;\r\n                max-width: 77vw;\r\n                min-height: 83vh;\r\n                height: 84vh;\r\n                max-height: 86vh;\r\n            }\r\n        }\r\n\r\n\r\n        .tarjetaCobertura h1 {\r\n            color: #5b6377;\r\n            font-weight: 100;\r\n        }\r\n\r\n        @media screen and (min-width: 600px) {\r\n            .tarjetaCobertura h1 {\r\n                grid-column: 1\/3;\r\n            }\r\n        }\r\n\r\n\r\n        .tarjetaCobertura {\r\n            margin-top: -55px;\r\n            display: grid;\r\n            place-items: center;\r\n            color: white !important;\r\n        }\r\n    <\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n    <main id=\"main\" class=\"tarjetaCobertura\">\r\n        <div class=\"card\" tabindex=\"0\"><img decoding=\"async\"\r\n                src=\"https:\/\/solucione.com.mx\/corporativo\/wp-content\/uploads\/2024\/10\/432950632_842476197924631_5694854087741832886_n.jpg\"\r\n                alt=\"A City skyline at sunset\" \/>\r\n            <div class=\"text\">\r\n                <h2 data-splitting=\"\">\r\n                    TELMEX\r\n                <\/h2>\r\n                <p data-splitting=\"\">\r\n                    La empresa ha completado m\u00e1s de 10,000 servicios a Telmex en distintos puntos de la Rep\u00fablica,\r\n                    abarcando desde\r\n                    instalaciones de infraestructura de red hasta el mantenimiento y actualizaci\u00f3n de sistemas de\r\n                    telecomunicaciones. Estos servicios incluyen la implementaci\u00f3n de soluciones de fibra \u00f3ptica,\r\n                    soporte t\u00e9cnico\r\n                    especializado, optimizaci\u00f3n de redes empresariales, y configuraci\u00f3n de equipos de \u00faltima generaci\u00f3n.\r\n                    El\r\n                    alcance de estos proyectos garantiza una cobertura nacional, contribuyendo a la expansi\u00f3n y mejora\r\n                    de la\r\n                    calidad de los servicios de Telmex en M\u00e9xico.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/main>\r\n    <!-- partial -->\r\n    <script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js'><\/script>\r\n    <script src='https:\/\/unpkg.com\/splitting\/dist\/splitting.min.js'><\/script>\r\n\r\n\r\n    <script>\r\n        Splitting();\r\n\r\n        setTimeout(() => {\r\n            document.querySelector(\".card\").focus();\r\n        }, 1080);\r\n\r\n    <\/script>\r\n<\/body>\r\n\r\n<\/html><\/div><div class=\"kc-elm kc-css-965599 kc-raw-code\">\r\n<style>\r\n\r\n.breadcumb-area{\r\n    background-position: center;\r\n    background-image: url(https:\/\/solucione.com.mx\/corporativo\/wp-content\/uploads\/2024\/10\/telmex-logo.png)!important;\r\n    background-size: cover;\r\n    overflow: hidden!important;\r\n    background-color: white;\r\n}\r\n\r\n.breadcumb-area ul{\r\n    scale: 1.7;\r\n}\r\n\r\n<\/style>\r\n<\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3313","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solucione.com.mx\/corporativo\/wp-json\/wp\/v2\/pages\/3313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solucione.com.mx\/corporativo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solucione.com.mx\/corporativo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solucione.com.mx\/corporativo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solucione.com.mx\/corporativo\/wp-json\/wp\/v2\/comments?post=3313"}],"version-history":[{"count":24,"href":"https:\/\/solucione.com.mx\/corporativo\/wp-json\/wp\/v2\/pages\/3313\/revisions"}],"predecessor-version":[{"id":3497,"href":"https:\/\/solucione.com.mx\/corporativo\/wp-json\/wp\/v2\/pages\/3313\/revisions\/3497"}],"wp:attachment":[{"href":"https:\/\/solucione.com.mx\/corporativo\/wp-json\/wp\/v2\/media?parent=3313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}