{"id":15,"date":"2026-06-25T22:56:00","date_gmt":"2026-06-26T03:56:00","guid":{"rendered":"http:\/\/hlsoluciones.net\/?page_id=15"},"modified":"2026-07-10T00:24:54","modified_gmt":"2026-07-10T05:24:54","slug":"inicio","status":"publish","type":"page","link":"https:\/\/hlsoluciones.net\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d189cb6 e-con e-atomic-element e-flexbox-base \" data-id=\"d189cb6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d189cb6\" data-e-type=\"e-flexbox\" data-id=\"d189cb6\">\n    \t\t<div class=\"elementor-element elementor-element-a796211 elementor-widget elementor-widget-html\" data-id=\"a796211\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<body id=\"top\">\r\n\r\n<header class=\"celerity-header\">\r\n\r\n    <div class=\"logo\">\r\n        <a href=\"#top\" style=\"display: block; padding: 0; background: transparent; border-radius: 0; box-shadow: none; transform: none;\"><img decoding=\"async\" src=\"http:\/\/hlsoluciones.net\/wp-content\/uploads\/2026\/07\/Recurso-4-1-1.png\" alt=\"Celerity\"><\/a>\r\n    <\/div>\r\n\r\n    <nav>\r\n\r\n        <a href=\"#top\" class=\"menu-link\">Inicio<\/a>\r\n\r\n        <a href=\"#planes\" class=\"menu-btn-planes\">Planes<\/a>\r\n\r\n        <a href=\"#nosotros\" class=\"menu-link\">Nosotros<\/a>\r\n\r\n        <a href=\"https:\/\/www.facebook.com\/profile.php?id=61590458887920\" target=\"_blank\" class=\"menu-social-btn fb-btn\">Facebook<\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/celerity.hlss\/\" target=\"_blank\" class=\"menu-social-btn ig-btn\">Instagram<\/a>\r\n\r\n        <a href=\"https:\/\/wa.me\/593987306572\" class=\"btn-whatsapp\"> \r\n            WhatsApp\r\n        <\/a>\r\n\r\n    <\/nav>\r\n\r\n<\/header>\r\n\r\n<style>\r\n\/* \ud83d\udd25 EFECTO DE DESPLAZAMIENTO SUAVE PARA TODA LA P\u00c1GINA *\/\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\nbody{\r\nmargin:0;\r\npadding-top: 20px; \r\nbackground:#06132b;\r\nfont-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n\/* HEADER - M\u00c1S COMPACTO Y ELEGANTE (ESCRITORIO) *\/\r\n.celerity-header{\r\n\r\nposition:fixed;\r\ntop:15px; \r\nleft:50%;\r\ntransform:translateX(-50%);\r\n\r\nwidth:85%; \r\nmax-width:1200px; \r\n\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\n\r\npadding:10px 30px; \r\n\r\nborder-radius:16px;\r\n\r\nbackground:rgba(5,20,55,.75);\r\n\r\nbackdrop-filter:blur(18px);\r\n\r\nborder:1px solid rgba(0,174,255,.25);\r\n\r\nbox-shadow:\r\n0 0 25px rgba(0,174,255,.15),\r\n0 0 60px rgba(0,102,255,.10);\r\n\r\nz-index:99999;\r\n\r\ntransition:.4s;\r\n\r\n}\r\n\r\n\/* LOGO CON EFECTO DIN\u00c1MICO *\/\r\n.logo img{\r\n\r\nheight:45px; \r\n\r\ndisplay:block;\r\n\r\nfilter: drop-shadow(0 0 6px rgba(0, 174, 255, 0.4));\r\n\r\ntransition: .35s ease-in-out;\r\n\r\nanimation: logoLightPulse 4s infinite alternate ease-in-out;\r\n\r\n}\r\n\r\n\/* Hover interactivo en el logo *\/\r\n.logo img:hover {\r\n    filter: drop-shadow(0 0 12px rgba(0, 174, 255, 0.75));\r\n    transform: scale(1.02);\r\n}\r\n\r\n\/* MENU *\/\r\nnav{\r\n\r\ndisplay:flex;\r\n\r\ngap:12px; \r\n\r\nalign-items:center;\r\n\r\n}\r\n\r\nnav a{\r\n\r\ntext-decoration:none;\r\n\r\ncolor:white;\r\n\r\nfont-size:15px; \r\n\r\nfont-weight:600;\r\n\r\npadding:10px 18px; \r\n\r\nborder-radius:10px;\r\n\r\ntransition:.35s;\r\n\r\n}\r\n\r\n\/* Estilo por defecto del bot\u00f3n Planes en PC (Se comporta como link premium) *\/\r\n.menu-btn-planes:hover{\r\n    background:#0f7bff;\r\n    color:white;\r\n    transform:translateY(-2px);\r\n    box-shadow: 0 0 10px #29a3ff, 0 0 25px #29a3ff;\r\n}\r\n\r\n\/* Hover Links *\/\r\n.menu-link:hover{\r\n\r\nbackground:#0f7bff;\r\n\r\ncolor:white;\r\n\r\ntransform:translateY(-2px);\r\n\r\nbox-shadow:\r\n0 0 10px #29a3ff,\r\n0 0 25px #29a3ff;\r\n\r\n}\r\n\r\n\/* \ud83d\udd25 ESTILOS EXCLUSIVOS PARA LOS NUEVOS BOTONES REDES (PC Y TABLET) *\/\r\n.menu-social-btn {\r\n    font-size: 14px !important;\r\n    padding: 10px 14px !important;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n.fb-btn:hover {\r\n    background: #1877f2 !important;\r\n    box-shadow: 0 0 15px rgba(24, 119, 242, 0.6);\r\n    transform: translateY(-2px);\r\n}\r\n.ig-btn:hover {\r\n    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;\r\n    box-shadow: 0 0 15px rgba(220, 39, 67, 0.6);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* Bot\u00f3n WhatsApp - PULSO DE ENERG\u00cdA *\/\r\n.btn-whatsapp{\r\n\r\nbackground:linear-gradient(90deg,#00d084,#00b96b);\r\n\r\ncolor:white!important;\r\n\r\nbox-shadow: 0 0 12px rgba(0,208,132,.5);\r\n\r\nposition: relative;\r\noverflow: hidden;\r\n\r\nanimation: whatsappButtonPulse 2.5s infinite ease-in-out;\r\n\r\n}\r\n\r\n.btn-whatsapp:hover{\r\n\r\nbackground:#00d084;\r\n\r\nbox-shadow:\r\n0 0 15px #00d084,\r\n0 0 35px #00d084;\r\n\r\n}\r\n\r\n\/* --- ANIMACIONES --- *\/\r\n@keyframes logoLightPulse {\r\n    0% { filter: drop-shadow(0 0 5px rgba(0, 174, 255, 0.35)); }\r\n    100% { filter: drop-shadow(0 0 12px rgba(0, 174, 255, 0.6)); }\r\n}\r\n\r\n@keyframes whatsappButtonPulse {\r\n    0%, 100% {\r\n        box-shadow: 0 0 10px rgba(0,208,132,.4);\r\n        transform: scale(1);\r\n    }\r\n    50% {\r\n        box-shadow: 0 0 20px rgba(0,208,132,.8), 0 0 30px rgba(0,208,132,.3);\r\n        transform: scale(1.02); \r\n    }\r\n}\r\n\r\n\r\n\/* RESPONSIVE PARA TABLETS *\/\r\n@media(max-width:900px){\r\n\r\n.celerity-header{\r\nwidth: 90%;\r\ntop: 10px;\r\npadding: 12px 25px;\r\n}\r\n\r\n.logo img{\r\nheight:38px; \r\n}\r\n\r\nnav{\r\ngap: 8px; \r\n}\r\n\r\nnav a{\r\nfont-size:14px; \r\npadding: 8px 14px;\r\n}\r\n\r\n.menu-social-btn {\r\n    padding: 8px 12px !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n}\r\n\r\n\/* \ud83d\udcf1 \u26a1 REDUCCI\u00d3N EXTREMA CON DOS BOTONES PARA CELULARES \u26a1 *\/\r\n@media(max-width:480px) {\r\n    .celerity-header {\r\n        width: 90% !important;\r\n        position: fixed !important;\r\n        top: 10px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        \r\n        flex-direction: row !important; \r\n        justify-content: space-between !important;\r\n        \r\n        padding: 6px 10px !important; \r\n        border-radius: 10px !important; \r\n        gap: 0 !important;\r\n    }\r\n    \r\n    .logo {\r\n        width: auto !important;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .logo img {\r\n        height: 20px !important; \r\n    }\r\n    \r\n    nav {\r\n        width: auto !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 5px !important; \r\n    }\r\n    \r\n    .menu-link {\r\n        display: none !important;\r\n    }\r\n\r\n    .ig-btn {\r\n        display: none !important;\r\n    }\r\n    \r\n    .fb-btn {\r\n        display: block !important;\r\n        font-size: 10px !important;\r\n        padding: 5px 8px !important;\r\n        border-radius: 6px !important;\r\n        font-weight: 700 !important;\r\n        background: rgba(24, 119, 242, 0.2) !important;\r\n        color: #1877f2 !important;\r\n        border: 1px solid rgba(24, 119, 242, 0.4) !important;\r\n        text-align: center;\r\n    }\r\n    \r\n    .menu-btn-planes {\r\n        display: block !important;\r\n        font-size: 10px !important;\r\n        padding: 5px 8px !important;\r\n        border-radius: 6px !important;\r\n        font-weight: 700 !important;\r\n        background: rgba(0, 174, 255, 0.2) !important;\r\n        color: #00aeff !important;\r\n        border: 1px solid rgba(0, 174, 255, 0.4) !important;\r\n        text-align: center;\r\n    }\r\n    \r\n    .btn-whatsapp {\r\n        width: auto !important;\r\n        font-size: 10px !important; \r\n        padding: 5px 8px !important; \r\n        border-radius: 6px !important;\r\n        font-weight: 700 !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-57c0e83 e-flex e-con-boxed e-con e-parent\" data-id=\"57c0e83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c072d0d elementor-widget elementor-widget-html\" data-id=\"c072d0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"celerity-frame-container\">\r\n    <div class=\"celerity-rotation-container-framed\">\r\n        <div class=\"celerity-slider-framed\">\r\n            <div class=\"celerity-slide-framed celerity-slide-1\">\r\n                <a href=\"https:\/\/wa.me\/593987306572\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display: block; width: 100%; height: 100%;\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hlsoluciones.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2-jul-2026-12_04_10-a.m.png\" alt=\"Celerity Banner 1\">\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"celerity-slide-framed celerity-slide-2\">\r\n                <a href=\"https:\/\/wa.me\/593987306572\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display: block; width: 100%; height: 100%;\">\r\n                    <img decoding=\"async\" src=\"http:\/\/hlsoluciones.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2-jul-2026-12_16_25-a.m.png\" alt=\"Celerity Banner 2\">\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- CONTENEDOR ENVOLVENTE (MEDIDAS EXACTAS) --- *\/\r\n.celerity-frame-container {\r\n    width: 100%;\r\n    max-width: 1092px; \/* 1052px de la imagen + 40px de paddings *\/\r\n    margin: 10px auto 30px auto; \r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* --- MARCO CON FILO EXTERIOR CURVEADO --- *\/\r\n.celerity-rotation-container-framed {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 12px; \/* Solo se curva el filo exterior *\/\r\n    background: #051437;\r\n    position: relative;\r\n    padding: 4px; \r\n    z-index: 1;\r\n    box-shadow: \r\n        0 15px 35px rgba(0, 0, 0, 0.7),\r\n        0 0 25px rgba(0, 174, 255, 0.45);\r\n    filter: drop-shadow(0 0 12px rgba(0, 174, 255, 0.35));\r\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n    margin-top: -32px; \/* Posici\u00f3n ideal en PC *\/\r\n}\r\n\r\n\/* --- CONTORNO DE NE\u00d3N --- *\/\r\n.celerity-rotation-container-framed::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: conic-gradient(\r\n        transparent, \r\n        rgba(0, 174, 255, 1.0) 20%, \r\n        transparent 45%, \r\n        rgba(0, 210, 255, 1.0) 70%, \r\n        transparent 100%\r\n    );\r\n    animation: borderRotate 4s linear infinite;\r\n    z-index: -2;\r\n}\r\n\r\n\/* --- M\u00c1SCARA INTERNA CON ESQUINAS 100% RECTAS --- *\/\r\n.celerity-rotation-container-framed::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 4px; \r\n    background: #051437;\r\n    border-radius: 0px; \/* Esquinas de adentro rectas en 90\u00b0 *\/\r\n    z-index: -1;\r\n}\r\n\r\n\/* --- INTERACTIVIDAD HOVER --- *\/\r\n.celerity-rotation-container-framed:hover {\r\n    transform: translateY(-4px) scale(1.005);\r\n    box-shadow: \r\n        0 25px 50px rgba(0, 0, 0, 0.8),\r\n        0 0 45px rgba(0, 174, 255, 0.7),\r\n        inset 0 0 20px rgba(0, 174, 255, 0.4);\r\n    filter: drop-shadow(0 0 20px rgba(0, 174, 255, 0.6));\r\n    cursor: pointer; \/* Cambia el cursor a mano para indicar clicabilidad en todo el marco *\/\r\n}\r\n\r\n\/* --- CONTENEDOR DEL SLIDER --- *\/\r\n.celerity-slider-framed {\r\n    display: block;\r\n    width: 100%;\r\n    height: 542px; \/* Tu alto exacto para PC *\/\r\n    border-radius: 0px; \r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n\/* --- EFECTO DE BRILLO R\u00c1PIDO (DESTELLO DE CRISTAL RE ACTIVADO) --- *\/\r\n.celerity-slider-framed::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -150%;\r\n    width: 30%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        to right, \r\n        rgba(255, 255, 255, 0) 0%, \r\n        rgba(255, 255, 255, 0.4) 50%, \r\n        rgba(0, 174, 255, 0.2) 100%\r\n    );\r\n    transform: skewX(-25deg);\r\n    pointer-events: none;\r\n    z-index: 5;\r\n    animation: lightRayPass 6s infinite ease-in-out;\r\n}\r\n\r\n\/* --- POSICIONAMIENTO SEPARADO DE DIAPOSITIVAS --- *\/\r\n.celerity-slide-framed {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\/* Control de movimiento por banners *\/\r\n.celerity-slide-1 {\r\n    animation: slideTimeline1 6s infinite ease-in-out;\r\n}\r\n.celerity-slide-2 {\r\n    animation: slideTimeline2 6s infinite ease-in-out;\r\n}\r\n\r\n.celerity-slide-framed img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \r\n    display: block;\r\n    border: none; \/* Asegura que no haya bordes de enlace extra\u00f1os *\/\r\n}\r\n\r\n\/* --- ANIMACIONES CSS --- *\/\r\n@keyframes borderRotate { \r\n    100% { transform: rotate(360deg); } \r\n}\r\n\r\n@keyframes lightRayPass {\r\n    0% { left: -150%; }\r\n    20%, 100% { left: 150%; }\r\n}\r\n\r\n@keyframes slideTimeline1 {\r\n    0%, 45% { transform: translateX(0); opacity: 1; }\r\n    50%, 95% { transform: translateX(-100%); opacity: 0; }\r\n    100% { transform: translateX(0); opacity: 1; }\r\n}\r\n\r\n@keyframes slideTimeline2 {\r\n    0%, 45% { transform: translateX(100%); opacity: 0; }\r\n    50%, 95% { transform: translateX(0); opacity: 1; }\r\n    100% { transform: translateX(100%); opacity: 0; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   \ud83d\udcf1 SECCI\u00d3N RESPONSIVE OPTIMIZADA\r\n   ========================================================================== *\/\r\n\r\n\/* \ud83d\udcd0 RESPONSIVE PARA TABLETS *\/\r\n@media (max-width: 900px) {\r\n    .celerity-frame-container { \r\n        padding: 0 15px; \r\n        margin: 15px auto; \r\n    }\r\n    .celerity-rotation-container-framed { \r\n        border-radius: 10px; \r\n        padding: 3px; \r\n        margin-top: -50px !important; \/* Se mantiene excelente en Tablet *\/\r\n    }\r\n    .celerity-rotation-container-framed::after { \r\n        inset: 3px; \r\n        border-radius: 0px; \r\n    }\r\n    .celerity-slider-framed {\r\n        height: calc((100vw - 30px) * (542 \/ 1052)); \r\n        max-height: 340px;\r\n    }\r\n}\r\n\r\n\/* \ud83d\udcf1 RESPONSIVE PARA CELULARES *\/\r\n@media (max-width: 480px) {\r\n    .celerity-frame-container { \r\n        padding: 0 10px; \r\n        margin: 10px auto; \r\n    }\r\n    .celerity-rotation-container-framed { \r\n        border-radius: 8px; \r\n        padding: 2.5px; \r\n        \/* \ud83d\udd25 AJUSTADO: Bajado un poco (Antes en -85px) para dar m\u00e1s respiro *\/\r\n        margin-top: -65px !important; \r\n    }\r\n    .celerity-rotation-container-framed::after { \r\n        inset: 2.5px; \r\n        border-radius: 0px; \r\n    }\r\n    .celerity-slider-framed { \r\n        height: 190px !important; \r\n    }\r\n}\r\n<\/style>\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-49debac e-con e-atomic-element e-flexbox-base e-18f8c77 \" data-id=\"49debac\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"49debac\" data-e-type=\"e-flexbox\" data-id=\"49debac\">\n    \t\t<div class=\"elementor-element elementor-element-f7dfde0 elementor-widget elementor-widget-html\" data-id=\"f7dfde0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contenedor-mascara-celerity\">\r\n    <div class=\"textura-celerity-movil\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* El cuadro contenedor de ancho completo con marcos m\u00e1s grandes e iluminados *\/\r\n.contenedor-mascara-celerity {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 100vw;      \r\n    height: 650px;     \/* Alto reducido para que no ocupe tanto espacio *\/\r\n    max-width: 100vw;\r\n    overflow: hidden;  \r\n    z-index: 0;\r\n    pointer-events: none;\r\n\r\n    \/* \ud83d\udd25 MARCOS M\u00c1S GRANDES Y GRUESOS *\/\r\n    border-top: 4px solid rgba(0, 174, 255, 0.7);\r\n    border-bottom: 4px solid rgba(0, 174, 255, 0.7);\r\n    \r\n    \/* \u26a1 ACELERADO: Baj\u00f3 de 3s a 2s para un pulso m\u00e1s din\u00e1mico *\/\r\n    animation: glowPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite alternate;\r\n}\r\n\r\n\/* La textura fluida interna *\/\r\n.textura-celerity-movil {\r\n    position: absolute;\r\n    top: -10%;\r\n    left: -10%;\r\n    width: 120%;\r\n    height: 120%;\r\n    \r\n    background-image: url('http:\/\/hlsoluciones.net\/wp-content\/uploads\/2026\/07\/imagen_1717x916.png');\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: center;\r\n    \r\n    opacity: 0.85;\r\n    \r\n    \/* \u26a1 ACELERADO: Baj\u00f3 de 25s a 10s para que el fluido se mueva notablemente m\u00e1s r\u00e1pido *\/\r\n    animation: fluidoEnergeticoCelerity 10s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* --- ANIMACI\u00d3N PARA QUE EL MARCO EMITA LUZ --- *\/\r\n@keyframes glowPulse {\r\n    0% {\r\n        box-shadow: \r\n            inset 0 15px 25px rgba(0, 174, 255, 0.2),\r\n            inset 0 -15px 25px rgba(0, 174, 255, 0.2),\r\n            0 0 20px rgba(0, 174, 255, 0.3);\r\n        border-color: rgba(0, 174, 255, 0.6);\r\n    }\r\n    100% {\r\n        \/* M\u00e1xima potencia de luz de ne\u00f3n *\/\r\n        box-shadow: \r\n            inset 0 25px 40px rgba(0, 174, 255, 0.4),\r\n            inset 0 -25px 40px rgba(0, 174, 255, 0.4),\r\n            0 0 35px rgba(0, 174, 255, 0.6),\r\n            0 0 10px rgba(0, 210, 255, 0.4);\r\n        border-color: rgba(0, 210, 255, 0.9);\r\n    }\r\n}\r\n\r\n\/* --- ANIMACI\u00d3N ESTILO ENERG\u00cdA FLUIDA (RITMO ACELERADO) --- *\/\r\n@keyframes fluidoEnergeticoCelerity {\r\n    0% {\r\n        transform: scale(1) rotate(0deg) translate(0px, 0px);\r\n    }\r\n    33% {\r\n        transform: scale(1.04) rotate(1deg) translate(15px, -10px);\r\n    }\r\n    66% {\r\n        transform: scale(1.02) rotate(-0.5deg) translate(-10px, 12px);\r\n    }\r\n    100% {\r\n        transform: scale(1.05) rotate(0.5deg) translate(5px, -5px);\r\n    }\r\n}\r\n\r\n\/* Mantiene el contenedor de Elementor alineado *\/\r\nselector {\r\n    position: relative !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a74211b e-flex e-con-boxed e-con e-parent\" data-id=\"a74211b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5041158 elementor-widget elementor-widget-html\" data-id=\"5041158\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"banner-dinamico-celerity\">\r\n    <img decoding=\"async\" src=\"http:\/\/hlsoluciones.net\/wp-content\/uploads\/2026\/07\/Recurso-4-1-1.png\" alt=\"Celerity Plan 700 Megas\">\r\n<\/div>\r\n\r\n<style>\r\n\/* --- CONFIGURACI\u00d3N PARA COMPUTADORA (PC) --- *\/\r\n.banner-dinamico-celerity {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width: 1052px; \r\n    margin: 35px auto 0 auto; \/* \ud83d\udd25 Subido en PC (Antes 70px) *\/\r\n    position: relative;\r\n    z-index: 2;\r\n    pointer-events: auto;\r\n}\r\n\r\n\/* Estilos de la imagen, brillo y animaci\u00f3n base *\/\r\n.banner-dinamico-celerity img {\r\n    width: 100%;\r\n    max-width: 650px; \r\n    height: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n    filter: brightness(1.3) contrast(1.1) drop-shadow(0 0 20px rgba(0, 174, 255, 0.6));\r\n    animation: flotacionYEscalaCelerity 4s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* --- \ud83d\udcf1 RESPONSIVE: AJUSTES PARA TABLETS --- *\/\r\n@media (max-width: 900px) {\r\n    .banner-dinamico-celerity {\r\n        margin: 0px auto 0 auto; \/* \ud83d\udd25 Eliminado margen superior *\/\r\n    }\r\n    .banner-dinamico-celerity img {\r\n        max-width: 450px; \r\n        \/* Forzamos a la animaci\u00f3n en tablet a trabajar m\u00e1s arriba *\/\r\n        animation: flotacionTabletCelerity 4s ease-in-out infinite alternate;\r\n    }\r\n}\r\n\r\n\/* --- \ud83d\udcf1 RESPONSIVE: AJUSTES PARA CELULARES --- *\/\r\n@media (max-width: 480px) {\r\n    .banner-dinamico-celerity {\r\n        margin: 0px auto 0 auto; \/* \ud83d\udd25 Eliminado margen superior *\/\r\n    }\r\n    .banner-dinamico-celerity img {\r\n        max-width: 280px; \r\n        \/* Forzamos a la animaci\u00f3n en celular a trabajar m\u00e1s arriba *\/\r\n        animation: flotacionCelularCelerity 4s ease-in-out infinite alternate;\r\n    }\r\n}\r\n\r\n\/* --- \ud83d\udda5\ufe0f ANIMACI\u00d3N PARA PC --- *\/\r\n@keyframes flotacionYEscalaCelerity {\r\n    0% {\r\n        transform: translateY(15px) scale(0.96);\r\n        filter: brightness(1.2) contrast(1.1) drop-shadow(0 0 15px rgba(0, 174, 255, 0.5));\r\n    }\r\n    100% {\r\n        transform: translateY(-15px) scale(1.04);\r\n        filter: brightness(1.4) contrast(1.15) drop-shadow(0 0 35px rgba(0, 210, 255, 0.9)) drop-shadow(0 0 10px rgba(0, 174, 255, 0.4));\r\n    }\r\n}\r\n\r\n\/* --- \ud83d\udcd0 ANIMACI\u00d3N OPTIMIZADA M\u00c1S ARRIBA PARA TABLET --- *\/\r\n@keyframes flotacionTabletCelerity {\r\n    0% {\r\n        transform: translateY(5px) scale(0.96);\r\n        filter: brightness(1.2) contrast(1.1) drop-shadow(0 0 15px rgba(0, 174, 255, 0.5));\r\n    }\r\n    100% {\r\n        transform: translateY(-20px) scale(1.04); \/* Sube m\u00e1s *\/\r\n        filter: brightness(1.4) contrast(1.15) drop-shadow(0 0 35px rgba(0, 210, 255, 0.9));\r\n    }\r\n}\r\n\r\n\/* --- \ud83d\udcf1 ANIMACI\u00d3N OPTIMIZADA M\u00c1S ARRIBA PARA CELULAR --- *\/\r\n@keyframes flotacionCelularCelerity {\r\n    0% {\r\n        transform: translateY(0px) scale(0.96);\r\n        filter: brightness(1.2) contrast(1.1) drop-shadow(0 0 15px rgba(0, 174, 255, 0.5));\r\n    }\r\n    100% {\r\n        transform: translateY(-25px) scale(1.04); \/* M\u00e1xima elevaci\u00f3n en m\u00f3vil *\/\r\n        filter: brightness(1.4) contrast(1.15) drop-shadow(0 0 35px rgba(0, 210, 255, 0.9));\r\n    }\r\n}\r\n\r\n\/* Asegura la correcta visualizaci\u00f3n en tu maquetador *\/\r\nselector {\r\n    position: relative !important;\r\n}\r\n<\/style>\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-754931a e-con e-atomic-element e-flexbox-base e-abde1b3 \" data-id=\"754931a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"754931a\" data-e-type=\"e-flexbox\" data-id=\"754931a\">\n    \t\t<div class=\"elementor-element elementor-element-115e7cc elementor-widget elementor-widget-html\" data-id=\"115e7cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Se envuelve en una secci\u00f3n sem\u00e1ntica para ayudar a los robots de Google -->\r\n<section class=\"celerity-3d-wrapper\" aria-label=\"Formulario de contrataci\u00f3n Celerity\">\r\n    <div class=\"contenedor-formulario-celerity\">\r\n        <div class=\"formulario-encabezado\">\r\n            <h2>\u00a1Responde y descubre la diferencia!<\/h2>\r\n            <p>D\u00e9janos tus datos y un asesor te contactar\u00e1 de inmediato.<\/p>\r\n        <\/div>\r\n        \r\n        <form id=\"formCelerity\" onsubmit=\"enviarAWhatsApp(event)\">\r\n            <!-- Contenedor izquierdo: Campos + Pol\u00edticas alineadas abajo -->\r\n            <div class=\"bloque-izquierdo-formulario\">\r\n                <div class=\"formulario-campos\">\r\n                    <div class=\"grupo-input campo-ancho-completo\">\r\n                        <input type=\"text\" id=\"nombreCompleto\" required placeholder=\" \">\r\n                        <label for=\"nombreCompleto\">Nombres y Apellidos<\/label>\r\n                        <div class=\"linea-brillo\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"grupo-input\">\r\n                        <input type=\"tel\" id=\"telefono\" required placeholder=\" \" pattern=\"[0-9]{9,10}\">\r\n                        <label for=\"telefono\">N\u00famero de Tel\u00e9fono<\/label>\r\n                        <div class=\"linea-brillo\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"grupo-input\">\r\n                        <input type=\"email\" id=\"correo\" required placeholder=\" \">\r\n                        <label for=\"correo\">Correo Electr\u00f3nico<\/label>\r\n                        <div class=\"linea-brillo\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \ud83d\udd25 POL\u00cdTICAS CON ENLACES CORREGIDOS Y FUNCIONALES -->\r\n                <div class=\"formulario-politicas\">\r\n                    <label class=\"contenedor-checkbox\">\r\n                        <input type=\"checkbox\" id=\"aceptaPoliticas\" required>\r\n                        <span class=\"check-custom\"><\/span>\r\n                        <span class=\"texto-politicas\">\r\n                            Acepto los <a href=\"https:\/\/www.celerity.ec\/terminos-y-condiciones\/\" target=\"_blank\" rel=\"noopener\">T\u00e9rminos, Condiciones<\/a> y <a href=\"https:\/\/www.puntonet.ec\/politica-de-privacidad\/\" target=\"_blank\" rel=\"noopener\">Pol\u00edticas de Privacidad<\/a> como Distribuidor Autorizado de Celerity.\r\n                        <\/span>\r\n                    <\/label>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Contenedor derecho: Bot\u00f3n -->\r\n            <div class=\"formulario-accion\">\r\n                <button type=\"submit\" class=\"btn-enviar-formulario\">\r\n                    <span>Enviar a WhatsApp<\/span>\r\n                    <span class=\"flecha-icono\">\u2192<\/span>\r\n                <\/button>\r\n            <\/div>\r\n        <\/form>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction enviarAWhatsApp(event) {\r\n    event.preventDefault();\r\n\r\n    if (!document.getElementById('aceptaPoliticas').checked) {\r\n        alert(\"Por favor, acepta los t\u00e9rminos, condiciones y pol\u00edticas de privacidad para continuar.\");\r\n        return;\r\n    }\r\n\r\n    const nombre = document.getElementById('nombreCompleto').value;\r\n    const telf = document.getElementById('telefono').value;\r\n    const email = document.getElementById('correo').value;\r\n    \r\n    const numeroWhatsApp = \"593987306572\"; \r\n\r\n    const mensaje = `Hola Celerity, me interesa contratar un plan. Aqu\u00ed est\u00e1n mis datos:%0A%0A` +\r\n                    `*Nombres:* ${nombre}%0A` +\r\n                    `*Tel\u00e9fono:* ${telf}%0A` +\r\n                    `*Correo:* ${email}%0A` +\r\n                    `*T\u00e9rminos y Pol\u00edticas:* Aceptados`;\r\n\r\n    const url = `https:\/\/wa.me\/${numeroWhatsApp}?text=${mensaje}`;\r\n    window.open(url, '_blank');\r\n}\r\n<\/script>\r\n\r\n<style>\r\n\/* --- CONTENEDOR DE PERSPECTIVA 3D --- *\/\r\n.celerity-3d-wrapper {\r\n    perspective: 1000px; \r\n    width: 100%;\r\n    max-width: 1052px;\r\n    margin: 40px auto;\r\n}\r\n\r\n\/* --- RECT\u00c1NGULO ENVOLVENTE EFECTO 3D (PANEL PREMIUM) --- *\/\r\n.contenedor-formulario-celerity {\r\n    width: 100%;\r\n    padding: 35px 40px;\r\n    background: linear-gradient(145deg, #071942 0%, #030d25 100%); \r\n    backdrop-filter: blur(15px);\r\n    border-radius: 16px;\r\n    box-sizing: border-box;\r\n    color: white;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    \r\n    border-top: 2px solid rgba(255, 255, 255, 0.25);\r\n    border-left: 2px solid rgba(255, 255, 255, 0.15);\r\n    border-right: 2px solid rgba(0, 174, 255, 0.3);\r\n    border-bottom: 3px solid rgba(0, 174, 255, 0.6);\r\n    \r\n    box-shadow: \r\n        0 5px 0 #0056b3, \r\n        0 20px 40px rgba(0, 0, 0, 0.8), \r\n        0 0 30px rgba(0, 174, 255, 0.2); \r\n        \r\n    transform-style: preserve-3d;\r\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.contenedor-formulario-celerity:hover {\r\n    transform: translateY(-6px) rotateX(2deg); \r\n    box-shadow: \r\n        0 8px 0 #00aeff, \r\n        0 30px 50px rgba(0, 0, 0, 0.9), \r\n        0 0 45px rgba(0, 210, 255, 0.4);\r\n}\r\n\r\n.formulario-encabezado {\r\n    text-align: left;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.contenedor-formulario-celerity h2 {\r\n    margin: 0 0 6px 0;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    background: linear-gradient(90deg, #ffffff, #00d2ff, #007bff, #ffffff);\r\n    background-size: 300% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    animation: textoBrillanteCelerity 5s linear infinite;\r\n}\r\n\r\n.contenedor-formulario-celerity p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    color: rgba(0, 174, 255, 0.9);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* ESTRUCTURA HORIZONTAL COMPACTA (ESCRITORIO) *\/\r\n#formCelerity {\r\n    display: flex;\r\n    gap: 30px;\r\n    align-items: flex-end;\r\n}\r\n\r\n.bloque-izquierdo-formulario {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    flex: 3;\r\n}\r\n\r\n.formulario-campos {\r\n    display: flex;\r\n    gap: 25px;\r\n    width: 100%;\r\n}\r\n\r\n.grupo-input {\r\n    position: relative;\r\n    flex: 1;\r\n}\r\n\r\n.grupo-input input {\r\n    width: 100%;\r\n    padding: 12px 0px 8px 0px;\r\n    background: transparent;\r\n    border: none;\r\n    border-bottom: 2px solid rgba(255, 255, 255, 0.15);\r\n    outline: none;\r\n    color: white;\r\n    font-size: 16px;\r\n    transition: 0.3s;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.grupo-input label {\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 0;\r\n    color: rgba(255, 255, 255, 0.4);\r\n    pointer-events: none;\r\n    transition: 0.3s ease all;\r\n    font-size: 16px;\r\n}\r\n\r\n.grupo-input input:focus ~ label,\r\n.grupo-input input:not(:placeholder-shown) ~ label {\r\n    top: -14px;\r\n    font-size: 12px;\r\n    color: #00aeff;\r\n    font-weight: 700;\r\n}\r\n\r\n.grupo-input .linea-brillo {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 2px;\r\n    width: 0;\r\n    background: #00d2ff;\r\n    box-shadow: 0 0 12px #00d2ff;\r\n    transition: 0.4s ease all;\r\n}\r\n\r\n.grupo-input input:focus ~ .linea-brillo {\r\n    width: 100%;\r\n}\r\n\r\n\/* --- ESTILOS DEL CHECKBOX DE POL\u00cdTICAS --- *\/\r\n.formulario-politicas {\r\n    width: 100%;\r\n}\r\n\r\n.contenedor-checkbox {\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    user-select: none;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    gap: 10px;\r\n}\r\n\r\n.contenedor-checkbox input {\r\n    position: absolute;\r\n    opacity: 0;\r\n    cursor: pointer;\r\n    height: 0;\r\n    width: 0;\r\n}\r\n\r\n.check-custom {\r\n    height: 16px;\r\n    width: 16px;\r\n    background-color: rgba(255, 255, 255, 0.05);\r\n    border: 2px solid rgba(0, 174, 255, 0.4);\r\n    border-radius: 4px;\r\n    transition: all 0.3s ease;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n}\r\n\r\n.contenedor-checkbox:hover input ~ .check-custom {\r\n    border-color: #00aeff;\r\n    box-shadow: 0 0 8px rgba(0, 174, 255, 0.3);\r\n}\r\n\r\n.contenedor-checkbox input:checked ~ .check-custom {\r\n    background-color: #007bff;\r\n    border-color: #00aeff;\r\n    box-shadow: 0 0 10px rgba(0, 174, 255, 0.5);\r\n}\r\n\r\n.check-custom:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: none;\r\n    left: 4px;\r\n    top: 1px;\r\n    width: 4px;\r\n    height: 8px;\r\n    border: solid white;\r\n    border-width: 0 2px 2px 0;\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.contenedor-checkbox input:checked ~ .check-custom:after {\r\n    display: block;\r\n}\r\n\r\n.texto-politicas a {\r\n    color: #00aeff;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    transition: 0.2s;\r\n}\r\n\r\n.texto-politicas a:hover {\r\n    text-decoration: underline;\r\n    color: #00d2ff;\r\n}\r\n\r\n.formulario-accion {\r\n    flex: 1.2;\r\n    width: 100%;\r\n}\r\n\r\n\/* BOT\u00d3N 3D EN SINTON\u00cdA *\/\r\n.btn-enviar-formulario {\r\n    width: 100%;\r\n    padding: 15px;\r\n    background: linear-gradient(90deg, #0052d4, #4364f7, #6fb1fc);\r\n    background-size: 200% auto;\r\n    border: none;\r\n    border-radius: 12px;\r\n    color: white;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n    box-shadow: \r\n        0 4px 0 #002d80,\r\n        0 8px 15px rgba(67, 100, 247, 0.3);\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.flecha-icono {\r\n    transition: 0.3s ease;\r\n    font-size: 18px;\r\n}\r\n\r\n.btn-enviar-formulario:hover {\r\n    transform: translateY(-2px);\r\n    background-position: right center;\r\n    box-shadow: \r\n        0 6px 0 #002d80,\r\n        0 12px 25px rgba(0, 210, 255, 0.5);\r\n}\r\n\r\n.btn-enviar-formulario:hover .flecha-icono {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.btn-enviar-formulario:active {\r\n    transform: translateY(4px);\r\n    box-shadow: 0 0px 0 #002d80;\r\n}\r\n\r\n\/* --- ANIMACIONES CSS --- *\/\r\n@keyframes textoBrillanteCelerity {\r\n    0% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n\/* --- \ud83d\udcd0 RESPONSIVE TABLETS (Dise\u00f1o Horizontal Mejorado) --- *\/\r\n@media (max-width: 950px) {\r\n    .celerity-3d-wrapper {\r\n        max-width: 92%;\r\n        margin: -10px auto 35px auto !important; \r\n    }\r\n    .contenedor-formulario-celerity {\r\n        padding: 22px 28px;\r\n    }\r\n    #formCelerity {\r\n        flex-direction: column !important;\r\n        align-items: stretch !important;\r\n        gap: 15px;\r\n    }\r\n    .bloque-izquierdo-formulario {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        width: 100% !important;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .formulario-campos {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 18px 22px;\r\n        width: 100%;\r\n    }\r\n    .campo-ancho-completo {\r\n        grid-column: span 2;\r\n    }\r\n    .formulario-accion {\r\n        width: 100% !important;\r\n    }\r\n}\r\n\r\n\/* --- \ud83d\udcf1 RESPONSIVE CELULARES (Mantiene el orden vertical compacto) --- *\/\r\n@media (max-width: 580px) {\r\n    .celerity-3d-wrapper {\r\n        max-width: 92%;\r\n        margin: -10px auto 30px auto !important;\r\n    }\r\n    .contenedor-formulario-celerity {\r\n        padding: 20px 20px;\r\n    }\r\n    .formulario-campos {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 18px;\r\n    }\r\n    .campo-ancho-completo {\r\n        grid-column: auto;\r\n    }\r\n    .formulario-encabezado {\r\n        text-align: center;\r\n        margin-bottom: 18px;\r\n    }\r\n    .contenedor-formulario-celerity h2 {\r\n        font-size: 19px;\r\n    }\r\n    .contenedor-checkbox {\r\n        font-size: 11px;\r\n        align-items: flex-start;\r\n    }\r\n    .check-custom {\r\n        margin-top: 1px;\r\n    }\r\n    .btn-enviar-formulario {\r\n        padding: 13px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-436f39c e-con e-atomic-element e-flexbox-base e-1c5fd06 \" data-id=\"436f39c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"436f39c\" data-e-type=\"e-flexbox\" data-id=\"436f39c\">\n    \t\t<div class=\"elementor-element elementor-element-9915150 elementor-widget elementor-widget-html\" data-id=\"9915150\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Celerity Fibra \u00d3ptica | Distribuidora Autorizada<\/title>\r\n    <style>\r\n        \/* \ud83d\udd25 EFECTO DE DESPLAZAMIENTO SUAVE PARA TODA LA P\u00c1GINA *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        \/* \ud83d\udd35 EFECTO DE FONDO EN MOVIMIENTO GENERAL *\/\r\n        @keyframes fondoCelerity {\r\n            0% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n            100% { background-position: 0% 50%; }\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            padding-top: 20px; \r\n            background: linear-gradient(-45deg, #010308, #020712, #0d1b99, #0044cc, #0055dd);\r\n            background-size: 400% 400%;\r\n            animation: fondoCelerity 6s ease infinite;\r\n            font-family: Arial, Helvetica, sans-serif;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* --- ESTILOS DEL HEADER --- *\/\r\n        .celerity-header {\r\n            position: fixed;\r\n            top: 15px; \r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 85%; \r\n            max-width: 1200px; \r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 10px 30px; \r\n            border-radius: 16px;\r\n            background: rgba(1, 10, 35, .75); \r\n            backdrop-filter: blur(18px);\r\n            border: 1px solid rgba(0, 192, 255, .25);\r\n            box-shadow: 0 0 25px rgba(0, 170, 255, .15), 0 0 60px rgba(0, 76, 255, .10);\r\n            z-index: 99999;\r\n            transition: .4s;\r\n        }\r\n\r\n        .logo img {\r\n            height: 45px; \r\n            width: auto;\r\n            display: block;\r\n            filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.4));\r\n            transition: .35s ease-in-out;\r\n            animation: logoLightPulse 4s infinite alternate ease-in-out;\r\n        }\r\n\r\n        .logo img:hover {\r\n            filter: drop-shadow(0 0 12px rgba(0, 212, 255, 0.75));\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        nav {\r\n            display: flex;\r\n            gap: 12px; \r\n            align-items: center;\r\n        }\r\n\r\n        nav a {\r\n            text-decoration: none;\r\n            color: white;\r\n            font-size: 15px; \r\n            font-weight: 600;\r\n            padding: 10px 18px; \r\n            border-radius: 10px;\r\n            transition: .35s;\r\n        }\r\n\r\n        .menu-btn-planes:hover, .menu-link:hover {\r\n            background: #004cff;\r\n            color: white;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 0 10px #00d4ff, 0 0 25px #00d4ff;\r\n        }\r\n\r\n        \/* --- BOTONES DE REDES SOCIALES --- *\/\r\n        .menu-social-btn {\r\n            font-size: 14px !important;\r\n            padding: 10px 14px !important;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .fb-btn:hover {\r\n            background: #1877f2 !important;\r\n            color: #ffffff !important;\r\n            box-shadow: 0 0 15px rgba(24, 119, 242, 0.6);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .ig-btn:hover {\r\n            background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;\r\n            color: #ffffff !important;\r\n            box-shadow: 0 0 15px rgba(220, 39, 67, 0.6);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .btn-whatsapp {\r\n            background: linear-gradient(90deg, #00d084, #00b96b);\r\n            color: white !important;\r\n            box-shadow: 0 0 12px rgba(0, 208, 132, .5);\r\n            position: relative;\r\n            overflow: hidden;\r\n            animation: whatsappButtonPulse 2.5s infinite ease-in-out;\r\n        }\r\n\r\n        .btn-whatsapp:hover {\r\n            background: #00d084;\r\n            box-shadow: 0 0 15px #00d084, 0 0 35px #00d084;\r\n        }\r\n\r\n        \/* --- ESTILOS DE LA SECCI\u00d3N PLANES --- *\/\r\n        .seccion-carrusel-planes {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 110px auto 30px auto; \r\n            padding: 0 15px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .carrusel-encabezado {\r\n            text-align: center;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        @keyframes flujoGradiente {\r\n            0% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n            100% { background-position: 0% 50%; }\r\n        }\r\n\r\n        .carrusel-encabezado h2 {\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            color: white;\r\n            text-transform: uppercase;\r\n            margin: 0 0 8px 0;\r\n            background: linear-gradient(270deg, #ffffff, #00d4ff, #004cff, #ffffff);\r\n            background-size: 600% 600%;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            animation: flujoGradiente 6s ease infinite;\r\n        }\r\n\r\n        .carrusel-encabezado p {\r\n            font-size: 15px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            margin: 0;\r\n        }\r\n\r\n        .carrusel-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .carrusel-contenedor {\r\n            display: flex;\r\n            gap: 20px;\r\n            overflow-x: auto;\r\n            scroll-behavior: smooth;\r\n            width: 100%;\r\n            padding: 15px 5px 25px 5px;\r\n            box-sizing: border-box;\r\n            -webkit-overflow-scrolling: touch;\r\n            scrollbar-width: none; \r\n        }\r\n\r\n        .carrusel-contenedor::-webkit-scrollbar { display: none; }\r\n\r\n        .tarjeta-plan {\r\n            flex: 0 0 calc(25% - 15px);\r\n            min-width: 260px;\r\n            background: linear-gradient(145deg, #0d1b99 0%, #000626 100%);\r\n            border-radius: 16px;\r\n            padding: 20px 16px; \r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45);\r\n            box-sizing: border-box;\r\n            color: white;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            position: relative;\r\n            border: 1px solid rgba(0, 212, 255, 0.35);\r\n            transition: transform 0.3s ease, border-color 0.3s;\r\n        }\r\n\r\n        .tarjeta-plan:hover {\r\n            transform: translateY(-4px);\r\n            border-color: #00d4ff;\r\n        }\r\n\r\n        .badge-descuento {\r\n            position: absolute;\r\n            top: 12px;\r\n            right: 12px;\r\n            background: #00d4ff;\r\n            color: #000626;\r\n            font-size: 10px;\r\n            font-weight: 800;\r\n            padding: 3px 10px;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        .icono-wifi {\r\n            width: 32px;\r\n            height: 32px;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .velocidad-box {\r\n            margin: 2px 0 8px 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            width: 100%;\r\n            min-height: 70px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .velocidad-antes {\r\n            font-size: 11px;\r\n            color: rgba(255, 255, 255, 0.4);\r\n            text-decoration: line-through;\r\n            font-weight: bold;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        @keyframes latidoComercial {\r\n            0% { transform: scale(1); }\r\n            50% { transform: scale(1.05); text-shadow: 0 0 14px rgba(0, 212, 255, 0.6); }\r\n            100% { transform: scale(1); }\r\n        }\r\n\r\n        .velocidad-titulo {\r\n            font-size: 40px;\r\n            font-weight: 900;\r\n            margin: 0;\r\n            color: #00d4ff;\r\n            text-shadow: 0 0 12px rgba(0, 212, 255, 0.35);\r\n            line-height: 0.95;\r\n            display: flex;\r\n            align-items: baseline;\r\n            justify-content: center;\r\n            animation: latidoComercial 2.5s infinite ease-in-out; \r\n            transform-origin: center;\r\n        }\r\n\r\n        .velocidad-titulo span {\r\n            font-size: 13px; \r\n            color: rgba(255, 255, 255, 0.85);\r\n            font-weight: 700;\r\n            margin-left: 3px;\r\n        }\r\n\r\n        .duracion-megas {\r\n            font-size: 10px; \r\n            color: #00d4ff;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.8px;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .precio-contenedor { margin-bottom: 8px; }\r\n        .precio { font-size: 26px; font-weight: 800; }\r\n        .iva { font-size: 11px; color: rgba(255, 255, 255, 0.7); display: block; }\r\n        .detalles-promo { font-size: 11px; display: block; color: #00d4ff; font-weight: bold; margin-top: 1px; }\r\n\r\n        .bloque-club-celerity {\r\n            background: #00041a;\r\n            border-radius: 12px;\r\n            width: 100%;\r\n            padding: 10px 8px;\r\n            box-sizing: border-box;\r\n            margin-bottom: 14px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            border: 1px solid rgba(0, 212, 255, 0.15);\r\n        }\r\n\r\n        .unico-club { min-height: 125px; }\r\n        .bloque-club-celerity h4 { margin: 0 0 4px 0; color: #00d4ff; font-size: 11px; font-weight: 800; }\r\n        .sub-armaplan { font-size: 10px; font-weight: 800; color: rgba(255, 255, 255, 0.4); margin-bottom: 2px; }\r\n        .item-promo { font-size: 11px; margin: 2px 0; color: rgba(255, 255, 255, 0.9); line-height: 1.25; }\r\n        .conector-o { font-size: 9px; font-weight: 800; color: #004cff; margin: 1px 0; }\r\n        .precio-regular-caja { margin-top: 6px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 4px; }\r\n        .p-regular { font-size: 11px; font-weight: 700; }\r\n        .t-regular { font-size: 8.5px; color: rgba(255, 255, 255, 0.4); display: block; }\r\n\r\n        \/* \u2728 BOT\u00d3N CON LETRAS COMPLETAMENTE BLANCAS EN M\u00d3VIL Y ESCRITORIO *\/\r\n        .btn-experiencia {\r\n            width: 100%;\r\n            background: linear-gradient(90deg, #0055ff 0%, #00c0ff 100%);\r\n            color: #ffffff !important;\r\n            text-decoration: none;\r\n            padding: 12px 14px;\r\n            border-radius: 40px;\r\n            font-size: 13px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border: none;\r\n            box-shadow: 0 4px 15px rgba(0, 192, 255, 0.4);\r\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            box-sizing: border-box;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Efecto Hover unificado *\/\r\n        .btn-experiencia:hover, .tarjeta-plan:hover .btn-experiencia {\r\n            transform: scale(1.03);\r\n            color: #ffffff !important;\r\n            background: linear-gradient(90deg, #0044ee 0%, #00d4ff 100%);\r\n            box-shadow: 0 6px 22px rgba(0, 212, 255, 0.65), 0 0 10px rgba(0, 85, 255, 0.4);\r\n        }\r\n\r\n        \/* --- ESTILOS DE LA SECCI\u00d3N QUIENES SOMOS --- *\/\r\n        .quienes-somos-celerity {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 60px auto 20px auto; \r\n            padding: 0 15px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .quienes-somos-contenedor {\r\n            text-align: center;\r\n            background: rgba(13, 27, 153, 0.15);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(0, 212, 255, 0.2);\r\n            border-radius: 16px;\r\n            padding: 35px 25px;\r\n            margin-bottom: 15px;\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .quienes-somos-contenedor h2 {\r\n            font-size: 28px;\r\n            font-weight: 800;\r\n            color: #00d4ff;\r\n            text-transform: uppercase;\r\n            margin: 0 0 15px 0;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .texto-principal {\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n            color: #ffffff;\r\n            margin: 0 0 12px 0;\r\n        }\r\n\r\n        .texto-resaltado {\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n            color: #00d4ff;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* --- ANIMACIONES --- *\/\r\n        @keyframes logoLightPulse {\r\n            0% { filter: drop-shadow(0 0 5px rgba(0, 212, 255, 0.35)); }\r\n            100% { filter: drop-shadow(0 0 12px rgba(0, 212, 255, 0.6)); }\r\n        }\r\n\r\n        @keyframes whatsappButtonPulse {\r\n            0%, 100% { box-shadow: 0 0 10px rgba(0, 208, 132, .4); transform: scale(1); }\r\n            50% { box-shadow: 0 0 20px rgba(0, 208, 132, .8), 0 0 30px rgba(0, 208, 132, .3); transform: scale(1.02); }\r\n        }\r\n\r\n        \/* --- RESPONSIVE TABLETS --- *\/\r\n        @media (max-width: 1024px) {\r\n            body {\r\n                background-size: 600% 600% !important;\r\n                animation: fondoCelerity 3s ease infinite !important;\r\n            }\r\n            .seccion-carrusel-planes { margin-top: 100px; }\r\n            .tarjeta-plan {\r\n                flex: 0 0 calc(48% - 10px);\r\n                min-width: 240px;\r\n                padding: 18px 14px;\r\n            }\r\n            .carrusel-encabezado h2 { font-size: 26px; }\r\n            .velocidad-titulo { font-size: 36px; }\r\n            \r\n            .bloque-club-celerity {\r\n                padding: 8px 6px;\r\n                margin-bottom: 12px;\r\n            }\r\n            .unico-club { min-height: 115px; }\r\n            .item-promo { font-size: 10.5px; }\r\n            .precio { font-size: 24px; }\r\n            .btn-experiencia { font-size: 12px; padding: 11px 12px; }\r\n        }\r\n\r\n        @media(max-width: 900px){\r\n            .celerity-header { width: 92%; top: 10px; padding: 10px 20px; }\r\n            \r\n            .logo a {\r\n                display: flex !important;\r\n                align-items: center !important;\r\n                height: 38px !important;\r\n            }\r\n            \r\n            .logo img { \r\n                height: 38px !important; \r\n                width: auto !important;\r\n                max-height: 38px !important;\r\n                object-fit: contain !important;\r\n            }\r\n            \r\n            nav { gap: 8px; }\r\n            nav a { font-size: 13.5px; padding: 8px 12px; }\r\n            .menu-social-btn { padding: 8px 10px !important; font-size: 13px !important; }\r\n        }\r\n\r\n        \/* \ud83d\udcf1 RESPONSIVE CELULARES GENERAL *\/\r\n        @media(max-width: 600px) {\r\n            body {\r\n                background-size: 800% 800% !important;\r\n                animation: fondoCelerity 2s ease infinite !important;\r\n            }\r\n            .seccion-carrusel-planes { margin-top: 90px; }\r\n            .tarjeta-plan {\r\n                flex: 0 0 82%; \r\n                min-width: 230px;\r\n                padding: 18px 14px; \r\n            }\r\n            .carrusel-contenedor {\r\n                gap: 15px;\r\n                padding-left: 5px;\r\n                padding-right: 5px;\r\n            }\r\n            \r\n            .carrusel-encabezado h2 { font-size: 22px; } \r\n            .carrusel-encabezado p { font-size: 13px; }\r\n            \r\n            .velocidad-antes { font-size: 10px; }\r\n            .velocidad-titulo { font-size: 34px; } \r\n            .velocidad-titulo span { font-size: 12px; }\r\n            .duracion-megas { font-size: 10px; }\r\n            .precio { font-size: 22px; }\r\n            \r\n            .bloque-club-celerity {\r\n                padding: 8px; \r\n                margin-bottom: 12px; \r\n            }\r\n            .unico-club { min-height: auto; } \r\n            .bloque-club-celerity h4 { font-size: 10px; margin-bottom: 3px; }\r\n            .sub-armaplan { font-size: 9.5px; margin-bottom: 2px; }\r\n            .item-promo { font-size: 10px; margin: 1px 0; line-height: 1.2; }\r\n            .conector-o { font-size: 9px; margin: 1px 0; }\r\n            .precio-regular-caja { margin-top: 4px; padding-top: 4px; }\r\n            .p-regular { font-size: 10.5px; }\r\n            .t-regular { font-size: 8px; }\r\n            \r\n            .btn-experiencia { padding: 11px; font-size: 11.5px; }\r\n        }\r\n\r\n        \/* \ud83d\udcf1 AJUSTES M\u00d3VILES EXTREMOS *\/\r\n        @media(max-width: 480px) {\r\n            .celerity-header {\r\n                width: 96% !important;\r\n                top: 8px;\r\n                padding: 8px 10px !important; \r\n                border-radius: 12px !important; \r\n            }\r\n            \r\n            .logo a {\r\n                height: 20px !important;\r\n            }\r\n            \r\n            .logo img { \r\n                height: 20px !important; \r\n                width: auto !important; \r\n                max-height: 20px !important;\r\n            }\r\n            \r\n            nav { \r\n                gap: 4px !important; \r\n                flex-wrap: nowrap !important; \r\n                justify-content: flex-end;\r\n            }\r\n            \r\n            .menu-link, .btn-nosotros-movil, .ig-btn { \r\n                display: none !important; \r\n            }\r\n            \r\n            .menu-btn-planes {\r\n                display: block !important;\r\n                font-size: 9.5px !important;\r\n                padding: 4px 6px !important;\r\n                border-radius: 5px !important;\r\n                font-weight: 700 !important;\r\n                background: rgba(0, 212, 255, 0.2) !important;\r\n                color: #00d4ff !important;\r\n                border: 1px solid rgba(0, 212, 255, 0.3) !important;\r\n            }\r\n\r\n            .fb-btn {\r\n                display: block !important;\r\n                font-size: 9.5px !important;\r\n                padding: 4px 6px !important;\r\n                border-radius: 5px !important;\r\n                font-weight: 700 !important;\r\n                background: rgba(24, 119, 242, 0.2) !important;\r\n                color: #ffffff !important; \r\n                border: 1px solid rgba(24, 119, 242, 0.3) !important;\r\n            }\r\n            \r\n            .btn-whatsapp {\r\n                display: block !important;\r\n                font-size: 9.5px !important; \r\n                padding: 4px 6px !important; \r\n                border-radius: 5px !important;\r\n            }\r\n\r\n            .quienes-somos-contenedor { padding: 25px 15px; }\r\n            .quienes-somos-contenedor h2 { font-size: 22px; }\r\n            .texto-principal, .texto-resaltado { font-size: 14px; line-height: 1.5; }\r\n        }\r\n\r\n        \/* \ud83d\udcd0 ADAPTACI\u00d3N DE BLINDAJE SEO PARA TABLETS *\/\r\n        @media (max-width: 992px) {\r\n            .seo-blindaje-compacto { \r\n                margin: 40px auto 30px auto !important; \r\n                padding: 0 12px !important; \r\n            }\r\n            .seo-caja-minificada { \r\n                text-align: left !important; \r\n            }\r\n            .seo-texto-legal { \r\n                font-size: 10px !important; \r\n            }\r\n        }\r\n\r\n        \/* \ud83d\udcf1 ADAPTACI\u00d3N DE BLINDAJE SEO PARA CELULARES *\/\r\n        @media (max-width: 480px) {\r\n            .seo-blindaje-compacto { \r\n                margin: 30px auto 30px auto !important; \r\n                padding: 0 12px !important; \r\n            }\r\n            .seo-caja-minificada { \r\n                text-align: left !important; \r\n            }\r\n            .seo-texto-legal { \r\n                font-size: 9px !important; \r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body id=\"top\">\r\n\r\n<header class=\"celerity-header\">\r\n    <div class=\"logo\">\r\n        <a href=\"#top\" style=\"display: block; padding: 0; background: transparent; border-radius: 0; box-shadow: none; transform: none;\">\r\n            <img decoding=\"async\" src=\"http:\/\/hlsoluciones.net\/wp-content\/uploads\/2026\/07\/Recurso-4-1-1.png\" alt=\"Celerity\">\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <nav>\r\n        <a href=\"#top\" class=\"menu-link\">Inicio<\/a>\r\n        <a href=\"#planes\" class=\"menu-btn-planes\">Planes<\/a>\r\n        <a href=\"#nosotros\" class=\"menu-link btn-nosotros-movil\">Nosotros<\/a>\r\n\r\n        <a href=\"https:\/\/www.facebook.com\/profile.php?id=61590458887920\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"menu-social-btn fb-btn\">Facebook<\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/celerity.hlss\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"menu-social-btn ig-btn\">Instagram<\/a>\r\n\r\n        <a href=\"https:\/\/wa.me\/593987306572\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-whatsapp\"> \r\n            WhatsApp\r\n        <\/a>\r\n    <\/nav>\r\n<\/header>\r\n\r\n<section id=\"planes\" class=\"seccion-carrusel-planes\" aria-label=\"Planes de Internet Fibra \u00d3ptica Celerity Ecuador\">\r\n    <div class=\"carrusel-encabezado\">\r\n        <h2>Internet R\u00e1pido, Estable y Sin Complicaciones<\/h2>\r\n        <p>Compara planes de internet hogar con la mayor velocidad, coverage y promociones de fibra \u00f3ptica.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"carrusel-wrapper\">\r\n        <div class=\"carrusel-contenedor\" id=\"carruselPlanes\">\r\n            \r\n            <article class=\"tarjeta-plan\">\r\n                <span class=\"badge-descuento\">\u00a1DOBLE VELOCIDAD!<\/span>\r\n                <div class=\"icono-wifi\">\r\n                    <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 21a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z M4.8 13.8a10 10 0 0 1 14.4 0l-1.4 1.4a8 8 0 0 0-11.6 0l-1.4-1.4Z M1.9 11a14 14 0 0 1 20.2 0l-1.4 1.4a12 12 0 0 0-17.4 0L1.9 11Z M12 3a18 18 0 0 1 13 5.4l-1.4 1.4A16 16 0 0 0 12 5 16 16 0 0 0 1.6 9.8L.2 8.4A18 18 0 0 1 12 3Z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"velocidad-box\">\r\n                    <span class=\"velocidad-antes\">Antes 350 Mbps<\/span>\r\n                    <h3 class=\"velocidad-titulo\">700<span>Mbps<\/span><\/h3>\r\n                    <span class=\"duracion-megas\">por 24 meses<\/span>\r\n                <\/div>\r\n                <div class=\"precio-contenedor\">\r\n                    <span class=\"precio\">$22.00*<\/span>\r\n                    <span class=\"iva\">+iva<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"bloque-club-celerity unico-club\">\r\n                    <h4>CLUB CELERITY<\/h4>\r\n                    <p class=\"item-promo\">Acceso total a beneficios exclusivos del club.<\/p>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/wa.me\/593987306572\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-experiencia\">Quiero vivir la experiencia<\/a>\r\n            <\/article>\r\n\r\n            <article class=\"tarjeta-plan\">\r\n                <span class=\"badge-descuento\">PROMO INTERNET<\/span>\r\n                <div class=\"icono-wifi\">\r\n                    <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 21a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z M4.8 13.8a10 10 0 0 1 14.4 0l-1.4 1.4a8 8 0 0 0-11.6 0l-1.4-1.4Z M1.9 11a14 14 0 0 1 20.2 0l-1.4 1.4a12 12 0 0 0-17.4 0L1.9 11Z M12 3a18 18 0 0 1 13 5.4l-1.4 1.4A16 16 0 0 0 12 5 16 16 0 0 0 1.6 9.8L.2 8.4A18 18 0 0 1 12 3Z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"velocidad-box\">\r\n                    <span class=\"velocidad-antes\">Antes 650 Mbps<\/span>\r\n                    <h3 class=\"velocidad-titulo\">900<span>Mbps<\/span><\/h3>\r\n                    <span class=\"duracion-megas\">por 24 meses<\/span>\r\n                <\/div>\r\n                <div class=\"precio-contenedor\">\r\n                    <span class=\"precio\">$18.90*<\/span>\r\n                    <span class=\"iva\">+iva<\/span>\r\n                    <span class=\"detalles-promo\">por 6 meses<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"bloque-club-celerity\">\r\n                    <h4>CLUB CELERITY<\/h4>\r\n                    <p class=\"sub-armaplan\">ARMA TU PLAN<\/p>\r\n                    <p class=\"item-promo\"><strong>Router<\/strong> extra<\/p>\r\n                    <p class=\"conector-o\">O<\/p>\r\n                    <p class=\"item-promo\"><strong>Celerity Play<\/strong><br>Gratis por 6 meses<\/p>\r\n                    \r\n                    <div class=\"precio-regular-caja\">\r\n                        <span class=\"p-regular\">$27,00 + iva<\/span>\r\n                        <span class=\"t-regular\">Precio regular al finalizar la promoci\u00f3n.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/wa.me\/593987306572\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-experiencia\">Quiero vivir la experiencia<\/a>\r\n            <\/article>\r\n\r\n            <article class=\"tarjeta-plan\">\r\n                <span class=\"badge-descuento\">M\u00c1S VELOCIDAD<\/span>\r\n                <div class=\"icono-wifi\">\r\n                    <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 21a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z M4.8 13.8a10 10 0 0 1 14.4 0l-1.4 1.4a8 8 0 0 0-11.6 0l-1.4-1.4Z M1.9 11a14 14 0 0 1 20.2 0l-1.4 1.4a12 12 0 0 0-17.4 0L1.9 11Z M12 3a18 18 0 0 1 13 5.4l-1.4 1.4A16 16 0 0 0 12 5 16 16 0 0 0 1.6 9.8L.2 8.4A18 18 0 0 1 12 3Z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"velocidad-box\">\r\n                    <span class=\"velocidad-antes\">Antes 900 Mbps<\/span>\r\n                    <h3 class=\"velocidad-titulo\">1000<span>Mbps<\/span><\/h3>\r\n                    <span class=\"duracion-megas\">por 24 meses<\/span>\r\n                <\/div>\r\n                <div class=\"precio-contenedor\">\r\n                    <span class=\"precio\">$19.60*<\/span>\r\n                    <span class=\"iva\">+iva<\/span>\r\n                    <span class=\"detalles-promo\">por 6 meses<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"bloque-club-celerity\">\r\n                    <h4>CLUB CELERITY<\/h4>\r\n                    <p class=\"sub-armaplan\">ARMA TU PLAN<\/p>\r\n                    <p class=\"item-promo\"><strong>Router<\/strong> extra<\/p>\r\n                    <p class=\"conector-o\">O<\/p>\r\n                    <p class=\"item-promo\"><strong>Celerity Play<\/strong> (6 meses)<\/p>\r\n                    <p class=\"conector-o\">O<\/p>\r\n                    <p class=\"item-promo\"><strong>Disney+ Premium<\/strong><br>50% desc. (6 meses)<\/p>\r\n                    \r\n                    <div class=\"precio-regular-caja\">\r\n                        <span class=\"p-regular\">$28,00 + iva<\/span>\r\n                        <span class=\"t-regular\">Precio regular al finalizar la promoci\u00f3n.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/wa.me\/593987306572\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-experiencia\">Quiero vivir la experiencia<\/a>\r\n            <\/article>\r\n\r\n            <article class=\"tarjeta-plan\">\r\n                <span class=\"badge-descuento\">SUPER PROMO<\/span>\r\n                <div class=\"icono-wifi\">\r\n                    <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 21a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z M4.8 13.8a10 10 0 0 1 14.4 0l-1.4 1.4a8 8 0 0 0-11.6 0l-1.4-1.4Z M1.9 11a14 14 0 0 1 20.2 0l-1.4 1.4a12 12 0 0 0-17.4 0L1.9 11Z M12 3a18 18 0 0 1 13 5.4l-1.4 1.4A16 16 0 0 0 12 5 16 16 0 0 0 1.6 9.8L.2 8.4A18 18 0 0 1 12 3Z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"velocidad-box\">\r\n                    <h3 class=\"velocidad-titulo\">1000<span>Mbps<\/span><\/h3>\r\n                <\/div>\r\n                <div class=\"precio-contenedor\">\r\n                    <span class=\"precio\">$19.00*<\/span>\r\n                    <span class=\"iva\">+iva<\/span>\r\n                    <span class=\"detalles-promo\">por 6 meses<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"bloque-club-celerity\">\r\n                    <h4>CLUB CELERITY<\/h4>\r\n                    <p class=\"sub-armaplan\">ARMA TU PLAN<\/p>\r\n                    <p class=\"item-promo\"><strong>Router<\/strong> adicional<\/p>\r\n                    <p class=\"conector-o\">O<\/p>\r\n                    <p class=\"item-promo\"><strong>Celerity Play<\/strong> (12 meses)<\/p>\r\n                    <p class=\"conector-o\">O<\/p>\r\n                    <p class=\"item-promo\"><strong>Disney+ Premium<\/strong><br>50% desc. (9 meses)<\/p>\r\n                    \r\n                    <div class=\"precio-regular-caja\">\r\n                        <span class=\"p-regular\">$25.00 +  iva<\/span>\r\n                        <span class=\"t-regular\">Precio regular al finalizar la promoci\u00f3n.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/wa.me\/593987306572\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-experiencia\">Quiero vivir la experiencia<\/a>\r\n            <\/article>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section id=\"nosotros\" class=\"quienes-somos-celerity\" aria-label=\"Qui\u00e9nes Somos - Distribuidor Autorizado Celerity\">\r\n    <div class=\"quienes-somos-contenedor\">\r\n        <h2>\u00bfQui\u00e9nes Somos?<\/h2>\r\n        <p class=\"texto-principal\">Somos el puente definitivo hacia tu mejor experiencia digital como <strong>distribuidor autorizado de Celerity<\/strong>. Nos dedicamos a conectar hogares y empresas con soluciones de conectividad de vanguardia.<\/p>\r\n        <p class=\"texto-resaltado\">\u00a1Llevamos la potencia de la fibra \u00f3ptica directo a tu pantalla con atenci\u00f3n personalizada de inicio a fin!<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"seo-blindaje-compacto\" aria-label=\"Informaci\u00f3n del Servicio\" style=\"display: block !important; clear: both !important; position: relative !important; width: 100% !important; max-width: 1200px !important; margin: 40px auto 40px auto !important; padding: 0 15px !important; box-sizing: border-box !important; float: none !important; text-align: center !important;\">\r\n    <div class=\"seo-caja-minificada\" style=\"background: rgba(1, 5, 14, 0.6) !important; border-top: 1px solid rgba(0, 102, 255, 0.1) !important; padding: 12px 18px !important; border-radius: 6px !important; text-align: justify !important; display: block !important; margin: 0 auto !important;\">\r\n        <p class=\"seo-texto-legal\" style=\"font-family: Arial, sans-serif !important; font-size: 11px !important; line-height: 1.4 !important; color: rgba(255, 255, 255, 0.35) !important; margin: 0 !important; letter-spacing: 0.1px !important; word-wrap: break-word !important; word-break: normal !important; overflow-wrap: anywhere !important; -webkit-hyphens: auto !important; hyphens: auto !important;\">\r\n            *T\u00e9rminos de servicio y condiciones de cobertura aplicables para la contrataci\u00f3n de \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">planes internet Ecuador<\/strong> y servicios de <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">internet hogar Ecuador<\/strong>. \r\n            La velocidad m\u00e1xima de navegaci\u00f3n est\u00e1 sujeta a factibilidad t\u00e9cnica y disponibilidad geogr\u00e1fica de \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">internet fibra \u00f3ptica Ecuador<\/strong>. Para garantizar el acceso al \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">mejor internet Ecuador<\/strong> en zonas urbanas, revisa nuestras opciones promocionales de \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">internet ilimitado Ecuador<\/strong> y la infraestructura desplegada de \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">internet rural Ecuador<\/strong>. Te recomendamos \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">comparar planes internet<\/strong> residenciales antes de activar las \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">promociones internet hogar<\/strong> vigentes este mes. Despliegue t\u00e9cnico preparado para la transici\u00f3n a la red de \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">internet 5G Ecuador<\/strong>. Para m\u00e1s informaci\u00f3n sobre c\u00f3mo \r\n            <strong style=\"color: rgba(255, 255, 255, 0.45) !important; font-weight: normal !important;\">contratar internet Ecuador<\/strong> con soporte e instalaci\u00f3n prioritaria, contacta con un asesor t\u00e9cnico.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-aa20698 e-con e-atomic-element e-flexbox-base e-ab4202b \" data-id=\"aa20698\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aa20698\" data-e-type=\"e-flexbox\" data-id=\"aa20698\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-c159583 e-con e-atomic-element e-flexbox-base e-7c41e59 \" data-id=\"c159583\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c159583\" data-e-type=\"e-flexbox\" data-id=\"c159583\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-423b69c e-con e-atomic-element e-flexbox-base e-1769cbf \" data-id=\"423b69c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"423b69c\" data-e-type=\"e-flexbox\" data-id=\"423b69c\">\n    \t\t<div class=\"elementor-element elementor-element-98cb3e4 elementor-widget elementor-widget-html\" data-id=\"98cb3e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================\r\n     MU\u00d1ECO INTERACTIVO AMISTOSO 3D (DIRECCIONA A WHATSAPP)\r\n     ======================================================== -->\r\n<a href=\"https:\/\/wa.me\/593987306572\" target=\"_blank\" class=\"personaje-flotante-wrapper\" aria-label=\"Hablar con soporte\">\r\n    <!-- Globo de di\u00e1logo estilo ne\u00f3n -->\r\n    <div class=\"globo-dialogo\">\u00a1Hola! Dale clic aqu\u00ed para contratar tu plan \ud83d\ude80<\/div>\r\n    \r\n    <!-- Contenedor del Avatar Robot con profundidad -->\r\n    <div class=\"muneco-avatar\">\r\n        <svg viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <defs>\r\n                <!-- Gradientes 3D de iluminaci\u00f3n -->\r\n                <radialGradient id=\"brilloCristal\" cx=\"50%\" cy=\"30%\" r=\"50%\">\r\n                    <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.6\"\/>\r\n                    <stop offset=\"100%\" stop-color=\"#ffffff\" stop-opacity=\"0\"\/>\r\n                <\/radialGradient>\r\n                \r\n                <radialGradient id=\"cuerpo3D\" cx=\"40%\" cy=\"30%\" r=\"70%\">\r\n                    <stop offset=\"0%\" stop-color=\"#1a3d99\"\/>\r\n                    <stop offset=\"70%\" stop-color=\"#081436\"\/>\r\n                    <stop offset=\"100%\" stop-color=\"#020714\"\/>\r\n                <\/radialGradient>\r\n\r\n                <linearGradient id=\"auricular3D\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                    <stop offset=\"0%\" stop-color=\"#00ffff\"\/>\r\n                    <stop offset=\"50%\" stop-color=\"#00aeff\"\/>\r\n                    <stop offset=\"100%\" stop-color=\"#0055b3\"\/>\r\n                <\/linearGradient>\r\n\r\n                <radialGradient id=\"visor3D\" cx=\"50%\" cy=\"30%\" r=\"60%\">\r\n                    <stop offset=\"0%\" stop-color=\"#0b2b66\"\/>\r\n                    <stop offset=\"85%\" stop-color=\"#030c22\"\/>\r\n                    <stop offset=\"100%\" stop-color=\"#000000\"\/>\r\n                <\/radialGradient>\r\n\r\n                <radialGradient id=\"ojoGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n                    <stop offset=\"0%\" stop-color=\"#ffffff\"\/>\r\n                    <stop offset=\"40%\" stop-color=\"#00ffaa\"\/>\r\n                    <stop offset=\"100%\" stop-color=\"#00ffaa\" stop-opacity=\"0\"\/>\r\n                <\/radialGradient>\r\n\r\n                <!-- Filtro de sombra proyectada para volumen -->\r\n                <filter id=\"sombra3D\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n                    <feDropShadow dx=\"0\" dy=\"6\" stdDeviation=\"4\" flood-color=\"#000000\" flood-opacity=\"0.6\"\/>\r\n                <\/filter>\r\n            <\/defs>\r\n\r\n            <!-- Diadema de los auriculares (Atr\u00e1s de la cabeza) -->\r\n            <path d=\"M18 45 Q50 8 82 45\" fill=\"none\" stroke=\"url(#auricular3D)\" stroke-width=\"7\" stroke-linecap=\"round\" filter=\"url(#sombra3D)\"\/>\r\n            <path d=\"M18 45 Q50 8 82 45\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.5\" stroke-opacity=\"0.4\" stroke-linecap=\"round\"\/>\r\n\r\n            <!-- Hombros \/ Base mec\u00e1nica -->\r\n            <path d=\"M22 86 Q22 68 50 68 Q78 68 78 86 Z\" fill=\"url(#cuerpo3D)\" stroke=\"#00aeff\" stroke-width=\"1.5\" filter=\"url(#sombra3D)\"\/>\r\n            <path d=\"M36 86 L50 71 L64 86 Z\" fill=\"url(#auricular3D)\" opacity=\"0.9\"\/>\r\n            <!-- Reflejo de luz en hombros -->\r\n            <path d=\"M25 80 Q35 71 50 71 Q65 71 75 80\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1\" stroke-opacity=\"0.2\"\/>\r\n\r\n            <!-- Orejeras \/ Almohadillas laterales 3D -->\r\n            <rect x=\"10\" y=\"38\" width=\"10\" height=\"24\" rx=\"5\" fill=\"url(#auricular3D)\" filter=\"url(#sombra3D)\"\/>\r\n            <rect x=\"80\" y=\"38\" width=\"10\" height=\"24\" rx=\"5\" fill=\"url(#auricular3D)\" filter=\"url(#sombra3D)\"\/>\r\n            <!-- Brillos en orejeras -->\r\n            <rect x=\"12\" y=\"40\" width=\"3\" height=\"20\" rx=\"1.5\" fill=\"#ffffff\" opacity=\"0.3\"\/>\r\n            <rect x=\"82\" y=\"40\" width=\"3\" height=\"20\" rx=\"1.5\" fill=\"#ffffff\" opacity=\"0.3\"\/>\r\n\r\n            <!-- Cabeza Esf\u00e9rica Principal -->\r\n            <rect x=\"22\" y=\"28\" width=\"56\" height=\"46\" rx=\"22\" fill=\"url(#cuerpo3D)\" stroke=\"#00ffff\" stroke-width=\"1.5\" filter=\"url(#sombra3D)\"\/>\r\n            \r\n            <!-- Visor Digital Hundido -->\r\n            <rect x=\"28\" y=\"36\" width=\"44\" height=\"25\" rx=\"12\" fill=\"url(#visor3D)\" stroke=\"#00aeff\" stroke-width=\"2\"\/>\r\n            \r\n            <!-- Brillo curvo del visor (Efecto cristal templado) -->\r\n            <path d=\"M30 46 Q50 38 70 46 Q65 38 30 46 Z\" fill=\"#ffffff\" opacity=\"0.15\"\/>\r\n\r\n            <!-- Ojos LED con Efecto Amistoso (Mirada feliz y curiosa) -->\r\n            <!-- Ojo Izquierdo -->\r\n            <circle cx=\"41\" cy=\"46\" r=\"5.5\" fill=\"url(#ojoGlow)\"\/>\r\n            <circle cx=\"42\" cy=\"45\" r=\"2\" fill=\"#ffffff\"\/>\r\n            <!-- Ojo Derecho -->\r\n            <circle cx=\"59\" cy=\"46\" r=\"5.5\" fill=\"url(#ojoGlow)\"\/>\r\n            <circle cx=\"58\" cy=\"45\" r=\"2\" fill=\"#ffffff\"\/>\r\n\r\n            <!-- Cejas curvadas hacia arriba (Expresi\u00f3n alegre\/amistosa) -->\r\n            <path d=\"M35 39 Q40 36 45 39\" fill=\"none\" stroke=\"#00ffaa\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M65 39 Q60 36 55 39\" fill=\"none\" stroke=\"#00ffaa\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n\r\n            <!-- \u00a1NUEVA! Sonrisa LED digital -->\r\n            <path d=\"M44 54 Q50 59 56 54\" fill=\"none\" stroke=\"#00ffaa\" stroke-width=\"3\" stroke-linecap=\"round\" filter=\"url(#sombra3D)\" \/>\r\n\r\n            <!-- Luces de mejillas sonrojadas y amables -->\r\n            <circle cx=\"34\" cy=\"52\" r=\"3\" fill=\"#00ffff\" opacity=\"0.6\" \/>\r\n            <circle cx=\"66\" cy=\"52\" r=\"3\" fill=\"#00ffff\" opacity=\"0.6\" \/>\r\n\r\n            <!-- Antena con Esfera de Energ\u00eda Superior -->\r\n            <line x1=\"50\" y1=\"28\" x2=\"50\" y2=\"14\" stroke=\"url(#auricular3D)\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"50\" cy=\"11\" r=\"5\" fill=\"url(#ojoGlow)\"\/>\r\n            <circle cx=\"50\" cy=\"11\" r=\"2\" fill=\"#ffffff\"\/>\r\n            \r\n            <!-- Micr\u00f3fono Gaming que sobresale hacia el frente -->\r\n            <path d=\"M16 56 Q30 68 38 64\" fill=\"none\" stroke=\"url(#auricular3D)\" stroke-width=\"3\" stroke-linecap=\"round\" filter=\"url(#sombra3D)\"\/>\r\n            <circle cx=\"38\" cy=\"64\" r=\"3.5\" fill=\"url(#ojoGlow)\"\/>\r\n\r\n            <!-- CAPA FINAL: Reflejo global de vidrio (Efecto 3D Glossy) -->\r\n            <rect x=\"24\" y=\"30\" width=\"52\" height=\"20\" rx=\"10\" fill=\"url(#brilloCristal)\" pointer-events=\"none\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n<\/a>\r\n\r\n<!-- ESTILOS ACTUALIZADOS PARA EL MU\u00d1ECO 3D -->\r\n<style>\r\n.personaje-flotante-wrapper {\r\n    position: fixed;\r\n    bottom: 25px;\r\n    right: 25px;\r\n    z-index: 999999;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n    text-decoration: none;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* Globo de texto flotante modernizado con sombra pesada *\/\r\n.globo-dialogo {\r\n    background: #ffffff;\r\n    color: #06132b;\r\n    font-size: 13px;\r\n    font-weight: bold;\r\n    padding: 10px 16px;\r\n    border-radius: 14px;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.45), 0 0 15px rgba(0, 229, 255, 0.2);\r\n    margin-bottom: 10px;\r\n    white-space: nowrap;\r\n    position: relative;\r\n    border: 2px solid #00e5ff;\r\n    animation: bounceSpeech 4s infinite ease-in-out;\r\n    transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n}\r\n\r\n.globo-dialogo::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -8px;\r\n    right: 36px;\r\n    border-width: 8px 8px 0;\r\n    border-style: solid;\r\n    border-color: #ffffff transparent;\r\n    display: block;\r\n    width: 0;\r\n}\r\n\r\n\/* C\u00e1psula de fondo con gradiente met\u00e1lico y sombra hiperrealista *\/\r\n.muneco-avatar {\r\n    width: 95px;\r\n    height: 95px;\r\n    background: radial-gradient(circle at 35% 35%, #102a6b 0%, #050f26 70%, #01050f 100%);\r\n    border: 3px solid #00e5ff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 12px 30px rgba(0,0,0,0.6), 0 0 20px rgba(0, 229, 255, 0.4), inset 0 0 15px rgba(0, 229, 255, 0.3);\r\n    padding: 2px;\r\n    box-sizing: border-box;\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease;\r\n    animation: floatRobot 3.2s infinite ease-in-out;\r\n}\r\n\r\n\/* Efectos din\u00e1micos Hover *\/\r\n.personaje-flotante-wrapper:hover .muneco-avatar {\r\n    transform: scale(1.15) translateY(-8px) rotate(3deg);\r\n    border-color: #00ffaa;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.7), 0 0 30px rgba(0, 255, 170, 0.6), inset 0 0 15px rgba(0, 255, 170, 0.3);\r\n}\r\n\r\n.personaje-flotante-wrapper:hover .globo-dialogo {\r\n    background: #00ffaa;\r\n    border-color: #ffffff;\r\n    color: #06132b;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.45), 0 0 20px rgba(0, 255, 170, 0.4);\r\n}\r\n\r\n\/* Animaciones fluidas *\/\r\n@keyframes floatRobot { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }\r\n@keyframes bounceSpeech { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\r\n\r\n\/* Adaptaci\u00f3n m\u00f3vil *\/\r\n@media(max-width: 480px) {\r\n    .personaje-flotante-wrapper { bottom: 15px; right: 15px; }\r\n    .muneco-avatar { width: 72px; height: 72px; }\r\n    .globo-dialogo { font-size: 11px; padding: 6px 12px; right: 5px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio Planes Nosotros Facebook Instagram WhatsApp \u00a1Responde y descubre la diferencia! D\u00e9janos tus datos y un asesor te contactar\u00e1 de inmediato. Nombres y Apellidos N\u00famero de Tel\u00e9fono Correo Electr\u00f3nico Acepto los T\u00e9rminos, Condiciones y Pol\u00edticas de Privacidad como Distribuidor Autorizado de Celerity. Enviar a WhatsApp \u2192 Celerity Fibra \u00d3ptica | Distribuidora Autorizada Inicio Planes Nosotros [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hlsoluciones.net\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hlsoluciones.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hlsoluciones.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hlsoluciones.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hlsoluciones.net\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":349,"href":"https:\/\/hlsoluciones.net\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/hlsoluciones.net\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/hlsoluciones.net\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}