| Server IP : 127.0.0.1 / Your IP : 216.73.216.109 Web Server : Apache/2.4.54 (Win64) OpenSSL/1.1.1q PHP/8.1.10 System : Windows NT DESKTOP-E5T4RUN 10.0 build 19045 (Windows 10) AMD64 User : SERVERWEB ( 0) PHP Version : 8.1.10 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/laragon/www/modules/unidades/ |
Upload File : |
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Red Mónica - Calidad del Aire Quillacollo</title>
<meta name="author" content="Gobierno Autónomo Municipal de Quillacollo">
<link rel="shortcut icon" href="/assets/images/brand/logo.png">
<!-- FONTS -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,700'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Patua+One:100,300,400,400italic,700'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,400italic,500,700,700italic'>
<!-- CSS -->
<link rel='stylesheet' href='/assets/css/global.css'>
<link rel='stylesheet' href='assets/redMonica/css/structure.css'>
<link rel='stylesheet' href='assets/redMonica/css/eco2.css'>
<link rel='stylesheet' href='assets/redMonica/css/custom.css'>
<!-- Revolution Slider -->
<link rel="stylesheet" href="/assets/plugins/rs-plugin-5.3.1/css/settings-ver.5.3.1.css">
<script src="/assets/js/lib/jquery-3.7.1.min.js"></script>
<script>
$(function(){
$("#footer").load("footer.php");
});
</script>
</head>
<body class="style-simple button-default layout-full-width if-zoom if-border-hide no-content-padding no-shadows header-transparent minimalist-header-no sticky-tb-color ab-hide subheader-both-center menu-link-color menuo-right menuo-arrows menuo-no-borders mobile-tb-hide mobile-mini-mr-ll mobile-header-mini mobile-tr-header">
<div id="Wrapper">
<div id="Header_wrapper">
<header id="Header">
<div id="Top_bar">
<div class="container">
<div class="column one">
<div class="top_bar_left clearfix">
<div class="logo">
<a id="logo" href="/" title="GAMQ" data-height="60" data-padding="15">
<img class="logo-main scale-with-grid" src="/assets/images/brand/logo-sm-white.png" data-retina="/assets/images/brand/Logos GAMQ whiteText.png" title="GAMQ" data-height="41">
<img class="logo-sticky scale-with-grid" src="/assets/images/brand/logo-sm-white.png" data-retina="/assets/images/brand/Logos GAMQ whiteText.png" title="GAMQ" data-height="41">
<img class="logo-mobile scale-with-grid" src="/assets/images/brand/logo-sm-white.png" data-retina="/assets/images/brand/Logos GAMQ whiteText.png" title="GAMQ" data-height="41">
<img class="logo-mobile-sticky scale-with-grid" src="/assets/images/brand/logo-sm-white.png" data-retina="/assets/images/brand/Logos GAMQ whiteText.png" title="GAMQ" data-height="41">
</a>
</div>
<div class="menu_wrapper">
<nav id="menu">
<ul id="menu-menu" class="menu menu-main">
<li class="current-menu-item">
<a href="index-Red-Monica.html"><span>Inicio</span></a>
</li>
<li>
<a href="assets/redMonica/data.html"><span>Calidad de Aire</span></a>
</li>
<li>
<a href="assets/redMonica/policies.html"><span>Normativas</span></a>
</li>
<li>
<a href="assets/redMonica/aboutUs.html"><span>Quiénes Somos</span></a>
</li>
<li>
<a href="assets/redMonica/contact.html"><span>Contactos</span></a>
</li>
</ul>
</nav>
<a class="responsive-menu-toggle" href="#"><i class="icon-menu-fine"></i></a>
</div>
</div>
<div class="top_bar_right">
<div class="top_bar_right_wrapper">
<div class="logo">
<a id="logo" href="index-Red-Monica.html" title="Red Monica" data-height="60" data-padding="15">
<img class="logo-main scale-with-grid" src="/assets/images/units/red-monica/LOGO RED MONICA.png" data-retina="/assets/images/units/red-monica/LOGO RED MONICA.png" title="Red Monica" data-height="41">
<img class="logo-sticky scale-with-grid" src="/assets/images/units/red-monica/LOGO RED MONICA.png" data-retina="/assets/images/units/red-monica/LOGO RED MONICA.png" title="Red Monica" data-height="41">
<img class="logo-mobile scale-with-grid" src="/assets/images/units/red-monica/LOGO RED MONICA.png" data-retina="/assets/images/units/red-monica/LOGO RED MONICA.png" title="Red Monica" data-height="41">
<img class="logo-mobile-sticky scale-with-grid" src="/assets/images/units/red-monica/LOGO RED MONICA.png" data-retina="/assets/images/units/red-monica/LOGO RED MONICA.png" title="Red Monica" data-height="41">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mfn-main-slider" id="mfn-rev-slider">
<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px">
<div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7.4">
<ul>
<li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide"
data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<img src="assets/redMonica/images/home1.png" title="Monitoreo de calidad del aire" width="1920" height="1400" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">
<div class="tp-caption tp-resizeme" id="slide-1-layer-1" data-x="80" data-y="598" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5"><img src="assets/redMonica/images/eco2-home-slider-line-long2.png" data-ww="392px" data-hh="9px" width="392" height="9">
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-2" data-x="480" data-y="299" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6"><img src="assets/redMonica/images/eco2-home-slider-line-long.png" data-ww="248" data-hh="9" width="248" height="9">
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-3" data-x="520" data-y="253" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap; font-size: 36px; line-height: 50px; font-weight: 300; color: #ffffff; letter-spacing: 0px;font-family:Montserrat">
Monitoreando el Aire de Quillacollo
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-4" data-x="714" data-y="311" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 8; white-space: nowrap; font-size: 28px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Montserrat">
para Tu Salud
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-5" data-x="285" data-y="540" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9; white-space: nowrap; font-size: 25px; line-height: 50px; font-weight: 300; color: #ffffff; letter-spacing: 0px;font-family:Montserrat">
24/7
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-6" data-x="285" data-y="610" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 10; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Montserrat">
Municipio de Quillacollo
</div>
<!-- <div class="tp-caption tp-resizeme" id="slide-1-layer-7" data-x="center" data-hoffset="" data-y="bottom" data-voffset="" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on"
data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 11"><img src="assets/redMonica/images/eco2-home-sliderbottomdecor1.png" data-ww="1920px" data-hh="587px" width="1920" height="587">
</div> -->
</li>
<li data-index="rs-2" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide"
data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<img src="assets/redMonica/images/home2.png" title="Monitoreo vehicular" width="1920" height="1400" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">
<div class="tp-caption tp-resizeme" data-x="center" data-y="center" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
style="z-index: 7; white-space: nowrap; font-size: 48px; line-height: 60px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">
Monitoreo Continuo
</div>
</li>
<li data-index="rs-3" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide"
data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<img src="assets/redMonica/images/home3.png" title="Estación de monitoreo" width="1920" height="1400" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">
<div class="tp-caption tp-resizeme" data-x="center" data-y="center" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
style="z-index: 7; white-space: nowrap; font-size: 48px; line-height: 60px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">
Control de Emisiones Vehiculares
</div>
</li>
</ul>
</div>
</div>
</div>
</header>
</div>
<div id="Content">
<div class="content_wrapper clearfix">
<div class="sections_group">
<div class="section mcb-section dark">
<div class="wrap mcb-wrap one valign-top move-up clearfix" style="margin-top:-300px" data-mobile="no-up">
<div class="column_attr clearfix align_center">
<h1 class="section-title">Red Mónica Quillacollo</h1>
<!-- <p class="hero-subtitle">Sistema Municipal de Monitoreo de Calidad del Aire</p>
<p style="font-size: 1.1em; margin-bottom: 40px; opacity: 0.9;">
Protegiendo la salud pública a través del monitoreo continuo de contaminantes atmosféricos en el municipio de Quillacollo
</p> -->
<div class="cta-grid">
<div class="cta-card">
<h3>📊 Calidad del Aire</h3>
<p>Consulte los niveles actuales de contaminantes y el Índice de Calidad del Aire (ICA) en tiempo real</p>
<a class="cta-button" href="assets/redMonica/data.html">Ver Datos Actuales →</a>
</div>
<div class="cta-card">
<h3>🚨 Recomendaciones</h3>
<p>Consejos para proteger su salud según los niveles de contaminación atmosférica del día</p>
<a class="cta-button" href="assets/redMonica/data.html#recomendaciones">Ver Recomendaciones →</a>
</div>
<div class="cta-card">
<h3>⚖️ Marco Normativo</h3>
<p>Conozca las leyes municipales y nacionales sobre calidad del aire y control de emisiones</p>
<a class="cta-button" href="assets/redMonica/policies.html">Consultar Normativas →</a>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" style="padding-top:80px; padding-bottom:80px; background-color:#f6f9fb" data-parallax="3d">
<img class="mfn-parallax" src="assets/redMonica/images/eco2-home-parallaxbg.png" style="opacity:0">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<h2 class="section-title">NUESTROS SERVICIOS</h2>
<p class="section-subtitle">
La Unidad de Red Mónica del Gobierno Autónomo Municipal de Quillacollo monitorea y evalúa la calidad del aire,
implementando acciones para garantizar un ambiente saludable para nuestros ciudadanos.
</p>
</div>
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one-fourth column_column">
<div class="service-card">
<!-- <div class="method-card" style="background:linear-gradient(135deg, #f5f9fc, #e8f4fd); padding:30px; border-radius:15px; height:100%; border:1px solid #e0e6ed; transition:all 0.3s ease; box-shadow:0 5px 15px rgba(0,0,0,0.1);" onmouseover="this.style.transform='translateY(-10px)'; this.style.boxShadow='0 15px 30px rgba(0,0,0,0.15)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.1)'"> -->
<div class="service-icon">🌍</div>
<h3 style="color: #2c3e50; margin-top: 0;">Monitoreo Continuo</h3>
<p style="color: #555;">Sistema permanente de evaluación de contaminantes atmosféricos mediante estaciones de monitoreo automáticas y manuales.</p>
<ul class="service-list" style=" color: #555;">
<li>Medición de PM10, PM2.5, NO₂, SO₂</li>
<li>Análisis de parámetros meteorológicos</li>
<li>Datos en tiempo real</li>
</ul>
</div>
</div>
<div class="column mcb-column one-fourth column_column">
<div class="service-card">
<div class="service-icon">🚛</div>
<h3 style="color: #2c3e50; margin-top: 0;">Control de Emisiones</h3>
<p style="color: #555;">Inspección y regulación de fuentes contaminantes fijas (industrias) y móviles (vehículos).</p>
<ul class="service-list" style="margin-top: 20px; padding-left: 20px; color: #555;">
<li>Operativos de control vehicular</li>
<li>Evaluación de emisiones industriales</li>
<li>Cumplimiento de normativas</li>
</ul>
</div>
</div>
<div class="column mcb-column one-fourth column_column">
<div class="service-card">
<div class="service-icon">📋</div>
<h3 style="color: #2c3e50; margin-top: 0;">Gestión Técnica</h3>
<p style="color: #555;">Elaboración de informes y recomendaciones para la mejora de la calidad del aire.</p>
<ul class="function-list" style="margin-top: 20px; padding-left: 20px; color: #555;">
<li style="margin-bottom: 8px;">Reportes periódicos</li>
<li style="margin-bottom: 8px;">Análisis de tendencias</li>
<li style="margin-bottom: 8px;">Propuestas de mitigación</li>
</ul>
</div>
</div>
<div class="column mcb-column one-fourth column_column">
<div class="service-card">
<div class="service-icon">📢</div>
<h3 style="color: #2c3e50; margin-top: 0;">Educación Ambiental</h3>
<p style="color: #555;">Programas de concientización para la población sobre calidad del aire y salud ambiental.</p>
<ul class="service-list" style="margin-top: 20px; padding-left: 20px; color: #555;">
<li>Talleres educativos</li>
<li>Campañas de sensibilización</li>
<li>Material informativo</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<h2 class="section-title">TECNOLOGÍAS DE MONITOREO</h2>
<p class="section-subtitle">Sistemas avanzados para el control integral de la calidad del aire</p>
</div>
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="column mcb-column one-second column_column">
<div class="tech-card">
<div style="text-align: center; margin-bottom: 10px;">
<div style="width: 60px; height: 60px; background: linear-gradient(135deg, #1e6b52, #51A3BC); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; color: white; font-size: 2em;">📊</div>
<h3 style="color: #1e6b52; margin-bottom: 15px;">Monitoreo Automático</h3>
</div>
<p style="color: #555;">Sistema continuo 24/7 con transmisión de datos en tiempo real:</p>
<ul class="service-list">
<li>PM10 y PM2.5 (Material Particulado)</li>
<li>NO₂ (Dióxido de Nitrógeno)</li>
<li>SO₂ (Dióxido de Azufre)</li>
<li>O₃ (Ozono Troposférico)</li>
<li>CO (Monóxido de Carbono)</li>
<li>Parámetros meteorológicos completos</li>
</ul>
<div class="stats-highlight">
📍 5 Estaciones Automáticas Estratégicas
</div>
</div>
</div>
<div class="column mcb-column one-second column_column">
<div class="content_slider flat hide-arrows">
<ul class="content_slider_ul">
<!-- <li>
<a href="/assets/images/units/red-monica/análsisis de monitoreo pasivo en laboratorio.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/análsisis de monitoreo pasivo en laboratorio.jpg" class="scale-with-grid wp-post-image" alt="Análisis en laboratorio">
</a>
</li> -->
<li>
<a href="/assets/images/units/red-monica/monitoreo activo - equipo MinivolTAS.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/monitoreo activo - equipo MinivolTAS.jpg" class="scale-with-grid wp-post-image" alt="Análisis en laboratorio">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/monitoreo activo 2 - equipo MinivolTAS.png" rel="prettyphoto">
<img src="/assets/images/units/red-monica/monitoreo activo 2 - equipo MinivolTAS.png" class="scale-with-grid wp-post-image" alt="Análisis en laboratorio">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/monitoreo activo 3.jpeg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/monitoreo activo 3.jpeg" class="scale-with-grid wp-post-image" alt="Análisis en laboratorio">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo Automático.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo Automático.jpg" class="scale-with-grid wp-post-image" alt="Análisis en laboratorio">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo automático 2.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo automático 2.jpg" class="scale-with-grid wp-post-image" alt="Análisis en laboratorio">
</a>
</li>
</ul>
<div class="slider_pager slider_pagination"></div>
</div>
</div>
</div>
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="column mcb-column one-second column_column">
<div class="content_slider flat hide-arrows">
<ul class="content_slider_ul">
<li>
<a href="/assets/images/units/red-monica/Monitoreo pasivo 2.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo pasivo 2.jpg" class="scale-with-grid wp-post-image" alt="Equipo técnico">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/monitoreo pasivo 3.jpeg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/monitoreo pasivo 3.jpeg" class="scale-with-grid wp-post-image" alt="Equipo técnico">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/monitoreo pasivo 4.jpeg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/monitoreo pasivo 4.jpeg" class="scale-with-grid wp-post-image" alt="Equipo técnico">
</a>
</li>
</ul>
<div class="slider_pager slider_pagination"></div>
</div>
</div>
<div class="column mcb-column one-second column_column">
<div class="tech-card">
<div style="text-align:center; margin-bottom:10px;">
<div style="width:60px; height:60px; background:linear-gradient(135deg, #1e6b52, #51A3BC); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; color:white; font-size:1.5em;">🧪</div>
<h3 style="color:#1e6b52; margin-bottom:15px;">Monitoreo Pasivo</h3>
</div>
<p style="margin-bottom: 10px; color: #555;">Muestreo especializado sin requerimiento de energía eléctrica:</p>
<ul class="service-list">
<li>NO₂ (Dióxido de Nitrógeno)</li>
<li>SO₂ (Dióxido de Azufre)</li>
<li>O₃ (Ozono Superficial)</li>
<li>Estudios de largo plazo</li>
<li>Evaluación en zonas remotas</li>
</ul>
<div class="stats-highlight">
📍 15 Puntos de Muestreo Distribuidos
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="column mcb-column one-second column_column">
<div class="tech-card">
<div style="text-align:center; margin-bottom:20px;">
<div style="width:60px; height:60px; background:linear-gradient(135deg, #1e6b52, #51A3BC); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; color:white; font-size:1.5em;">🚗</div>
<h3 style="color:#1e6b52; margin-bottom:15px;">Control Vehicular</h3>
</div>
<p style="margin-bottom: 10px; color: #555;">Operativos especializados de medición de emisiones:</p>
<ul class="service-list">
<li>CO (Monóxido de Carbono)</li>
<li>HC (Hidrocarburos)</li>
<li>NOx (Óxidos de Nitrógeno)</li>
<li>CO₂ (Dióxido de Carbono)</li>
<li>Opacidad para motores diésel</li>
</ul>
<div class="stats-highlight">
📍 Puntos Fijos y Operativos Móviles
</div>
</div>
</div>
<div class="column mcb-column one-second column_column">
<div class="content_slider flat hide-arrows">
<ul class="content_slider_ul">
<li>
<a href="/assets/images/units/red-monica/monitoreo de emisiones de gases de motocicletas.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/monitoreo de emisiones de gases de motocicletas.jpg" class="scale-with-grid wp-post-image" alt="Monitoreo de motocicletas">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles oficiales 1.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles oficiales 1.jpg" class="scale-with-grid wp-post-image" alt="Estación de monitoreo">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles oficiales 2.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles oficiales 2.jpg" class="scale-with-grid wp-post-image" alt="Estación de monitoreo">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles oficiales.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles oficiales.jpg" class="scale-with-grid wp-post-image" alt="Estación de monitoreo">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomoviles del GAMQ.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomoviles del GAMQ.jpg" class="scale-with-grid wp-post-image" alt="Monitoreo vehicular">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles 1.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles 1.jpg" class="scale-with-grid wp-post-image" alt="Monitoreo vehicular">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles 2.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles 2.jpg" class="scale-with-grid wp-post-image" alt="Monitoreo vehicular">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles 3.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles 3.jpg" class="scale-with-grid wp-post-image" alt="Monitoreo vehicular">
</a>
</li>
<li>
<a href="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles oficiales 0.jpg" rel="prettyphoto">
<img src="/assets/images/units/red-monica/Monitoreo gases vehiculares a atomóviles oficiales 0.jpg" class="scale-with-grid wp-post-image" alt="Estación de monitoreo">
</a>
</li>
</ul>
<div class="slider_pager slider_pagination"></div>
</div>
</div>
</div>
</div>
</div>
<!-- CUMPLIMIENTO NORMATIVO SECTION -->
<div class="section mcb-section compliance-section">
<div class="section_wrapper mcb-section-inner">
<div class="compliance-grid">
<div>
<h2 style="font-size: 2.5em; margin-bottom: 20px;">CUMPLIMIENTO NORMATIVO</h2>
<p style="font-size: 1.2em; margin-bottom: 30px; opacity: 0.9;">
Red Mónica opera bajo estricto cumplimiento del marco legal nacional y municipal para la protección de la calidad del aire
</p>
<ul class="compliance-list">
<li>Ley 1333 de Medio Ambiente de Bolivia</li>
<li>Reglamento de Prevención y Control Ambiental (RPCA)</li>
<li>Norma Boliviana NB 62002 (Emisiones Vehiculares)</li>
<li>Plan Municipal de Calidad del Aire</li>
<li>Ordenanzas Municipales de Quillacollo</li>
<li>Estándares de la Organización Mundial de la Salud</li>
</ul>
<div style="margin-top: 30px;">
<a href="assets/redMonica/policies.html" class="primary-button">
Ver Marco Normativo Completo →
</a>
</div>
</div>
<div style="text-align: center;">
<div style="background: rgba(255,255,255,0.1); padding: 40px; border-radius: 20px; backdrop-filter: blur(10px);">
<div style="font-size: 4em; margin-bottom: 20px;">⚖️</div>
<h3 style="margin-bottom: 20px; font-size: 1.5em;">Marco Legal Sólido</h3>
<p style="opacity: 0.9; font-size: 1.1em;">
Operamos con base en normativas nacionales e internacionales para garantizar la protección de la salud pública
</p>
</div>
</div>
</div>
</div>
</div>
<!-- -->
<div class="section mcb-section" style="padding-top:80px; background-color:#f6f9fb" data-parallax="3d">
<img class="mfn-parallax" src="assets/redMonica/images/eco2-home-parallaxbg.png" style="opacity:0">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="column_attr clearfix align_center">
<h2>ESTACIONES DE MONITOREO</h2>
<p>Ubicaciones estratégicas de nuestra red de monitoreo en Quillacollo</p>
</div>
<div class="column mcb-column one column_column" style="margin-top:30px;">
<div class="column_attr clearfix">
<div class="map-container">
<img src="/assets/images/units/red-monica/LOGO RED MONICA.png" alt="Red Monica" style="width:100%; height:100%; object-fit:contain;">
</div>
</div>
</div>
</div>
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one-third column_column" style="margin-top:40px;">
<div class="column_attr clearfix" style="background-color:#f5f9fc; padding:25px; border-radius:10px; height:100%; border-left:5px solid #1e6b52;">
<h3 style="color:#1e6b52;">Estación Central</h3>
<p><strong>Ubicación:</strong> </p>
<p><strong>Parámetros:</strong> </p>
<p><strong>Características:</strong> </p>
<div class="button_align" style="margin-top:15px;">
<a class="button button_size_2 button_js" href="#" style="background-color:#1e6b52 !important; color:#fff;">
<span class="button_label">Ver datos en tiempo real</span>
</a>
</div>
</div>
</div>
<div class="column mcb-column one-third column_column" style="margin-top:40px;">
<div class="column_attr clearfix" style="background-color:#f5f9fc; padding:25px; border-radius:10px; height:100%; border-left:5px solid #1e6b52;">
<h3 style="color:#1e6b52;">Estación</h3>
<p><strong>Ubicación:</strong> </p>
<p><strong>Parámetros:</strong></p>
<p><strong>Características:</strong> </p>
<div class="button_align" style="margin-top:15px;">
<a class="button button_size_2 button_js" href="#" style="background-color:#1e6b52 !important; color:#fff;">
<span class="button_label">Ver datos en tiempo real</span>
</a>
</div>
</div>
</div>
<div class="column mcb-column one-third column_column" style="margin-top:40px;">
<div class="column_attr clearfix" style="background-color:#f5f9fc; padding:25px; border-radius:10px; height:100%; border-left:5px solid #1e6b52;">
<h3 style="color:#1e6b52;">Estación</h3>
<p><strong>Ubicación:</strong> </p>
<p><strong>Parámetros:</strong> </p>
<p><strong>Características:</strong> </p>
<div class="button_align" style="margin-top:15px;">
<a class="button button_size_2 button_js" href="#" style="background-color:#1e6b52 !important; color:#fff;">
<span class="button_label">Ver datos en tiempo real</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sección Contacto -->
<section class="final-cta">
<div class="content_wrapper">
<h2 style="color: #1e6b52; font-size: 2.5em; margin-bottom: 20px;">¿NECESITA NUESTROS SERVICIOS?</h2>
<p style="font-size: 1.2em; color: #666; margin-bottom: 40px;">
Red Mónica está a su disposición para brindar servicios especializados de monitoreo ambiental
</p>
<div class="final-cta-grid">
<div class="final-cta-card">
<div style="font-size: 3em; margin-bottom: 20px; color: #1e6b52;">📊</div>
<h3 style="color: #1e6b52; margin-bottom: 15px;">Consultar ICA Actual</h3>
<p style="margin-bottom: 20px;">Ver el índice de calidad del aire en tiempo real</p>
<a href="assets/redMonica/data.html" class="primary-button">Ver Ahora</a>
</div>
<div class="final-cta-card">
<div style="font-size: 3em; margin-bottom: 20px; color: #1e6b52;">🚗</div>
<h3 style="color: #1e6b52; margin-bottom: 15px;">Control Vehicular</h3>
<p style="margin-bottom: 20px;">Solicitar inspección de emisiones vehiculares</p>
<a href="assets/redMonica/contact.html#vehicular" class="primary-button">Solicitar</a>
</div>
<div class="final-cta-card">
<div style="font-size: 3em; margin-bottom: 20px; color: #1e6b52;">🏭</div>
<h3 style="color: #1e6b52; margin-bottom: 15px;">Monitoreo Industrial</h3>
<p style="margin-bottom: 20px;">Servicios para empresas e industrias</p>
<a href="assets/redMonica/contact.html#industrial" class="primary-button">Contactar</a>
</div>
<div class="final-cta-card">
<div style="font-size: 3em; margin-bottom: 20px; color: #1e6b52;">📞</div>
<h3 style="color: #1e6b52; margin-bottom: 15px;">Información General</h3>
<p style="margin-bottom: 20px;">Contacto y ubicación de nuestras oficinas</p>
<a href="assets/redMonica/contact.html" class="primary-button">Ver Contactos</a>
</div>
</div>
</div>
</section>
<!-- <div class="section mcb-section" style="padding-top:30px; padding-bottom:30px; background-color:#1e6b52;">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one valign-top clearfix">
<div class="mcb-wrap-inner">
<div class="column mcb-column one column_column">
<div class="column_attr clearfix align_center" style="color:#fff;">
<h2 style="color:#fff;">¿Necesita más información?</h2>
<p style="font-size:18px;">Conoce nuestras iniciativas y cómo puedes participar</p>
<div style="margin-top:30px;">
<a class="button button_size_3 button_js" href="assets/redMonica/aboutUs.html" style="background-color:#fff !important; color:#1e6b52; margin-right:15px;">
<span class="button_label">Nuestros proyectos</span>
</a>
<a class="button button_size_3 button_js" href="assets/redMonica/contact.html" style="background-color:transparent !important; color:#fff; border:2px solid #fff;">
<span class="button_label">Reportar contaminación</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
<div id="footer"></div>
</div>
</div>
<!-- JS -->
<script src="/assets/js/jquery-3.6.0.min.js"></script>
<script src="/assets/js/jquery-migrate-3.4.0.min.js"></script>
<script src="/assets/js/mfn.menu.js"></script>
<script src="/assets/js/jquery.plugins.js"></script>
<script src="/assets/js/jquery.jplayer.min.js"></script>
<script src="/assets/js/animations/animations.js"></script>
<script src="/assets/js/translate3d.js"></script>
<script src="/assets/js/scripts.js"></script>
<script src="/assets/js/email.js"></script>
<!-- Revolution Slider -->
<script src="/assets/plugins/rs-plugin-5.3.1/js/jquery.themepunch.tools.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/jquery.themepunch.revolution.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.video.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.actions.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.migration.min.js"></script>
<script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.parallax.min.js"></script>
<script>
var revapi1, tpj;
( function() {
if (!/loaded|interactive|complete/.test(document.readyState))
document.addEventListener("DOMContentLoaded", onLoad);
else
onLoad();
function onLoad() {
if (tpj === undefined) {
tpj = jQuery;
if ("off" =="on")
tpj.noConflict();
}
if (tpj("#rev_slider_1_1").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_1_1");
} else {
revapi1 = tpj("#rev_slider_1_1").show().revolution({
sliderType :"standard",
sliderLayout :"auto",
dottedOverlay :"none",
delay : 9000,
navigation : {
keyboardNavigation:"off",
keyboard_direction: "horizontal",
onHoverStop :"off",
touch:{
touchenabled:"on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
}
},
visibilityLevels : [1240, 1024, 778, 480],
gridwidth : 1240,
gridheight : 1000,
lazyType :"none",
shadow : 0,
spinner :"spinner2",
stopLoop :"off",
stopAfterLoops : -1,
stopAtSlide : -1,
shuffle :"off",
autoHeight :"off",
disableProgressBar :"on",
hideThumbsOnMobile :"off",
hideSliderAtLimit : 0,
hideCaptionAtLimit : 0,
hideAllCaptionAtLilmit : 0,
debugMode : false,
fallbacks : {
simplifyAll :"off",
nextSlideOnWindowFocus :"off",
disableFocusListener : false,
}
});
};
};
}());
// Actualización de datos en tiempo real (simulado)
function updateRealTimeData() {
// Simulación de datos - en implementación real se haría una petición AJAX
const now = new Date();
const timeString = now.getHours() + ":" + (now.getMinutes()<10?'0':'') + now.getMinutes();
// Actualizar PM10
const pm10Value = Math.floor(40 + Math.random() * 20);
$(".column_attr h3:contains('PM10')").next().text(pm10Value + " µg/m³").next().next().text("Última actualización: " + timeString);
// Actualizar NO2
const no2Value = Math.floor(25 + Math.random() * 15);
$(".column_attr h3:contains('NO₂')").next().text(no2Value + " µg/m³").next().next().text("Última actualización: " + timeString);
// Actualizar O3
const o3Value = Math.floor(60 + Math.random() * 30);
$(".column_attr h3:contains('O₃')").next().text(o3Value + " µg/m³").next().next().text("Última actualización: " + timeString);
}
// Actualizar cada 5 minutos (300000 ms)
updateRealTimeData();
setInterval(updateRealTimeData, 300000);
// Manejo del formulario de contacto
$("#contact-form").submit(function(e) {
e.preventDefault();
alert("Gracias por su mensaje. Nos pondremos en contacto con usted pronto.");
this.reset();
});
</script>
<style>
.clearfix::after {
content: "";
display: table;
clear: both;
}
.dark {
/* background: linear-gradient(135deg, #1e6b52, #2c8f6f); */
color: white;
}
.hero-section {
background: linear-gradient(135deg, #1e6b52, #2c8f6f);
/* padding: 100px 0; */
text-align: center;
color: white;
margin-top: -80px;
}
.hero-content h1 {
font-size: 3.5em;
font-weight: bold;
}
.hero-subtitle {
font-size: 1.3em;
margin-bottom: 40px;
opacity: 0.9;
}
.cta-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 20px;
padding: 0 20px;
}
.cta-card {
background: rgba(255, 255, 255, 0.15);
padding: 20px;
border-radius: 12px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.cta-card:hover {
transform: translateY(-10px);
background: rgba(255, 255, 255, 0.25);
}
.cta-button {
display: inline-block;
background: #51A3BC;
color: white;
padding: 6px 15px;
text-decoration: none;
border-radius: 15px;
font-weight: bold;
margin-top: 5px;
transition: all 0.3s ease;
}
.cta-button:hover {
background: #4191a8;
transform: scale(1.05);
}
.section-title {
text-align: center;
color: #1e6b52;
font-size: 2.5em;
font-weight: bold;
}
.section-subtitle {
text-align: center;
font-size: 1.2em;
color: #666;
margin-bottom: 50px;
}
.service-card {
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
transition: all 0.3s ease;
border-top: 5px solid #1e6b52;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
.service-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, #1e6b52, #51A3BC);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
font-size: 2.5em;
color: white;
}
.service-card h3 {
color: #1e6b52;
text-align: center;
margin-bottom: 20px;
font-size: 1.5em;
}
.service-list li {
border-bottom: 1px solid #eee;
color: #555;
}
.service-list li:before {
content: "✓";
color: #1e6b52;
font-weight: bold;
}
.tech-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 40px;
padding: 0 20px;
}
.tech-card {
background: linear-gradient(135deg, #f5f9fc, #e8f4fd);
padding: 30px;
border-radius: 15px;
border: 1px solid #e0e6ed;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.tech-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.compliance-section {
background: linear-gradient(135deg, #2c8f6f, #1e6b52);
color: white;
padding: 80px 0;
}
.compliance-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 50px;
align-items: center;
padding: 0 20px;
}
.compliance-list {
list-style: none;
margin: 30px 0;
}
.compliance-list li {
padding: 15px 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
font-size: 1.1em;
}
.compliance-list li:before {
content: "⚖️";
margin-right: 15px;
font-size: 1.2em;
}
.final-cta {
background: #f8f9fa;
padding: 80px;
text-align: center;
}
.final-cta-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.final-cta-card {
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.primary-button {
background: linear-gradient(135deg, #1e6b52, #51A3BC);
color: white;
padding: 15px 30px;
border: none;
border-radius: 25px;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
}
.primary-button:hover {
transform: scale(1.05);
box-shadow: 0 10px 25px rgba(30, 107, 82, 0.3);
}
.stats-highlight {
background: rgba(255,255,255,0.1);
padding: 15px;
border-radius: 10px;
margin: 20px 0;
text-align: center;
font-weight: bold;
font-size: 1.1em;
}
@media (max-width: 768px) {
.hero-content h1 {
font-size: 2.5em;
}
.cta-grid,
.services-grid,
.tech-grid {
grid-template-columns: 1fr;
}
.compliance-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.section {
padding: 40px 0;
}
}
</style>
</body>
</html>