<!doctype html>
<?php
    include('menus.php');
    session_start();
?>
<html class="no-js" lang="zxx">
    <?php
       head_1();
    ?>
    <body>
	   <?php
            menu_registro();
            vericar_sesion ();
        ?>
		
		<!-- Slider Area -->
		<section class="slider">
			<div class="hero-slider">
				<!-- Start Single Slider -->
				<div class="single-slider" style="background-image:url('img/slider2.jpg')">
					<div class="container">
						<div class="row">
							<div class="col-lg-7">
								<div class="text">
									<h1>¿Qué es el <span>lupus</span>?</h1>
									<p>El lupus es una enfermedad crónica (a largo plazo) que puede causar inflamación y dolor en cualquier parte de su cuerpo. Es una enfermedad autoinmune, lo que significa que su sistema inmunológico, el sistema del cuerpo que generalmente lucha contra las infecciones, ataca el tejido sano.</p>
									<div class="button">
										<a href="lupus5.php" class="btn">Leer Más</a>
										<!--<a href="#" class="btn primary">Leer Más</a>-->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- End Single Slider -->
				<!-- Start Single Slider -->
				<div class="single-slider" style="background-image:url('img/slider.jpg')">
					<div class="container">
						<div class="row">
							<div class="col-lg-7">
								<div class="text">
									<h1>Los <span>síntomas</span> más comunes del <span>lupus</span></h1>
										<p>Debido a que el lupus puede afectar a tantos órganos distintos, pueden presentarse una amplia variedad de síntomas. Estos síntomas van y vienen, y puede que aparezcan síntomas diferentes durante el curso de la enfermedad.</p>
									<div class="button">
										<a href="sintomas.php" class="btn">Leer Más</a>
										<!--<a href="#" class="btn primary">About Us</a>-->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Start End Slider -->
				<!-- Start Single Slider -->
				<div class="single-slider" style="background-image:url('img/slider3.jpg')">
					<div class="container">
						<div class="row">
							<div class="col-lg-7">
								<div class="text">
									<h1>¿Cómo <span>diagnosticar y tratar</span> el <span>lupus</span>?</h1>
									<p>Diagnosticar el lupus puede ser un reto. No hay un examen específico que le pueda dar a los doctores una respuesta de “si” o “no”.  A veces puede tomar meses, o incluso años, recolectar toda la información correcta. 
                                    Realizar un diagnóstico de lupus es como armar un rompecabezas. Su doctor revisará distintas piezas de este rompecabezas: sus síntomas, su historia médica, sus antecedentes familiares y resultados de laboratorio. Si suficientes piezas encajan, usted podría ser diagnosticado con lupus.</p>
									<div class="button">
										<a href="tratamiento_lupus.php" class="btn">Leer Más</a>
										<!--<a href="#" class="btn primary">Conatct Now</a>-->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- End Single Slider -->
			</div>
		</section>
		<!--/ End Slider Area -->
		
		<!-- Start Schedule Area -->
		<section class="schedule">
			<div class="container">
				<div class="schedule-inner">
					<div class="row">
						<div class="col-lg-4 col-md-6 col-12 ">
							<!-- single-schedule -->
							<div class="single-schedule first">
								<div class="inner">
									<div class="icon">
										<i class="fa fa-ambulance"></i>
									</div>
									<div class="single-content">
										<span>Artículo</span>
										<h4>Medicamentos para el lupus</h4>
										<p>El lupus es una enfermedad autoinmune crónica que puede afectar diversos órganos y sistemas del cuerpo, como la piel, las articulaciones, los riñones, el corazón, los pulmones y el sistema nervioso.</p>
										<a href="medicamentos_para_lupus.php">LEER MÁS<i class="fa fa-long-arrow-right"></i></a>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-6 col-12">
							<!-- single-schedule -->
							<div class="single-schedule middle">
								<div class="inner">
									<div class="icon">
										<i class="icofont-prescription"></i>
									</div>
									<div class="single-content">
										<span>Artículo</span>
										<h4>Análisis de laboratorio para el lupus</h4>
										<p>Hay una gran variedad de análisis de laboratorio para detectar los cambios o las afecciones que pueden presentarse en una persona con lupus.</p>
										<a href="analisis_laboratorio.php">LEER MÁS<i class="fa fa-long-arrow-right"></i></a>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-12 col-12">
							<!-- single-schedule -->
							<div class="single-schedule last">
								<div class="inner">
									<div class="icon">
										<i class="icofont-ui-clock"></i>
									</div>
									<div class="single-content">
										<span>Artículo</span>
										<h4>Comer sano cuando uno tiene lupus</h4>
										<p>Hay una gran variedad de análisis de laboratorio para detectar los cambios o las afecciones que pueden presentarse en una persona con lupus.</p>
										<a href="comer_sano_lupus.php">LEER MÁS<i class="fa fa-long-arrow-right"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/End Start schedule Area -->

		<!-- Start Feautes -->
		<section class="Feautes section">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="section-title">
							<h2>Nuestro compromiso con usted</h2>
							<img src="img/section-img.png" alt="#">
							<h6>Nuestra Promesa, Su Bienestar</h6>
							<p>Juntos, enfrentamos el Lupus con compromiso y dedicación.</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-4 col-12">
						<!-- Start Single features -->
						<div class="single-features">
							<div class="signle-icon">
								<i class="icofont icofont-ambulance-cross"></i>
							</div>
							<h3>Creíble</h3>
							<p>Nuestros recursos están respaldados por la experiencia médica y las últimas investigaciones.</p>
						</div>
						<!-- End Single features -->
					</div>
					<div class="col-lg-4 col-12">
						<!-- Start Single features -->
						<div class="single-features">
							<div class="signle-icon">
								<i class="icofont icofont-medical-sign-alt"></i>
							</div>
							<h3>Personalizado</h3>
							<p>Nuestros programas y servicios se centran en usted: quién es usted y qué necesita.</p>
						</div>
						<!-- End Single features -->
					</div>
					<div class="col-lg-4 col-12">
						<!-- Start Single features -->
						<div class="single-features last">
							<div class="signle-icon">
								<i class="icofont icofont-stethoscope"></i>
							</div>
							<h3>Práctico</h3>
							<p>Proporcionamos información clara y fácil de usar para ayudarle a recorrer cada paso de su viaje con el lupus.</p>
						</div>
						<!-- End Single features -->
					</div>
				</div>
			</div>
		</section>
		<!--/ End Feautes -->
		<h2><center>Estadisticas<center></h2>
		<!-- Start Fun-facts -->
		<div id="fun-facts" class="fun-facts section overlay">

			<div class="container">

				<div class="row">
					

					<div class="col-lg-3 col-md-6 col-12">
						<!-- Start Single Fun -->
						<div class="single-fun">
							<i class="icofont icofont-home"></i>
							<div class="content">
								<span class="counter">16000</span>
								<p>Se estima que hay 16000 nuevos casos anuales de Lupus</p>
							</div>
						</div>
						<!-- End Single Fun -->
					</div>
					<div class="col-lg-3 col-md-6 col-12">
						<!-- Start Single Fun -->
						<div class="single-fun">
							<i class="icofont icofont-user-alt-3"></i>
							<div class="content">
								<span class="counter">5000000</span>
								<p>Al menos 5 millones de personas en el mundo, tienen un tipo de Lupus.</p>
							</div>
						</div>
						<!-- End Single Fun -->
					</div>
					<div class="col-lg-3 col-md-6 col-12">
						<!-- Start Single Fun -->
						<div class="single-fun">
							<i class="icofont-simple-smile"></i>
							<div class="content">
								<span class="counter">90</span>
								<p>El 90 % de las personas que viven con lupus son mujeres.</p>
							</div>
						</div>
						<!-- End Single Fun -->
					</div>
					<div class="col-lg-3 col-md-6 col-12">
						<!-- Start Single Fun -->
						<div class="single-fun">
							<i class="icofont icofont-table"></i>
							<div class="content">
								<span class="counter">36</span>
								<p>Un 36% de la población general desconoce que el lupus es una enfermedad.</p>
							</div>
						</div>
						<!-- End Single Fun -->
					</div>
				</div>
			</div>
		</div>
		<!--/ End Fun-facts -->
		
		<!-- Start Why choose -->
		<section class="why-choose section" >
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="section-title">
							<h2>Aprendiendo sobre el lupus</h2>
							<img src="img/section-img.png" alt="#">
							
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6 col-12">
						<!-- Start Choose Left -->
						<div class="choose-left">
							<h3>HABLEMOS DE LUPUS</h3>
							<p>El lupus es una enfermedad autoinmune crónica y compleja que puede causar inflamación generalizada y daño en los tejidos, especialmente en el cerebro, los pulmones, el corazón y los riñones. </p>
							<p>En los siguientes videos aprenderas más sobre el lupus. </p>
							<div class="row">
								<div class="col-lg-6">
									<ul class="list">
										<li><a href="javascript:abrirVentana('https://youtu.be/wxTwPD07wfs?si=bHb-6zWLxIXNz9nF')"><i class="fa fa-caret-right"></i>¿Qué es el Lupus?</a></li>
										<li><a href="javascript:abrirVentana('https://www.youtube.com/watch?v=nYkCrM5LBTA')"><i class="fa fa-caret-right"></i>¿Cómo se diagnóstica de lupus?</a></li>
										<li><a href="javascript:abrirVentana('https://www.youtube.com/watch?v=W31b5rOYqi8')"><i class="fa fa-caret-right"></i>¿Cómo controlar y prevenir la actividad o los brotes de lupus?</a></li>
									</ul>
								</div>
								<div class="col-lg-6">
									<ul class="list">
										<li><a href="javascript:abrirVentana('https://www.youtube.com/watch?v=uz8sbFFvYNY')"><i class="fa fa-caret-right"></i>Lupus en adolescentes y niños</a></li>
										<li><a href="javascript:abrirVentana('https://www.youtube.com/watch?v=jcIAv2kDhzQ')"><i class="fa fa-caret-right"></i>Emociones y estrés en el lupus</a></li>
										<li><a href="javascript:abrirVentana('https://www.youtube.com/watch?v=3x4YGSuq9hc')"><i class="fa fa-caret-right"></i>Lupus en hombres</a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- End Choose Left -->
					</div>
					<div class="col-lg-6 col-12">
						<!-- Start Choose Rights -->
						<div class="choose-right">
							<div class="video-image">
								<!-- Video Animation -->
								<div class="promo-video">
									<!--<div class="waves-block">
										<div class="waves wave-1"></div>
										<div class="waves wave-2"></div>
										<div class="waves wave-3"></div>
									</div>-->
								</div>
								<!--/ End Video Animation -->
								<iframe width="760" height="355" src="https://www.youtube.com/embed/f_7fIic6EbQ" frameborder="0" allowfullscreen></iframe>

								<!--<a href="https://youtu.be/f_7fIic6EbQ" class="video video-popup mfp-iframe"><i class="fa fa-play"></i></a>-->
							</div>
						</div>
						<!-- End Choose Rights -->
					</div>
				</div>
			</div>
		</section>
		<!--/ End Why choose -->
		<!-- Start Call to action -->
		<section class="call-action overlay" data-stellar-background-ratio="0.5">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-12">
						<div class="content">
							<h2>Descargue un paquete de información sobre el lupus</h2>
							<p>Nuestro paquete de bienvenida PDF puede ayudarle a aprender sobre el diagnóstico y el tratamiento de lupus, así como la forma de vivir bien con esta enfermedad.</p>
							<div class="button">
								<a href="paquete-informativo.php" class="btn">Conozca más</a>
								<!--<a href="#" class="btn second">Learn More<i class="fa fa-long-arrow-right"></i></a>-->
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/ End Call to action -->
		<!-- Start portfolio -->
		<section class="portfolio section" >
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="section-title">
							<h2>Biblioteca de recursos</h2>
							<img src="img/section-img.png" alt="#">
						</div>
					</div>
				</div>
			</div>
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12 col-12">
						<div class="owl-carousel portfolio-slider">
							<div class="single-pf">
								<img src="img/lupus1.jpg" alt="#">
								<a href="lupus1.php" class="btn">Ver Detalles</a>
								<h6><center>Coronavirus y lupus</center></h6>
							</div>
							<div class="single-pf">
								<img src="img/lupus2.jpg" alt="#" >
								<a href="lupus2.php" class="btn">Ver Detalles</a>
								<h6><center>Deporte y lupus</center></h6>
							</div>
							<div class="single-pf">
								<img src="img/lupus3.jpg" alt="#" >
								<a href="lupus3.php" class="btn">Ver Detalles</a>
								<h6><center>Alimentación y lupus</center></h6>
							</div>
							<div class="single-pf">
								<img src="img/lupus4.jpg" alt="#">
								<a href="lupus4.php" class="btn">Ver Detalles</a>
								<h6><center>El lupus y los ojos</center></h6>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/ End portfolio -->
		<?php
            footer_1();
        ?>
		<script>
function abrirVentana(url) {
    window.open(url, "miVentana", "width=600,height=400");
}
</script>
    </body>
</html>