#Montana#

<!DOCTYPE html>
<html lang="es">
	<head>
		<?php include('ssi_head_inc.php'); ?>
		<style>
			/* === MODAL DE CV === */
			.cv-modal-overlay {
				display: none;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.65);
				z-index: 9999;
				justify-content: center;
				align-items: center;
				padding: 20px;
				animation: fadeIn 0.25s ease;
			}
			.cv-modal-overlay.active {
				display: flex;
			}
			@keyframes fadeIn {
				from { opacity: 0; }
				to { opacity: 1; }
			}
			.cv-modal {
				background: #fff;
				border-radius: 8px;
				max-width: 750px;
				width: 100%;
				max-height: 90vh;
				display: flex;
				flex-direction: column;
				box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
				animation: slideUp 0.3s ease;
				overflow: hidden;
			}
			@keyframes slideUp {
				from { transform: translateY(30px); opacity: 0; }
				to { transform: translateY(0); opacity: 1; }
			}
			.cv-modal-header {
				display: flex;
				align-items: center;
				gap: 20px;
				padding: 25px 30px;
				background: linear-gradient(135deg, #6B003E 0%, #CC085B 100%);
				color: #fff;
				position: relative;
			}
			.cv-modal-header img {
				width: 90px;
				height: 90px;
				border-radius: 50%;
				object-fit: cover;
				border: 3px solid #fff;
				flex-shrink: 0;
			}
			.cv-modal-header .cv-modal-title h3 {
				margin: 0 0 5px 0;
				font-size: 22px;
				color: #fff;
				font-weight: 700;
			}
			.cv-modal-header .cv-modal-title p {
				margin: 0;
				font-size: 14px;
				opacity: 0.9;
			}
			.cv-modal-close {
				position: absolute;
				top: 15px;
				right: 15px;
				background: rgba(255, 255, 255, 0.2);
				color: #fff;
				border: none;
				width: 35px;
				height: 35px;
				border-radius: 50%;
				font-size: 20px;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: background 0.2s;
			}
			.cv-modal-close:hover {
				background: rgba(255, 255, 255, 0.35);
			}
			.cv-modal-body {
				padding: 25px 30px;
				overflow-y: auto;
				font-size: 15px;
				line-height: 1.65;
				color: #444;
			}
			.cv-modal-body p {
				margin: 0 0 15px 0;
				text-align: justify;
			}
			.cv-modal-body p:last-child {
				margin-bottom: 0;
			}
			/* === BOTÓN VER CV === */
			.btn-ver-cv {
				display: inline-block;
				margin-top: 8px;
				padding: 8px 18px;
				background: #6B003E;
				color: #fff !important;
				border: none;
				border-radius: 4px;
				font-size: 13px;
				font-weight: 600;
				cursor: pointer;
				text-decoration: none;
				transition: background 0.25s;
			}
			.btn-ver-cv:hover {
				background: #CC085B;
				color: #fff !important;
			}
			.btn-ver-cv .fa {
				margin-right: 6px;
			}
			/* === INFO ADICIONAL EN CARD === */
			.orador-pais {
				display: block;
				font-size: 13px;
				color: #888;
				margin-top: 4px;
				font-style: italic;
			}
		</style>
	</head>
	<body>
		<div class="page-wrapper">
			<div class="preloader"></div>
			<span class="header-span"></span>
			<?php include('ssi_header.php'); ?>
			<section class="page-title" style="background-image:url(images/background/oradores.jpg); background-position-y:top;">
				<div class="auto-container">
					<h1>Oradores</h1>
					<ul class="bread-crumb clearfix">
						<li><a href="index.php">Home</a></li>
						<li>Oradores</li>
					</ul>
				</div>
			</section>

<section class="news-section alternate">
				<div class="auto-container">
					<div class="sec-title text-center">
						<span class="title">Invitados especiales</span>
						<h2>Oradores Internacionales</h2>
					</div>
					<div class="row justify-content-center">

<div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInRight">
							<div class="inner-box">
								<div class="image-box">
									<figure class="image"><img src="images/oradores/antonis_fanouriakis.jpg" alt="Dr. Antonis Fanouriakis"></figure>
								</div>
								<div class="lower-content2">
									<h4>Dr. Antonis Fanouriakis</h4>
									<span class="orador-pais"><span class="fas fa-map-marker-alt"></span> Atenas, Grecia</span>
									<button class="btn-ver-cv" onclick="abrirCV('fanouriakis')">
										<span class="fa fa-user"></span> Ver CV
									</button>
								</div>
							</div>
						</div>

<div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInRight" data-wow-delay="200ms">
							<div class="inner-box">
								<div class="image-box">
									<figure class="image"><img src="images/oradores/sofia_ramiro.jpg" alt="Dra. Sofía Ramiro"></figure>
								</div>
								<div class="lower-content2">
									<h4>Dra. Sofía Ramiro</h4>
									<span class="orador-pais"><span class="fas fa-map-marker-alt"></span> Países Bajos / Portugal</span>
									<button class="btn-ver-cv" onclick="abrirCV('ramiro')">
										<span class="fa fa-user"></span> Ver CV
									</button>
								</div>
							</div>
						</div>

<div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
							<div class="inner-box">
								<div class="image-box">
									<figure class="image"><img src="images/oradores/clementina_lopez_medina.jpg" alt="Dra. Clementina López Medina"></figure>
								</div>
								<div class="lower-content2">
									<h4>Dra. Clementina López Medina</h4>
									<span class="orador-pais"><span class="fas fa-map-marker-alt"></span> Córdoba, España</span>
									<button class="btn-ver-cv" onclick="abrirCV('clementina')">
										<span class="fa fa-user"></span> Ver CV
									</button>
								</div>
							</div>
						</div>

</div>
				</div>
			</section>

<?php include('ssi_footer.php'); ?>
		</div>

<div class="cv-modal-overlay" id="cv-fanouriakis" onclick="cerrarCVFondo(event, 'fanouriakis')">
			<div class="cv-modal">
				<div class="cv-modal-header">
					<img src="images/oradores/antonis_fanouriakis.jpg" alt="Dr. Antonis Fanouriakis">
					<div class="cv-modal-title">
						<h3>Dr. Antonis Fanouriakis, MD</h3>
						<p>Atenas, Grecia</p>
					</div>
					<button class="cv-modal-close" onclick="cerrarCV('fanouriakis')">&times;</button>
				</div>
				<div class="cv-modal-body">
					<p>Antonis Fanouriakis, médico (MD), es profesor asociado de Medicina Interna-Reumatología en la Facultad de Medicina de la Universidad Nacional y Kapodistríaca de Atenas, y reumatólogo consultor en la Unidad de Reumatología e Inmunología Clínica del 4.º Departamento de Medicina Interna del Hospital Universitario Attikon (ambos en Atenas, Grecia), donde está a cargo de una cohorte de más de 500 pacientes con lupus eritematoso sistémico (LES).</p>
					<p>Sus intereses de investigación se centran en los aspectos clínicos de las enfermedades autoinmunes sistémicas, especialmente en el diagnóstico y tratamiento del LES y la nefritis lúpica. Es autor principal de las recomendaciones de la European Alliance of Associations for Rheumatology (EULAR) para el manejo del lupus eritematoso sistémico (2019 y 2023) y de la nefritis lúpica (2020 y 2025).</p>
				</div>
			</div>
		</div>

<div class="cv-modal-overlay" id="cv-ramiro" onclick="cerrarCVFondo(event, 'ramiro')">
			<div class="cv-modal">
				<div class="cv-modal-header">
					<img src="images/oradores/sofia_ramiro.jpg" alt="Dra. Sofía Ramiro">
					<div class="cv-modal-title">
						<h3>Dra. Sofía Ramiro, MD, PhD</h3>
						<p>Países Bajos / Portugal</p>
					</div>
					<button class="cv-modal-close" onclick="cerrarCV('ramiro')">&times;</button>
				</div>
				<div class="cv-modal-body">
					<p>Sofía Ramiro, médica (MD) y doctora (PhD), es reumatóloga e investigadora senior en el Leiden University Medical Center y en el Zuyderland Medical Center, en los Países Bajos. Se graduó en Medicina en la Nova Medical School de Lisboa, Portugal. Completó una Maestría en Epidemiología en la Universidad de Maastricht y obtuvo su doctorado sobre los resultados a largo plazo en la espondiloartritis axial en la Universidad de Ámsterdam.</p>
					<p>Es epidemióloga clínica y su trabajo se centra en la investigación de resultados. Sus principales áreas de interés son la espondiloartritis axial (axSpA), la artritis reumatoide (AR), las imágenes y los aspectos metodológicos y analíticos.</p>
					<p>Actualmente, Sofía Ramiro también se desempeña en la Nova Medical School de Lisboa como profesora visitante. Fue presidenta de EMEUNET, la red emergente de EULAR, y también de Young Assessment of Spondyloarthritis international Society (ASAS). Integró el Comité Científico de EULAR entre 2016 y 2020, y actualmente es miembro del Comité Ejecutivo de ASAS y del Comité de Calidad de Atención de EULAR.</p>
					<p>Sofía Ramiro ha participado en numerosos grupos de trabajo de EULAR para la elaboración de recomendaciones, especialmente en el manejo de la axSpA, la AR, la artritis psoriásica y las imágenes en vasculitis. Es autora de más de 300 manuscritos revisados por pares.</p>
				</div>
			</div>
		</div>

<div class="cv-modal-overlay" id="cv-clementina" onclick="cerrarCVFondo(event, 'clementina')">
			<div class="cv-modal">
				<div class="cv-modal-header">
					<img src="images/oradores/clementina_lopez_medina.jpg" alt="Dra. Clementina López Medina">
					<div class="cv-modal-title">
						<h3>Dra. Clementina López Medina</h3>
						<p>Córdoba, España</p>
					</div>
					<button class="cv-modal-close" onclick="cerrarCV('clementina')">&times;</button>
				</div>
				<div class="cv-modal-body">
					<p>Reumatóloga en el Hospital Universitario Reina Sofía y Profesora Titular de la Universidad de Córdoba (España). Miembro de los grupos ASAS y GRAPPA.</p>
				</div>
			</div>
		</div>