Qui\u00e9nes Somos - Lopertech<\/title>\n <style>\n \/* ======================== *\/\n \/* Estilos Generales *\/\n \/* ======================== *\/\n body {\n font-family: 'Segoe UI', sans-serif;\n margin: 0;\n background-color: #0b132b;\n color: white;\n }\n\n \/* ======================== *\/\n \/* Secci\u00f3n \"Qui\u00e9nes Somos\" *\/\n \/* ======================== *\/\n .about-section {\n padding: 60px 40px;\n }\n\n .about-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n max-width: 1200px;\n margin: auto;\n gap: 40px;\n flex-wrap: wrap;\n }\n\n \/* Contenido de Texto *\/\n .about-text {\n flex: 1 1 500px;\n }\n\n .about-text h4 {\n color: #3399ff;\n text-transform: uppercase;\n font-size: 16px;\n letter-spacing: 1px;\n font-weight: 700;\n margin: 0;\n }\n\n .about-text h2 {\n font-size: 32px;\n margin: 10px 0 20px;\n line-height: 1.2;\n }\n\n .about-text p {\n font-size: 16px;\n line-height: 1.6;\n color: #ccc;\n text-align: justify;\n }\n\n .features {\n display: grid;\n grid-template-columns: repeat(2, minmax(200px, 1fr));\n gap: 10px;\n margin: 20px 0;\n padding: 0;\n list-style: none;\n }\n\n .features li {\n font-size: 15px;\n color: #fff;\n font-weight: 700; \/* bold *\/\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n\n .features svg {\n width: 16px;\n height: 16px;\n fill: var(--ast-global-color-2, #00ffcc);\n }\n\n \/* Imagen *\/\n .image-container {\n width: 48%;\n padding-top: 24px;\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n border-style: solid;\n border-width: 2px;\n border-color: var(--ast-global-color-0, #3399ff);\n }\n\n .image-wrapper {\n width: 800px;\n height: 548px;\n margin-top: 0;\n margin-right: 0;\n margin-left: -26px;\n margin-bottom: -28px;\n }\n\n .image-wrapper img {\n object-fit: cover;\n width: 530px;\n height: 548px;\n border: none;\n border-radius: 0;\n display: block;\n }\n\n \/* ======================== *\/\n \/* Responsive *\/\n \/* ======================== *\/\n @media (max-width: 768px) {\n .image-container {\n width: 100%;\n }\n\n .image-wrapper {\n margin-left: -24px;\n margin-bottom: -24px;\n }\n\n .image-wrapper img {\n width: 1000px;\n height: 540px;\n }\n }\n\n @media (max-width: 480px) {\n .image-wrapper {\n margin-left: -16px;\n margin-bottom: -16px;\n }\n\n .image-wrapper img {\n width: 800px;\n height: 300px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"about-section\">\n <div class=\"about-container\">\n\n \n <div class=\"image-container\">\n <div class=\"image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/lopertech.net\/wp-content\/uploads\/2024\/12\/data-codes-through-eyeglasses-577585.jpeg\" alt=\"Lopertech\" \/>\n <\/div>\n <\/div>\n\n \n <div class=\"about-text\">\n <h4>Who we are<\/h4>\n <h2>Lopertech: Leaders in Cybersecurity<\/h2>\n <p>\n With years of experience, at Lopertech we specialize in protecting the digital infrastructures of businesses, offering customized and advanced solutions that adapt to each specific need to ensure their security.\n <\/p>\n\n <ul class=\"features\">\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3L182.6 406.6c-12.5 12.5-32.8 12.5-45.3 0L9.4 278.6C-3.1 266.1-3.1 245.9 9.4 233.4s32.8-12.5 45.3 0L159.1 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg>\n Leader in Cybersecurity\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3L182.6 406.6c-12.5 12.5-32.8 12.5-45.3 0L9.4 278.6C-3.1 266.1-3.1 245.9 9.4 233.4s32.8-12.5 45.3 0L159.1 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg>\n Technology Experts\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3L182.6 406.6c-12.5 12.5-32.8 12.5-45.3 0L9.4 278.6C-3.1 266.1-3.1 245.9 9.4 233.4s32.8-12.5 45.3 0L159.1 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg>\n Comprehensive Solutions\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3L182.6 406.6c-12.5 12.5-32.8 12.5-45.3 0L9.4 278.6C-3.1 266.1-3.1 245.9 9.4 233.4s32.8-12.5 45.3 0L159.1 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg>\n Advanced Protection\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3L182.6 406.6c-12.5 12.5-32.8 12.5-45.3 0L9.4 278.6C-3.1 266.1-3.1 245.9 9.4 233.4s32.8-12.5 45.3 0L159.1 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg>\n Personalized Consulting\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3L182.6 406.6c-12.5 12.5-32.8 12.5-45.3 0L9.4 278.6C-3.1 266.1-3.1 245.9 9.4 233.4s32.8-12.5 45.3 0L159.1 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg>\n Strategic Partnerships\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3L182.6 406.6c-12.5 12.5-32.8 12.5-45.3 0L9.4 278.6C-3.1 266.1-3.1 245.9 9.4 233.4s32.8-12.5 45.3 0L159.1 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg>\n Smooth experience\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3L182.6 406.6c-12.5 12.5-32.8 12.5-45.3 0L9.4 278.6C-3.1 266.1-3.1 245.9 9.4 233.4s32.8-12.5 45.3 0L159.1 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg>\n Constant innovation\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\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-9de2386 e-flex e-con-boxed e-con e-parent\" data-id=\"9de2386\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f90f5d elementor-widget elementor-widget-html\" data-id=\"8f90f5d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n <title>Secci\u00f3n de Contadores<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Segoe UI', sans-serif;\n background-color: #0b132b;\n color: white;\n overflow-x: hidden;\n }\n\n .stats-section {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n background: url('https:\/\/lopertech.net\/wp-content\/uploads\/2024\/12\/close-up-view-of-system-hacking-5380642.jpeg') center center\/cover no-repeat;\n padding: 140px 140px;\n box-sizing: border-box;\n color: white;\n text-align: center;\n z-index: 0;\n }\n\n .stats-section::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: rgba(5, 10, 20, 0.64);\n z-index: -1;\n }\n\n @media (max-width: 1024px) {\n .stats-section {\n padding: 60px 32px;\n }\n }\n @media (max-width: 768px) {\n .stats-section {\n padding: 48px 24px;\n }\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 40px; \/* M\u00e1s espacio entre cajas *\/\n max-width: 1200px;\n margin: 0 auto;\n}\n\n @media (max-width: 1024px) {\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n }\n\n @media (max-width: 768px) {\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n }\n\n .stat-box {\n border: 2px solid #ffffff;\n padding: 40px;\n text-align: center;\n }\n\n @media (max-width: 1024px) {\n .stat-box {\n padding: 20px;\n }\n }\n @media (max-width: 768px) {\n .stat-box {\n padding: 20px;\n }\n }\n\n .stat-number {\n font-size: 60px;\n font-weight: 600;\n margin: 0;\n }\n\n @media (max-width: 1024px) {\n .stat-number {\n font-size: 40px;\n }\n }\n\n @media (max-width: 480px) {\n .stat-number {\n font-size: 36px;\n }\n }\n\n .stat-title {\n margin: 0;\n font-size: 16px;\n line-height: 1.8;\n color: #ffffff;\n }\n\n .content-wrapper {\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"stats-section\">\n <div class=\"content-wrapper\">\n <div class=\"stats-grid\">\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"60\">0+<\/p>\n <p class=\"stat-title\">Event held<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"7\">0+<\/p>\n <p class=\"stat-title\">Years of experience<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"189\">0+<\/p>\n <p class=\"stat-title\">Satisfied customers<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"30\">0+<\/p>\n <p class=\"stat-title\">Trusted sellers<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"24\">0+<\/p>\n <p class=\"stat-title\">Accreditations<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"17\">0+<\/p>\n <p class=\"stat-title\">AWS Certifications<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"12\">0+<\/p>\n <p class=\"stat-title\">Strategic Partners<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"5\">0+<\/p>\n <p class=\"stat-title\">AWS certified services<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"5\">0+<\/p>\n <p class=\"stat-title\">Countries Present<\/p>\n <\/div>\n <div class=\"stat-box\">\n <p class=\"stat-number\" data-target-value=\"7000\">0+<\/p>\n <p class=\"stat-title\">Completed Projects<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n const statsSection = document.querySelector('.stats-section');\n const counters = document.querySelectorAll('.stat-number');\n const animationDuration = 2000; \/\/ Duraci\u00f3n en ms\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n counters.forEach(counter => animateCounter(counter));\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.5 \/\/ Ejecutar cuando 50% visible\n });\n\n observer.observe(statsSection);\n\n function animateCounter(counter) {\n const targetValue = parseInt(counter.dataset.targetValue);\n const startTime = performance.now();\n\n function update(currentTime) {\n const elapsed = currentTime - startTime;\n if (elapsed < animationDuration) {\n const progress = elapsed \/ animationDuration;\n const currentValue = Math.floor(progress * targetValue);\n\n const formattedValue = targetValue >= 1000\n ? new Intl.NumberFormat('es-ES').format(currentValue)\n : currentValue;\n\n counter.textContent = formattedValue + '+';\n\n requestAnimationFrame(update);\n } else {\n const finalValue = targetValue >= 1000\n ? new Intl.NumberFormat('es-ES').format(targetValue)\n : targetValue;\n\n counter.textContent = finalValue + '+';\n }\n }\n\n requestAnimationFrame(update);\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\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-2079bfe e-flex e-con-boxed e-con e-parent\" data-id=\"2079bfe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b9fd2d elementor-widget elementor-widget-html\" data-id=\"8b9fd2d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n <title>Qui\u00e9nes Somos - Lopertech<\/title>\n <style>\n \/* ======================== *\/\n \/* Estilos Generales *\/\n \/* ======================== *\/\n body {\n font-family: 'Segoe UI', sans-serif;\n margin: 0;\n background-color: #0b132b;\n color: white;\n }\n\n \/* ======================== *\/\n \/* Secci\u00f3n \"Qui\u00e9nes Somos\" *\/\n \/* ======================== *\/\n .section-quien-somos {\n padding: 60px 40px 100px;\n }\n\n .container-quien-somos {\n display: grid;\n grid-template-columns: 55% 40%;\n gap: 40px;\n max-width: 1200px;\n margin: auto;\n }\n\n \/* Contenido de Texto *\/\n .texto-quien-somos {\n flex: 1;\n }\n\n .texto-quien-somos h4 {\n color: #3399ff;\n text-transform: uppercase;\n font-size: 16px;\n letter-spacing: 1px;\n font-weight: 700;\n margin: 0;\n }\n\n .texto-quien-somos h2 {\n font-size: 32px;\n margin: 10px 0 20px;\n line-height: 1.2;\n }\n\n .texto-quien-somos p {\n font-size: 16px;\n line-height: 1.6;\n color: #ccc;\n text-align: justify;\n }\n\n .lista-caracteristicas {\n display: grid;\n grid-template-columns: repeat(2, minmax(200px, 1fr));\n gap: 10px;\n margin: 20px 0;\n padding: 0;\n list-style: none;\n }\n\n .lista-caracteristicas li {\n font-size: 15px;\n color: #fff;\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n \/* Contenedor del \u00edcono y texto para la alineaci\u00f3n *\/\n .icon-with-text-wrapper {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n }\n\n .icon-with-text-wrapper svg {\n width: 40px; \/* Tama\u00f1o del icono para un mejor balance *\/\n height: 40px;\n flex-shrink: 0;\n margin-top: 4px;\n }\n\n \/* Para hacer un \u00edcono espec\u00edfico m\u00e1s grande *\/\n .icon-with-text-wrapper.ciberseguridad svg {\n width: 32px; \/* Aumenta el tama\u00f1o del \u00edcono a 32px *\/\n height: 32px;\n margin-top: 0; \/* Elimina el margen para centrar mejor el \u00edcono *\/\n }\n \n .icon-with-text-wrapper h3 {\n font-weight: 700;\n font-size: 24px;\n color: #fff;\n margin: 0 0 6px 0;\n }\n\n .icon-with-text-wrapper p {\n margin: 0;\n color: #a0a0a0;\n }\n\n \/* Imagen *\/\n .contenedor-imagen {\n width: 100%;\n height: 92%;\n padding-top: 30px;\n padding-bottom: 0px;\n padding-left: 0;\n padding-right: 20px;\n border-style: solid;\n border-width: 2px;\n border-color: var(--ast-global-color-0, #3399ff);\n }\n\n .envolver-imagen {\n width: 100%;\n max-width: 700px;\n height: auto;\n display: flex;\n flex-direction: column;\n gap: 60px;\n margin-left: -20px;\n margin-top: 0;\n margin-bottom: 0;\n }\n\n \/* ======================== *\/\n \/* Responsive *\/\n \/* ======================== *\/\n @media (max-width: 768px) {\n .container-quien-somos {\n grid-template-columns: 1fr;\n }\n\n .envolver-imagen img {\n width: 100%;\n height: auto;\n }\n }\n\n @media (max-width: 480px) {\n .envolver-imagen img {\n width: 100%;\n height: auto;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"section-quien-somos\">\n <div class=\"container-quien-somos\">\n <div class=\"texto-quien-somos\">\n <h4>Our unique proposal<\/h4>\n <h2>Protection and efficiency for your digital business<\/h2>\n <p>\n At Lopertech, we offer personalized solutions that ensure the digital integrity of your company, adapting to your specific needs while guaranteeing seamless operations.\n <\/p>\n\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 24px;\">\n <article class=\"icon-with-text-wrapper\">\n <svg width=\"40\" height=\"40\" fill=\"#00aaff\" viewbox=\"0 0 640 512\" aria-hidden=\"true\" focusable=\"false\">\n <path d=\"M425.1 482.6c-2.303-1.25-4.572-2.559-6.809-3.93l-7.818 4.493c-6.002 3.504-12.83 5.352-19.75 5.352c-10.71 0-21.13-4.492-28.97-12.75c-18.41-20.09-32.29-44.15-40.22-69.9c-5.352-18.06 2.343-36.87 17.83-45.24l8.018-4.669c-.0664-2.621-.0664-5.242 0-7.859l-7.655-4.461c-12.3-6.953-19.4-19.66-19.64-33.38C305.6 306.3 290.4 304 274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512H413.3c5.727 0 10.9-1.727 15.66-4.188c-2.271-4.984-3.86-10.3-3.86-16.06V482.6zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM610.5 373.3c2.625-14 2.625-28.5 0-42.5l25.75-15c3-1.625 4.375-5.125 3.375-8.5c-6.75-21.5-18.25-41.13-33.25-57.38c-2.25-2.5-6-3.125-9-1.375l-25.75 14.88c-10.88-9.25-23.38-16.5-36.88-21.25V212.3c0-3.375-2.5-6.375-5.75-7c-22.25-5-45-4.875-66.25 0c-3.25 .625-5.625 3.625-5.625 7v29.88c-13.5 4.75-26 12-36.88 21.25L394.4 248.5c-2.875-1.75-6.625-1.125-9 1.375c-15 16.25-26.5 35.88-33.13 57.38c-1 3.375 .3751 6.875 3.25 8.5l25.75 15c-2.5 14-2.5 28.5 0 42.5l-25.75 15c-3 1.625-4.25 5.125-3.25 8.5c6.625 21.5 18.13 41 33.13 57.38c2.375 2.5 6 3.125 9 1.375l25.88-14.88c10.88 9.25 23.38 16.5 36.88 21.25v29.88c0 3.375 2.375 6.375 5.625 7c22.38 5 45 4.875 66.25 0c3.25-.625 5.75-3.625 5.75-7v-29.88c13.5-4.75 26-12 36.88-21.25l25.75 14.88c2.875 1.75 6.75 1.125 9-1.375c15-16.25 26.5-35.88 33.25-57.38c1-3.375-.3751-6.875-3.375-8.5L610.5 373.3zM496 400.5c-26.75 0-48.5-21.75-48.5-48.5s21.75-48.5 48.5-48.5c26.75 0 48.5 21.75 48.5 48.5S522.8 400.5 496 400.5z\"><\/path>\n <\/svg>\n <div>\n <h3 style=\"font-weight: 700; font-size: 24px; color: #fff; margin: 0 0 6px 0;\">Customized Solutions<\/h3>\n <p style=\"margin: 0; color: #a0a0a0;\">We tailor our security strategies to the unique needs of each client.<\/p>\n <\/div>\n <\/article>\n\n <article class=\"icon-with-text-wrapper\">\n <svg width=\"40\" height=\"40\" fill=\"#00aaff\" viewbox=\"0 0 640 512\" aria-hidden=\"true\" focusable=\"false\">\n <path d=\"M496 224c-79.63 0-144 64.38-144 144s64.38 144 144 144s144-64.38 144-144S575.6 224 496 224zM544 384h-54.25C484.4 384 480 379.6 480 374.3V304c0-8.836 7.164-16 16-16c8.838 0 16 7.164 16 16v48h32c8.838 0 16 7.164 16 15.1S552.8 384 544 384zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM320 368c0-19.3 3.221-37.82 8.961-55.2C311.9 307.2 293.6 304 274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512H395C349.7 480.2 320 427.6 320 368z\"><\/path>\n <\/svg>\n <div>\n <h3 style=\"font-weight: 700; font-size: 24px; color: #fff; margin: 0 0 6px 0;\">Strategic Partnerships<\/h3>\n <p style=\"margin: 0; color: #a0a0a0;\">We collaborate with industry leaders to offer you the best cybersecurity solutions.<\/p>\n <\/div>\n <\/article>\n\n <article class=\"icon-with-text-wrapper\">\n <svg width=\"50\" height=\"50\" fill=\"#00aaff\" viewbox=\"0 0 640 512\" aria-hidden=\"true\" focusable=\"false\">\n <path d=\"M223.1 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 223.1 256zM274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512h286.4c-1.246-5.531-1.43-11.31-.2832-17.04l14.28-71.41c1.943-9.723 6.676-18.56 13.68-25.56l45.72-45.72C363.3 322.4 321.2 304 274.7 304zM371.4 420.6c-2.514 2.512-4.227 5.715-4.924 9.203l-14.28 71.41c-1.258 6.289 4.293 11.84 10.59 10.59l71.42-14.29c3.482-.6992 6.682-2.406 9.195-4.922l125.3-125.3l-72.01-72.01L371.4 420.6zM629.5 255.7l-21.1-21.11c-14.06-14.06-36.85-14.06-50.91 0l-38.13 38.14l72.01 72.01l38.13-38.13C643.5 292.5 643.5 269.7 629.5 255.7z\"><\/path>\n <\/svg>\n <div>\n <h3 style=\"font-weight: 700; font-size: 24px; color: #fff; margin: 0 0 6px 0;\">Reliable experience<\/h3>\n <p style=\"margin: 0; color: #a0a0a0;\">Our team of experts has years of experience in effective cybersecurity.<\/p>\n <\/div>\n<\/article> \n\n <article class=\"icon-with-text-wrapper\">\n <svg width=\"40\" height=\"40\" fill=\"#00aaff\" viewbox=\"0 0 640 512\" aria-hidden=\"true\" focusable=\"false\">\n <path d=\"M224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3c-95.73 0-173.3 77.6-173.3 173.3C0 496.5 15.52 512 34.66 512H413.3C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM479.1 320h-73.85C451.2 357.7 480 414.1 480 477.3C480 490.1 476.2 501.9 470 512h138C625.7 512 640 497.6 640 479.1C640 391.6 568.4 320 479.1 320zM432 256C493.9 256 544 205.9 544 144S493.9 32 432 32c-25.11 0-48.04 8.555-66.72 22.51C376.8 76.63 384 101.4 384 128c0 35.52-11.93 68.14-31.59 94.71C372.7 243.2 400.8 256 432 256z\"><\/path>\n\n\n <\/svg>\n <div>\n <h3 style=\"font-weight: 700; font-size: 24px; color: #fff; margin: 0 0 6px 0;\">Comprehensive Protection<\/h3>\n <p style=\"margin: 0; color: #a0a0a0;\">We guarantee the complete protection of your data and infrastructure with cutting-edge technology.<\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n\n <div class=\"contenedor-imagen\">\n <div class=\"envolver-imagen\">\n <img decoding=\"async\"\n src=\"https:\/\/lopertech.net\/wp-content\/uploads\/2024\/12\/person-facing-a-big-screen-with-numbers-9783346-1024x576.jpeg\"\n alt=\"Una persona mirando n\u00fameros brillantes en una pantalla, simbolizando tecnolog\u00eda y datos.\"\n \/>\n <img decoding=\"async\"\n src=\"https:\/\/lopertech.net\/wp-content\/uploads\/2024\/12\/close-up-view-of-system-hacking-in-a-monitor-5380664.jpeg\"\n alt=\"Vista de cerca de hackeo de sistema en un monitor.\"\n \/>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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-4425d23 e-con-full e-flex e-con e-parent\" data-id=\"4425d23\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de6533d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"de6533d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Secci\u00f3n de Contacto<\/title>\n <style>\n \/* Estilos de la secci\u00f3n del formulario y el mapa *\/\n .contact-section-container {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n background-color: #1A202C; \/* Fondo oscuro espec\u00edfico para esta secci\u00f3n *\/\n padding: 100px 40px 300px 40px; \/* Padding ajustado: superior, derecho, inferior, izquierdo *\/\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n \n \/* Contenedor del video para mantener la proporci\u00f3n *\/\n .video-wrapper {\n position: relative;\n width: 100%;\n padding-bottom: 56.25%; \/* Relaci\u00f3n de aspecto 16:9 (9\/16 * 100%) *\/\n height: 0; \/* Necesario para que padding-bottom funcione como altura *\/\n overflow: hidden; \/* Asegura que la imagen de fondo no se desborde *\/\n }\n\n .video-wrapper .background-image-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/lopertech.net\/wp-content\/uploads\/2024\/12\/numbers-projected-on-face-5952651.jpeg');\n background-color: #333333; \/* Color de fondo si la imagen no carga *\/\n background-size: cover;\n background-position: center center;\n z-index: 0; \/* Detr\u00e1s del video *\/\n }\n\n .video-wrapper .overlay-color {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.6);\n z-index: 1; \/* Encima de la imagen de fondo, debajo del video *\/\n }\n \n .video-wrapper iframe {\n position: absolute;\n top: 50px; \/* Desplazado hacia abajo *\/\n left: 50px; \/* Desplazado hacia la derecha *\/\n width: calc(100% - 100px); \/* Ajusta el tama\u00f1o para el padding horizontal *\/\n height: calc(100% - 100px); \/* Ajusta el tama\u00f1o para el padding vertical *\/\n border: 0;\n z-index: 2;\n}\n\n\n \/* Estilos para el texto *\/\n .title-prefix_1 {\n text-transform: uppercase;\n font-weight: 700;\n font-size: 16px;\n letter-spacing: 2px;\n color: #3399ff; \/* Color del texto *\/\n margin-bottom: 14px;\n }\n\n .main-title {\n font-size: 40px;\n line-height: 1.2;\n margin-top: 0;\n margin-bottom: 14px;\n color: #ffffff; \/* Color blanco para el t\u00edtulo principal *\/\n }\n\n .description {\n font-size: 18px;\n line-height: 1.6;\n color: #a0a0a0; \/* Color gris claro para la descripci\u00f3n *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"contact-section-container\">\n <section style=\"text-align: center; color: #fff; display: flex; flex-direction: column; gap: 60px; max-width: 1200px; width: 100%;\">\n <div style=\"padding: 24px; text-align: center; color: #1A202C; border-radius: 8px;\">\n <p class=\"title-prefix_1\">Featured events<\/p>\n <h2 class=\"main-title\">Important Moments at Lopertech<\/h2>\n <p class=\"description\">Throughout our journey, we have hosted memorable events that have strengthened our network of contacts and allowed our clients to discover the latest cybersecurity innovations we offer.<\/p>\n <\/div>\n <div class=\"video-wrapper\">\n <div class=\"background-image-overlay\"><\/div>\n <div class=\"overlay-color\"><\/div>\n <iframe src=\"https:\/\/www.youtube.com\/embed\/GX_XsdNv1PY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n <\/div>\n <\/section>\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6da2b2 e-flex e-con-boxed e-con e-parent\" data-id=\"c6da2b2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc8cac4 elementor-widget elementor-widget-html\" data-id=\"cc8cac4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"complete-banner-section\">\n <div class=\"overlay\"><\/div>\n <div class=\"content-wrapper\">\n <p class=\"title-prefix\">Join our revolution!<\/p>\n <h2 class=\"main-title\">Protect your digital future now.<\/h2>\n <p class=\"description\">Contact us and discover how our cybersecurity solutions can transform your business and secure your information.<\/p>\n <a href=\"\/en\/contact\/\" class=\"cta-button\">Schedule your meeting now<\/a>\n <\/div>\n<\/div>\n\n<style>\n.complete-banner-section {\n position: relative;\n background-image: url('https:\/\/lopertech.net\/wp-content\/uploads\/2024\/12\/computer-program-language-text-614117.jpeg');\n background-size: cover;\n background-position: center;\n padding: 100px 170px;\n text-align: center;\n color: #ffffff;\n}\n\n\/* Superposici\u00f3n de fondo (overlay) *\/\n.complete-banner-section .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--ast-global-color-7, rgba(51, 51, 51, 0.6));\n opacity: 0.6;\n z-index: 1;\n}\n\n\/* Contenido sobre el overlay *\/\n.complete-banner-section .content-wrapper {\n position: relative;\n z-index: 2;\n}\n\n.complete-banner-section .title-prefix {\n color: var(--ast-global-color-0, #007bff);\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n text-transform: uppercase;\n letter-spacing: 2px;\n}\n\n.complete-banner-section .main-title {\n color: #ffffff;\n font-size: 32px;\n font-weight: 700;\n line-height: 1.2;\n margin-top: 14px;\n margin-bottom: 0;\n}\n\n.complete-banner-section .description {\n color: #ffffff;\n font-size: 18px;\n line-height: 1.5;\n margin-top: 0;\n margin-bottom: 32px;\n}\n\n.complete-banner-section .cta-button {\n background-color: #007bff; \/* Color de fondo inicial *\/\n color: white; \/* Color de texto inicial *\/\n padding: 12px 30px; \/* Espaciado del bot\u00f3n *\/\n text-decoration: none; \/* Sin subrayado *\/\n font-weight: 700; \/* Negrita *\/\n margin-right: 15px; \/* Espacio a la derecha *\/\n display: inline-block; \/* Hacer el bot\u00f3n en l\u00ednea *\/\n border-radius: 0; \/* Sin bordes redondeados *\/\n text-transform: uppercase; \/* Convertir el texto a may\u00fasculas *\/\n transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; \/* Transici\u00f3n suave para fondo, color y escalado *\/\n}\n\n.complete-banner-section .cta-button:hover {\n background-color: #0056b3; \/* Nuevo color de fondo en hover (m\u00e1s oscuro) *\/\n color: #ffffff; \/* Nuevo color de texto en hover (blanco) *\/\n transform: scale(1.1); \/* Efecto de aumento al pasar el rat\u00f3n *\/\n}\n\n\n\/* Ajustes responsivos *\/\n@media (max-width: 768px) {\n .complete-banner-section {\n padding: 60px 40px;\n }\n}\n@media (max-width: 480px) {\n .complete-banner-section {\n padding: 40px 20px;\n }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tu seguridad digital es nuestra prioridad En Lopertech, ofrecemos soluciones de ciberseguridad personalizadas para proteger tu infraestructura digital. Conf\u00eda en […]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1881","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"zutvbegl2pox","author_link":"https:\/\/lopertech.net\/en\/author\/zutvbegl2pox\/"},"uagb_comment_info":0,"uagb_excerpt":"Tu seguridad digital es nuestra prioridad En Lopertech, ofrecemos soluciones de ciberseguridad personalizadas para proteger tu infraestructura digital. Conf\u00eda en […]","_links":{"self":[{"href":"https:\/\/lopertech.net\/en\/wp-json\/wp\/v2\/pages\/1881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lopertech.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lopertech.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lopertech.net\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/lopertech.net\/en\/wp-json\/wp\/v2\/comments?post=1881"}],"version-history":[{"count":44,"href":"https:\/\/lopertech.net\/en\/wp-json\/wp\/v2\/pages\/1881\/revisions"}],"predecessor-version":[{"id":1949,"href":"https:\/\/lopertech.net\/en\/wp-json\/wp\/v2\/pages\/1881\/revisions\/1949"}],"wp:attachment":[{"href":"https:\/\/lopertech.net\/en\/wp-json\/wp\/v2\/media?parent=1881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}