{"id":347,"date":"2026-07-01T11:17:27","date_gmt":"2026-07-01T17:17:27","guid":{"rendered":"http:\/\/72.62.87.18\/wordpress\/?page_id=347"},"modified":"2026-08-13T10:27:24","modified_gmt":"2026-08-13T16:27:24","slug":"monitoreo-ambiental","status":"publish","type":"page","link":"https:\/\/www.saesaelectronicos.com\/index.php\/monitoreo-ambiental\/","title":{"rendered":"Monitoreo Ambiental"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n\/* ==========================================================================\n   Estructura y Fondo Base (Fondo Ultra Oscuro Corporativo)\n   ========================================================================== *\/\n.hydro-page {\n  position: relative;\n  padding: 100px 24px 140px 24px;\n  background-color: #03070d; \n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: #ffffff;\n  min-height: 100vh;\n  overflow: hidden;\n}\n\n.hydro-grid-bg {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(rgba(0, 242, 254, 0.02) 1px, transparent 1px);\n  background-size: 40px 40px;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.hydro-glow-top {\n  position: absolute;\n  top: -250px; left: 50%;\n  transform: translateX(-50%);\n  width: 900px; height: 450px;\n  background: radial-gradient(circle, rgba(0, 242, 254, 0.04) 0%, transparent 70%);\n  filter: blur(90px);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.hydro-container {\n  position: relative;\n  max-width: 1200px;\n  margin: 0 auto;\n  z-index: 2;\n}\n\n\/* ==========================================================================\n   Hero \/ Header (P\u00e1rrafo descriptivo centrado)\n   ========================================================================== *\/\n.hydro-hero {\n  text-align: center;\n  margin-bottom: 100px;\n}\n\n.hydro-tag {\n  display: block;\n  color: #00f2fe;\n  font-size: 0.75rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  margin-bottom: 14px;\n}\n\n.hydro-hero h1 {\n  font-size: 3.5rem;\n  font-weight: 800;\n  margin: 0 0 24px 0;\n  letter-spacing: -1.5px;\n  background: linear-gradient(180deg, #ffffff 65%, #94a3b8 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.hydro-subtitle {\n  color: #94a3b8;\n  font-size: 1.25rem;\n  line-height: 1.7;\n  max-width: 820px;\n  margin: 0 auto;\n}\n.hydro-subtitle strong {\n  color: #5eead4; \/* Destaque sutil para la prevenci\u00f3n de inundaciones *\/\n}\n\n\/* ==========================================================================\n   Secciones y T\u00edtulos comunes\n   ========================================================================== *\/\n.hydro-section {\n  margin-bottom: 120px;\n}\n\n.section-title-wrapper {\n  text-align: center;\n  margin-bottom: 60px;\n}\n.section-title-wrapper h2 { font-size: 2.2rem; margin: 0 0 12px 0; font-weight: 700; }\n.section-title-wrapper p { color: #64748b; font-size: 1.05rem; margin: 0; }\n\n\/* ==========================================================================\n   Grid de Caracter\u00edsticas (Tarjetas Limpias)\n   ========================================================================== *\/\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 30px;\n}\n\n.feat-card {\n  background: linear-gradient(145deg, rgba(22, 38, 61, 0.15) 0%, rgba(6, 15, 28, 0.6) 100__);\n  border: 1px solid rgba(255, 255, 255, 0.04);\n  padding: 35px;\n  border-radius: 20px;\n  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n.feat-icon {\n  font-size: 22px;\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  width: 48px; height: 48px;\n  display: flex; align-items: center; justify-content: center;\n  border-radius: 12px;\n  margin-bottom: 20px;\n}\n\n.feat-card h3 { \n  font-size: 1.3rem; \n  margin: 0 0 12px 0; \n  font-weight: 700; \n  display: flex; \n  align-items: center; \n  justify-content: space-between; \n}\n\n.feat-card p { color: #94a3b8; font-size: 0.95rem; line-height: 1.6; margin: 0; }\n\n\/* Etiquetas Opcionales *\/\n.badge-opt {\n  font-size: 0.7rem;\n  color: #64748b;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  padding: 3px 8px;\n  border-radius: 6px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n\/* Hover s\u00faper sutil para no saturar con brillo *\/\n.feat-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(0, 242, 254, 0.15);\n}\n\n\/* ==========================================================================\n   Secci\u00f3n Bloque: Visualizaci\u00f3n y Descarga (Flex Layout)\n   ========================================================================== *\/\n.display-section {\n  display: flex;\n  gap: 60px;\n  align-items: center;\n}\n\n.display-text { flex: 1; }\n.display-text h2 { font-size: 2.2rem; margin: 0 0 20px 0; font-weight: 700; }\n.display-text p { color: #94a3b8; font-size: 1.1rem; line-height: 1.6; margin: 0 0 35px 0; }\n\n.display-image-container {\n  flex: 1.2;\n  background: #060f1e;\n  border: 1px solid rgba(255, 255, 255, 0.05);\n  padding: 16px;\n  border-radius: 24px;\n  box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n}\n\n\/* Contenedor e Im\u00e1genes *\/\n.hydro-img {\n  width: 100%;\n  height: 320px;\n  object-fit: cover;\n  border-radius: 14px;\n  display: block;\n  opacity: 0.85;\n}\n\n.img-caption {\n  display: block;\n  text-align: center;\n  font-size: 0.8rem;\n  color: #64748b;\n  margin-top: 12px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n\/* ==========================================================================\n   Secci\u00f3n Galer\u00eda \/ Imagen de Estaci\u00f3n Completa\n   ========================================================================== *\/\n.station-image-container {\n  background: #060f1e;\n  border: 1px solid rgba(255, 255, 255, 0.05);\n  padding: 20px;\n  border-radius: 28px;\n  box-shadow: 0 40px 70px rgba(0,0,0,0.6);\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.hydro-img-full {\n  width: 100%;\n  height: 480px;\n  object-fit: cover;\n  border-radius: 16px;\n  display: block;\n  opacity: 0.8;\n}\n\n\/* ==========================================================================\n   Bot\u00f3n Primario\n   ========================================================================== *\/\n.hydro-btn-primary {\n  display: inline-block;\n  padding: 14px 30px;\n  border-radius: 12px;\n  font-weight: 600;\n  font-size: 0.95rem;\n  text-decoration: none;\n  background: #00f2fe;\n  color: #03070d;\n  transition: all 0.3s ease;\n}\n.hydro-btn-primary:hover {\n  background: #5eead4;\n  box-shadow: 0 10px 25px rgba(0, 242, 254, 0.15);\n}\n\n\/* ==========================================================================\n   Dise\u00f1o Responsivo (Ajustes de Pantalla)\n   ========================================================================== *\/\n@media (max-width: 968px) {\n  .hydro-hero h1 { font-size: 2.5rem; }\n  .display-section { flex-direction: column; gap: 40px; }\n  .hydro-img-full { height: 320px; }\n}\n<\/style>\n\n<!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>Estaciones Hidrol\u00f3gicas Profesionales<\/title>\n  <link rel=\"stylesheet\" href=\"style-hidrologia.css\">\n<\/head>\n<body>\n\n<section class=\"hydro-page\">\n  <div class=\"hydro-glow-top\"><\/div>\n  <div class=\"hydro-grid-bg\"><\/div>\n\n  <div class=\"hydro-container\">\n    \n    <!-- ENCABEZADO \/ HERO -->\n    <div class=\"hydro-hero\">\n      <span class=\"hydro-tag\">Monitoreo Cr\u00edtico<\/span>\n      <h1>Estaciones Hidrol\u00f3gicas<\/h1>\n      <p class=\"hydro-subtitle\">\n        Son sistemas tecnol\u00f3gicos automatizados dise\u00f1ados para la medici\u00f3n constante de variables h\u00eddricas en cuerpos de agua. Sirven para recopilar datos precisos en tiempo real, permitiendo gestionar los recursos de manera eficiente y emitir alertas tempranas cr\u00edticas para **prevenir inundaciones** en zonas vulnerables.\n      <\/p>\n    <\/div>\n\n    <!-- SECCI\u00d3N: CARACTER\u00cdSTICAS -->\n    <div class=\"hydro-section\">\n      <div class=\"section-title-wrapper\">\n        <h2>Caracter\u00edsticas del Sistema<\/h2>\n        <p>Configuraci\u00f3n robusta con componentes modulares y accesorios adaptables de grado industrial.<\/p>\n      <\/div>\n\n      <div class=\"features-grid\">\n        <!-- Caracter\u00edstica 1 -->\n        <div class=\"feat-card\">\n          <div class=\"feat-icon\">\ud83d\udce1<\/div>\n          <h3>Sensor de Radar<\/h3>\n          <p>Medici\u00f3n continua y ultra precisa del nivel de agua mediante pulsos de microondas sin contacto superficial.<\/p>\n        <\/div>\n\n        <!-- Caracter\u00edstica 2 -->\n        <div class=\"feat-card option-card\">\n          <div class=\"feat-icon\">\ud83c\udf27\ufe0f<\/div>\n          <h3>Pluvi\u00f3metro <span class=\"badge-opt\">Opcional<\/span><\/h3>\n          <p>Sensor de cangilones calibrado para registrar la intensidad y el volumen acumulado de las precipitaciones locales.<\/p>\n        <\/div>\n\n        <!-- Caracter\u00edstica 3 -->\n        <div class=\"feat-card option-card\">\n          <div class=\"feat-icon\">\ud83d\udcf7<\/div>\n          <h3>C\u00e1mara de Monitoreo <span class=\"badge-opt\">Opcional<\/span><\/h3>\n          <p>Registro visual o transmisi\u00f3n en r\u00e1fagas para la validaci\u00f3n \u00f3ptica de las condiciones f\u00edsicas del cauce.<\/p>\n        <\/div>\n\n        <!-- Caracter\u00edstica 4 -->\n        <div class=\"feat-card option-card\">\n          <div class=\"feat-icon\">\ud83d\udda5\ufe0f<\/div>\n          <h3>Visualizaci\u00f3n Local o Remota <span class=\"badge-opt\">Opcional<\/span><\/h3>\n          <p>Flexibilidad de lectura directamente en el gabinete en terreno o de forma remota desde cualquier dispositivo.<\/p>\n        <\/div>\n\n        <!-- Caracter\u00edstica 5 -->\n        <div class=\"feat-card\">\n          <div class=\"feat-icon\">\u2600\ufe0f<\/div>\n          <h3>Sistema Aut\u00f3nomo de Energ\u00eda<\/h3>\n          <p>Alimentaci\u00f3n independiente mediante paneles solares y un banco de respaldo con bater\u00eda de ciclo profundo.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- SECCI\u00d3N: VISUALIZACI\u00d3N Y PLATAFORMA -->\n    <div class=\"hydro-section display-section\">\n      <div class=\"display-text\">\n        <h2>Visualizaci\u00f3n y Descarga de Datos<\/h2>\n        <p>Implementamos una <strong>plataforma interactiva e intuitiva<\/strong> para el usuario, dise\u00f1ada espec\u00edficamente para la visualizaci\u00f3n en tiempo real de todos los datos recopilados por los sensores. Permite auditar hist\u00f3ricos, programar alarmas automatizadas y descargar reportes completos con solo un clic.<\/p>\n        <a href=\"\/cotizar\" class=\"hydro-btn-primary\">Cotizar Proyecto de Monitoreo<\/a>\n      <\/div>\n      \n      <!-- IMAGEN DEL TABLERO DE VISUALIZACI\u00d3N -->\n      <div class=\"display-image-container\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Tablero de visualizaci\u00f3n de datos hidrol\u00f3gicos\" class=\"hydro-img\">\n        <span class=\"img-caption\">Plataforma Interactiva de Monitoreo<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- SECCI\u00d3N: IMAGEN DE LA ESTACI\u00d3N EN TERRENO -->\n    <div class=\"hydro-section station-gallery-section\">\n      <div class=\"section-title-wrapper\">\n        <h2>Equipamiento e Instalaci\u00f3n<\/h2>\n        <p>Infraestructura dise\u00f1ada para operar de manera ininterrumpida a la intemperie.<\/p>\n      <\/div>\n      \n      <!-- IMAGEN DE UNA ESTACI\u00d3N HIDROL\u00d3GICA -->\n      <div class=\"station-image-container\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508962914676-134849a727f0?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Estaci\u00f3n hidrol\u00f3gica automatizada en terreno\" class=\"hydro-img-full\">\n        <span class=\"img-caption\">Estaci\u00f3n Hidrol\u00f3gica Automatizada con Panel Solar<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estaciones Hidrol\u00f3gicas Profesionales Monitoreo Cr\u00edtico Estaciones Hidrol\u00f3gicas Son sistemas tecnol\u00f3gicos automatizados dise\u00f1ados para la medici\u00f3n constante de variables h\u00eddricas en cuerpos de agua. Sirven para recopilar datos precisos en tiempo real, permitiendo gestionar los recursos de manera eficiente y emitir alertas tempranas cr\u00edticas para **prevenir inundaciones** en zonas vulnerables. Caracter\u00edsticas del Sistema Configuraci\u00f3n robusta con [&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-347","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.saesaelectronicos.com\/index.php\/wp-json\/wp\/v2\/pages\/347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.saesaelectronicos.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.saesaelectronicos.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.saesaelectronicos.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.saesaelectronicos.com\/index.php\/wp-json\/wp\/v2\/comments?post=347"}],"version-history":[{"count":2,"href":"https:\/\/www.saesaelectronicos.com\/index.php\/wp-json\/wp\/v2\/pages\/347\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/www.saesaelectronicos.com\/index.php\/wp-json\/wp\/v2\/pages\/347\/revisions\/349"}],"wp:attachment":[{"href":"https:\/\/www.saesaelectronicos.com\/index.php\/wp-json\/wp\/v2\/media?parent=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}