{"id":80,"date":"2025-01-24T04:40:25","date_gmt":"2025-01-24T04:40:25","guid":{"rendered":"https:\/\/digital-defense.cl\/?page_id=80"},"modified":"2026-07-20T20:19:59","modified_gmt":"2026-07-20T20:19:59","slug":"informatica","status":"publish","type":"page","link":"https:\/\/digital-defense.cl\/index.php\/informatica\/","title":{"rendered":"INFORMATICA"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n* { box-sizing: border-box; }\n\nbody { \n  margin: 0; \n  font-family: 'Inter', sans-serif; \n  background: #04090f; \n  color: #eef2f7; \n  overflow-x: hidden;\n}\n\n.lexcyber-block { \n  padding: 80px 16px; \n  background: radial-gradient(circle at top left, rgba(93, 215, 255, 0.12), transparent 30%), \n              radial-gradient(circle at bottom right, rgba(85, 125, 255, 0.08), transparent 25%), \n              linear-gradient(180deg, #04090f 0%, #08111b 100%); \n}\n\n.lexcyber-page { \n  max-width: 1200px; \n  margin: 0 auto; \n}\n\n.lexcyber-header { \n  padding: 16px 24px; \n  margin-bottom: 40px; \n  background: rgba(14, 23, 34, 0.6); \n  border: 1px solid rgba(255,255,255,0.05); \n  border-radius: 20px; \n  display: inline-block;\n  backdrop-filter: blur(12px);\n}\n\n.lexcyber-header .brand { \n  font-weight: 700; \n  font-size: 1rem; \n  letter-spacing: 0.2em; \n  text-transform: uppercase; \n  color: #5dd7ff; \n}\n\n.lexcyber-hero { \n  display: grid; \n  grid-template-columns: 1.1fr 0.9fr; \n  gap: 40px; \n  align-items: center; \n  margin-bottom: 70px; \n}\n\n.lexcyber-hero-copy, \n.lexcyber-service-card, \n.lexcyber-footer { \n  border-radius: 24px; \n  border: 1px solid rgba(255,255,255,0.08); \n  background: linear-gradient(145deg, rgba(14, 23, 34, 0.9), rgba(8, 14, 22, 0.95)); \n  box-shadow: 0 30px 60px rgba(0,0,0,0.4); \n  backdrop-filter: blur(20px); \n}\n\n.lexcyber-hero-copy { \n  padding: 40px; \n}\n\n.lexcyber-hero-copy h1 { \n  font-size: clamp(2.4rem, 4vw, 3.6rem); \n  line-height: 1.1; \n  margin-bottom: 1.2rem; \n  color: #eef2f7; \n}\n\n.lexcyber-hero-copy p { \n  color: #9fb1c3; \n  font-size: 1.05rem; \n  line-height: 1.7; \n  margin-bottom: 30px; \n  max-width: 680px; \n}\n\n.lexcyber-actions { \n  display: flex; \n  flex-wrap: wrap; \n  gap: 16px; \n  margin-bottom: 36px; \n}\n\n.lexcyber-btn { \n  display: inline-flex; \n  align-items: center; \n  justify-content: center; \n  padding: 16px 30px; \n  border-radius: 999px; \n  background: rgba(93, 215, 255, 0.15); \n  border: 1px solid rgba(93, 215, 255, 0.3); \n  color: #5dd7ff; \n  font-weight: 600; \n  letter-spacing: 0.05em;\n  text-decoration: none; \n  transition: all 0.3s ease; \n}\n\n.lexcyber-btn.btn-secondary {\n  background: transparent;\n  border-color: rgba(255,255,255,0.15);\n  color: #cdd6e1;\n}\n\n.lexcyber-btn:hover { \n  transform: translateY(-3px); \n  background: rgba(93, 215, 255, 0.25); \n  box-shadow: 0 10px 25px rgba(93, 215, 255, 0.15);\n}\n\n.lexcyber-btn.btn-secondary:hover {\n  background: rgba(255,255,255,0.05);\n  color: #fff;\n  box-shadow: none;\n}\n\n.lexcyber-stats { \n  display: grid; \n  grid-template-columns: repeat(2, minmax(0, 1fr)); \n  gap: 20px; \n  padding-top: 24px;\n  border-top: 1px solid rgba(255,255,255,0.05);\n}\n\n.lexcyber-stat { \n  padding: 22px; \n  border-radius: 18px; \n  background: rgba(10, 18, 30, 0.6); \n  border: 1px solid rgba(255,255,255,0.05); \n}\n\n.lexcyber-stat strong { \n  display: block; \n  font-size: 1.3rem; \n  margin-bottom: 0.35rem; \n  color: #5dd7ff; \n}\n\n.lexcyber-stat span { \n  color: #7b8e9f; \n  font-size: 0.9rem; \n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.lexcyber-progress-card { \n  padding: 22px; \n  display: flex; \n  flex-direction: column; \n  gap: 12px; \n  border-radius: 18px; \n  background: rgba(10, 18, 30, 0.6); \n  border: 1px solid rgba(255,255,255,0.05); \n}\n\n.lexcyber-progress-title { \n  display: flex; \n  justify-content: space-between; \n  align-items: center; \n  color: #e7edf7; \n  font-weight: 600; \n  font-size: 0.95rem;\n}\n\n.lexcyber-progress-title strong {\n  color: #5dd7ff;\n}\n\n.progress-bar { \n  width: 100%; \n  height: 10px; \n  border-radius: 999px; \n  background: rgba(255,255,255,0.08); \n  overflow: hidden; \n  position: relative; \n}\n\n.progress-bar-fill { \n  height: 100%; \n  width: 0; \n  border-radius: 999px; \n  background: linear-gradient(90deg, #1fa2ff, #12d8fa, #a6ffcb); \n  box-shadow: 0 0 15px rgba(18, 216, 250, 0.5); \n  animation: fill-commitment 2.5s ease-out forwards; \n  animation-delay: 0.5s;\n}\n\n.lexcyber-progress-card p { \n  margin: 0; \n  color: #7b8e9f; \n  line-height: 1.5; \n  font-size: 0.85rem; \n}\n\n@keyframes fill-commitment { \n  from { width: 0; } \n  to { width: 100%; } \n}\n\n.lexcyber-hero-visual { \n  position: relative; \n  min-height: 560px; \n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden; \n  border-radius: 24px; \n}\n\n.lexcyber-hero-visual-inner {\n  width: 100%;\n  height: 100%;\n  border-radius: 20px;\n  overflow: hidden;\n  position: relative;\n  border: 1px solid rgba(93, 215, 255, 0.15);\n}\n\n.lexcyber-hero-visual img { \n  width: 100%; \n  height: 100%; \n  object-fit: cover; \n  display: block; \n  opacity: 0.85;\n  transition: transform 0.5s ease;\n}\n\n.lexcyber-hero-visual:hover img {\n  transform: scale(1.05);\n}\n\n.lexcyber-section-title {\n  margin-bottom: 40px;\n}\n\n.lexcyber-section-title h2 { \n  font-size: 2.2rem;\n  margin-bottom: 1rem;\n  color: #eef2f7; \n}\n\n.lexcyber-section-title p {\n  color: #9fb1c3;\n  line-height: 1.75;\n  max-width: 750px;\n  font-size: 1.05rem;\n}\n\n\/* Grilla perfecta 2x2 para servicios *\/\n.lexcyber-services { \n  display: grid; \n  grid-template-columns: repeat(2, 1fr); \n  gap: 30px; \n}\n\n.lexcyber-service-card { \n  padding: 40px; \n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \n}\n\n.lexcyber-service-card::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle at center, rgba(93, 215, 255, 0.08) 0%, transparent 40%);\n  opacity: 0;\n  transition: opacity 0.5s ease;\n  pointer-events: none;\n}\n\n.lexcyber-service-card:hover { \n  transform: translateY(-8px); \n  border-color: rgba(93, 215, 255, 0.4); \n  box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 20px rgba(93, 215, 255, 0.1); \n}\n\n.lexcyber-service-card:hover::before {\n  opacity: 1;\n}\n\n.lexcyber-service-card span { \n  display: inline-flex; \n  align-items: center; \n  justify-content: center; \n  width: 54px; \n  height: 54px; \n  border-radius: 16px; \n  background: rgba(93, 215, 255, 0.1); \n  color: #5dd7ff; \n  font-size: 1.5rem; \n  margin-bottom: 1.2rem; \n  border: 1px solid rgba(93, 215, 255, 0.2);\n}\n\n.lexcyber-service-card h3 { \n  margin-bottom: 1rem; \n  color: #eef2f7; \n  font-size: 1.4rem; \n}\n\n.lexcyber-service-card p { \n  margin: 0;\n  color: #9fb1c3; \n  line-height: 1.7; \n  font-size: 0.95rem;\n}\n\n.lexcyber-footer { \n  margin-top: 60px; \n  padding: 30px; \n  text-align: center;\n}\n\n.lexcyber-footer p {\n  margin: 0;\n  color: #9fb1c3;\n  font-size: 1rem;\n  line-height: 1.6;\n}\n\n.lexcyber-footer p strong {\n  color: #5dd7ff;\n}\n\n\/* Efecto Reveal para Dinamismo *\/\n.reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: all 0.8s ease-out;\n}\n\n.reveal.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (max-width: 980px) { \n  .lexcyber-hero { grid-template-columns: 1fr; } \n  .lexcyber-hero-visual { min-height: 400px; }\n}\n\n@media (max-width: 768px) { \n  .lexcyber-services { grid-template-columns: 1fr; }\n  .lexcyber-block { padding: 40px 12px; } \n  .lexcyber-hero-copy { padding: 30px 20px; } \n  .lexcyber-hero-copy h1 { font-size: clamp(2.2rem, 10vw, 2.8rem); } \n  .lexcyber-actions { flex-direction: column; align-items: stretch; } \n  .lexcyber-btn { width: 100%; } \n  .lexcyber-stats { grid-template-columns: 1fr; }\n}\n\n\/* Ocultar cr\u00e9ditos Colibri (por si acaso) *\/\n.footer-copyright,\n[data-colibri-component=\"copyright\"],\n.colibri-footer-copyright {\n    display: none !important;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ --- L\u00f3gica Din\u00e1mica \"Reveal\" (Efecto aparici\u00f3n al hacer scroll) ---\nfunction revealCyberElements() {\n  const reveals = document.querySelectorAll('.reveal');\n  const windowHeight = window.innerHeight;\n  const elementVisible = 100; \/\/ Cu\u00e1ntos p\u00edxeles antes de entrar en pantalla aparece\n\n  reveals.forEach((reveal) => {\n    const elementTop = reveal.getBoundingClientRect().top;\n    if (elementTop < windowHeight - elementVisible) {\n      reveal.classList.add('active');\n    }\n  });\n}\n\n\/\/ Escuchar el evento scroll y cargar al inicio\nwindow.addEventListener('scroll', revealCyberElements);\ndocument.addEventListener('DOMContentLoaded', revealCyberElements);\n<\/script>\n\n<div class=\"lexcyber-block\">\n  <div class=\"lexcyber-page\">\n    \n    <header class=\"lexcyber-header reveal\">\n      <div class=\"brand\">Divisi\u00f3n IT & Ciberdefensa<\/div>\n    <\/header>\n\n    <section class=\"lexcyber-hero\">\n      <div class=\"lexcyber-hero-copy reveal\">\n        <h1>Infraestructura IT y Seguridad Operativa<\/h1>\n        <p>No dejamos su continuidad operativa al azar. Dise\u00f1amos, administramos y blindamos redes corporativas, servidores y plataformas web contra las amenazas m\u00e1s avanzadas del entorno digital.<\/p>\n        \n        <div class=\"lexcyber-actions\">\n          <a href=\"#lexcyber-services\" class=\"lexcyber-btn\">Explorar Soluciones<\/a>\n          <a href=\"https:\/\/digital-defense.cl\/index.php\/contacto\/\" class=\"lexcyber-btn btn-secondary\">Contactar Soporte T\u00e9cnico<\/a>\n        <\/div>\n\n        <div class=\"lexcyber-stats\">\n          <div class=\"lexcyber-stat\">\n            <strong>Monitoreo 24\/7<\/strong>\n            <span>Supervisi\u00f3n Continua<\/span>\n          <\/div>\n          \n          <div class=\"lexcyber-progress-card\">\n            <div class=\"lexcyber-progress-title\">\n              <span>Compromiso de Seguridad<\/span>\n              <strong>100%<\/strong>\n            <\/div>\n            <div class=\"progress-bar\" aria-label=\"Compromiso de seguridad 100%\">\n              <div class=\"progress-bar-fill\"><\/div>\n            <\/div>\n            <p>Protecci\u00f3n total con respuesta ininterrumpida frente a incidentes.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"lexcyber-hero-visual reveal\">\n        <div class=\"lexcyber-hero-visual-inner\">\n          <!-- IMAGEN: Agente de ciberseguridad \/ Servidores. \n               Si quieres volver a usar la tuya, cambia el enlace por: https:\/\/digital-defense.cl\/IMG\/com.png -->\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544197150-b99a580bb7a8?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Agente de Ciberseguridad en Data Center\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"lexcyber-section\" id=\"lexcyber-services\">\n      <div class=\"lexcyber-section-title reveal\">\n        <h2>Arquitectura y Defensa Digital<\/h2>\n        <p>Soluciones integrales de alto rendimiento. Cubrimos cada vector de ataque y punto de falla, desde la conectividad f\u00edsica hasta su presencia en la web.<\/p>\n      <\/div>\n      \n      <div class=\"lexcyber-services\">\n        <article class=\"lexcyber-service-card reveal\">\n          <span>\ud83d\udda5\ufe0f<\/span>\n          <h3>Servidores & Cloud<\/h3>\n          <p>Administraci\u00f3n avanzada de servidores locales y en la nube. Garantizamos alto rendimiento (uptime), copias de seguridad automatizadas y fortificaci\u00f3n (hardening) de su infraestructura principal.<\/p>\n        <\/article>\n        \n        <article class=\"lexcyber-service-card reveal\">\n          <span>\ud83c\udf10<\/span>\n          <h3>Redes y Conectividad<\/h3>\n          <p>Dise\u00f1amos e implementamos topolog\u00edas de red seguras. Optimizamos el flujo de datos, configuramos VPNs corporativas y establecemos firewalls perimetrales para un entorno \u00e1gil y libre de intrusiones.<\/p>\n        <\/article>\n        \n        <article class=\"lexcyber-service-card reveal\">\n          <span>\ud83d\udee1\ufe0f<\/span>\n          <h3>Centro de Ciberseguridad<\/h3>\n          <p>An\u00e1lisis de vulnerabilidades y defensa activa. Protegemos sus bases de datos y sistemas corporativos mediante monitoreo constante, detectando y neutralizando amenazas antes de que impacten su negocio.<\/p>\n        <\/article>\n        \n        <article class=\"lexcyber-service-card reveal\">\n          <span>\ud83d\udcbb<\/span>\n          <h3>Desarrollo Web Seguro<\/h3>\n          <p>Programaci\u00f3n de plataformas modernas, r\u00e1pidas y blindadas. Implementamos protocolos SSL avanzados, mitigaci\u00f3n anti-DDoS y una arquitectura de c\u00f3digo orientada a la protecci\u00f3n de datos.<\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <div class=\"lexcyber-footer reveal\" id=\"lexcyber-footer\">\n      <p><strong>Digital Defense:<\/strong> Trabajamos con un enfoque tecnol\u00f3gico preventivo y de respuesta r\u00e1pida para que su negocio opere de forma segura y profesional en un mundo digital hostil.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Divisi\u00f3n IT &#038; Ciberdefensa Infraestructura IT y Seguridad Operativa No dejamos su continuidad operativa al azar. Dise\u00f1amos, administramos y blindamos redes corporativas, servidores y plataformas web contra las amenazas m\u00e1s avanzadas del entorno digital. Explorar Soluciones Contactar Soporte T\u00e9cnico Monitoreo 24\/7 Supervisi\u00f3n Continua Compromiso de Seguridad 100% Protecci\u00f3n total con respuesta ininterrumpida frente a incidentes. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-80","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digital-defense.cl\/index.php\/wp-json\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital-defense.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digital-defense.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digital-defense.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digital-defense.cl\/index.php\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":20,"href":"https:\/\/digital-defense.cl\/index.php\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":1207,"href":"https:\/\/digital-defense.cl\/index.php\/wp-json\/wp\/v2\/pages\/80\/revisions\/1207"}],"wp:attachment":[{"href":"https:\/\/digital-defense.cl\/index.php\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}