/
home2
/
reumatologia
/
congreso
/
Upload File
HOME
<!DOCTYPE html> <html lang="es"> <head> <?php include('ssi_head_inc.php'); ?> <style> /* Estilos para el carrusel de imágenes */ .news-block .image-box .image { margin: 0; overflow: hidden; } .hotel-carousel { position: relative; width: 100%; overflow: hidden; } .hotel-carousel .carousel-inner { display: flex; width: 300%; transition: transform 0.4s ease-in-out; } .hotel-carousel .carousel-inner img { width: calc(100% / 3); flex-shrink: 0; object-fit: cover; aspect-ratio: 16/10; display: block; } .hotel-carousel .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; border: none; padding: 10px 14px; cursor: pointer; font-size: 18px; z-index: 10; border-radius: 4px; transition: background 0.3s; } .hotel-carousel .carousel-btn:hover { background: rgba(0,0,0,0.8); } .hotel-carousel .carousel-btn.prev { left: 10px; } .hotel-carousel .carousel-btn.next { right: 10px; } .hotel-carousel .carousel-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; } .hotel-carousel .carousel-dots .dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.5); cursor: pointer; transition: background 0.3s; } .hotel-carousel .carousel-dots .dot.active { background: #fff; } .btn-box { display: flex; gap: 10px; flex-wrap: wrap; } .btn-box .btn-ubicacion { padding: 8px 16px; border-radius: 4px; text-decoration: none; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; } /* Links de contacto - Rosa (excepto botones) */ .news-block .lower-content a:not(.read-more):not(.btn-ubicacion) { color: #CC085B !important; text-decoration: none; transition: color 0.3s; } .news-block .lower-content a:not(.read-more):not(.btn-ubicacion):hover { color: #6B003E !important; } </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/hoteleria.jpg);background-position:top;"> <div class="auto-container"> <h1>Hotelería</h1> <ul class="bread-crumb clearfix"> <li><a href="index.php">Home</a></li> <li>Hotelería</li> </ul> </div> </section> <section class="news-section"> <div class="anim-icons"> <span class="icon icon-circle-blue wow fadeIn"></span> <span class="icon twist-line-1 wow zoomIn"></span> <span class="icon twist-line-2 wow zoomIn"></span> <span class="icon twist-line-3 wow zoomIn"></span> </div> <div class="auto-container"> <div class="sec-title text-center"> <span class="title">Tarifas especiales</span> <h2>Para participantes del Congreso</h2> <p style="margin-top: 15px;">Para reservas grupales contactar a <a href="mailto:sol.sammarco@wearemci.com">sol.sammarco@wearemci.com</a></p> </div> <div class="row"> <!-- HOTEL SHERATON --> <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"> <div class="hotel-carousel" data-carousel="sheraton"> <div class="carousel-inner"> <img src="images/resource/sheraton_1.jpg" alt="Sheraton Mendoza"> <img src="images/resource/sheraton_2.jpg" alt="Sheraton Mendoza"> <img src="images/resource/sheraton_3.jpg" alt="Sheraton Mendoza"> </div> <button class="carousel-btn prev" onclick="moveCarousel('sheraton', -1)">❮</button> <button class="carousel-btn next" onclick="moveCarousel('sheraton', 1)">❯</button> <div class="carousel-dots"> <span class="dot active" onclick="goToSlide('sheraton', 0)"></span> <span class="dot" onclick="goToSlide('sheraton', 1)"></span> <span class="dot" onclick="goToSlide('sheraton', 2)"></span> </div> </div> </figure> </div> <div class="lower-content"> <h4>Sheraton Mendoza <span style="font-size:14px; color:#666;">★★★★</span></h4> <ul class="post-info"> <li><span class="fa fa-money-bill"></span> Estandar Single/Doble: USD 160 + IVA</li> <li><span class="fas fa-coffee"></span> Desayuno: SI</li> </ul> <p><strong>Reservas:</strong><br> Indicando el código: <strong>SAR2026</strong><br> <span class="fab fa-whatsapp"></span> <a href="https://wa.me/5492616624856" target="_blank">+54 9 261 662-4856</a><br> <span class="fas fa-phone"></span> +54 261 441 5509 </p> <div class="btn-box"> <a href="https://www.sheraton.com/mendoza" target="_blank" class="read-more">Link a la web</a> <a href="https://www.google.com/maps/place/Sheraton+Mendoza+Hotel/@-32.8922273,-68.8380012,17z/data=!3m1!4b1!4m9!3m8!1s0x967e09177a2308d3:0xaf94b708252aeca4!5m2!4m1!1i2!8m2!3d-32.8922273!4d-68.8380012!16s%2Fg%2F11ksgkw8y?entry=ttu&g_ep=EgoyMDI2MDExMy4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="btn-ubicacion"><span class="fas fa-map-marker-alt"></span> Ver ubicación</a> </div> </div> </div> </div> <!-- HOTEL MENDOZA --> <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"> <div class="hotel-carousel" data-carousel="mendoza"> <div class="carousel-inner"> <img src="images/resource/mendoza_1.jpg" alt="Hotel Mendoza"> <img src="images/resource/mendoza_2.jpg" alt="Hotel Mendoza"> <img src="images/resource/mendoza_3.jpg" alt="Hotel Mendoza"> </div> <button class="carousel-btn prev" onclick="moveCarousel('mendoza', -1)">❮</button> <button class="carousel-btn next" onclick="moveCarousel('mendoza', 1)">❯</button> <div class="carousel-dots"> <span class="dot active" onclick="goToSlide('mendoza', 0)"></span> <span class="dot" onclick="goToSlide('mendoza', 1)"></span> <span class="dot" onclick="goToSlide('mendoza', 2)"></span> </div> </div> </figure> </div> <div class="lower-content"> <h4>Hotel Mendoza <span style="font-size:14px; color:#666;">★★★</span></h4> <ul class="post-info"> <li><span class="fa fa-money-bill"></span> Estandar Single/Doble: USD 104 + IVA</li> <li><span class="fa fa-money-bill"></span> Superior Single/Doble: USD 113 + IVA</li> <li><span class="fas fa-coffee"></span> Desayuno: SI</li> </ul> <p><strong>Reservas:</strong><br> Indicando el código: <strong>CONINTER SAR2026</strong><br> <div class="btn-box"> <a href="https://www.hotelmendoza.com" target="_blank" class="read-more">Link a la web</a> <a href="https://www.google.com/maps/place/Hotel+Mendoza/@-32.8888158,-68.8444208,17z/data=!3m1!4b1!4m9!3m8!1s0x967e091bc584fcd1:0x2e84ca8ebb4d0362!5m2!4m1!1i2!8m2!3d-32.8888203!4d-68.8418459!16s%2Fg%2F1tdvwj79?entry=ttu&g_ep=EgoyMDI2MDExMy4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="btn-ubicacion"><span class="fas fa-map-marker-alt"></span> Ver ubicación</a> </div> </div> </div> </div> <!-- HOTEL IBIS --> <div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInRight" data-wow-delay="800ms"> <div class="inner-box"> <div class="image-box"> <figure class="image"> <div class="hotel-carousel" data-carousel="ibis"> <div class="carousel-inner"> <img src="images/resource/ibis_1.jpg" alt="Hotel IBIS"> <img src="images/resource/ibis_2.jpg" alt="Hotel IBIS"> <img src="images/resource/ibis_3.jpg" alt="Hotel IBIS"> </div> <button class="carousel-btn prev" onclick="moveCarousel('ibis', -1)">❮</button> <button class="carousel-btn next" onclick="moveCarousel('ibis', 1)">❯</button> <div class="carousel-dots"> <span class="dot active" onclick="goToSlide('ibis', 0)"></span> <span class="dot" onclick="goToSlide('ibis', 1)"></span> <span class="dot" onclick="goToSlide('ibis', 2)"></span> </div> </div> </figure> </div> <div class="lower-content"> <h4>Hotel IBIS <span style="font-size:14px; color:#666;">★★★</span></h4> <ul class="post-info"> <li><span class="fa fa-money-bill"></span> Estandar Single: USD 100 + IVA</li> <li><span class="fa fa-money-bill"></span> Estandar Doble (matrimonial/twin): USD 108 + IVA</li> <li><span class="fas fa-coffee"></span> Desayuno: SI</li> </ul> <p><strong>Reservas:</strong><br> Indicando el código: <strong>SAR</strong><br> </p> <div class="btn-box"> <a href="https://all.accor.com/hotel/2161/index.es.shtml?utm_campaign=seo+maps&utm_medium=seo+maps&utm_source=google+Maps" target="_blank" class="read-more">Link a la web</a> <a href="https://www.google.com/maps/place/IBIS+MENDOZA/@-32.9055514,-68.7979748,17z/data=!4m9!3m8!1s0x967e0ea375b85305:0xe03c9310ed0c70e8!5m2!4m1!1i2!8m2!3d-32.9071953!4d-68.7919881!16s%2Fg%2F1w2yw2nq?entry=ttu&g_ep=EgoyMDI2MDExMy4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="btn-ubicacion"><span class="fas fa-map-marker-alt"></span> Ver ubicación</a> </div> </div> </div> </div> </div> </div> </section> <?php include('ssi_footer.php'); ?> </div> <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div> <?php include('ssi_scripts.php'); ?> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> // Control del carrusel de hoteles const carouselState = {}; document.querySelectorAll('.hotel-carousel').forEach(carousel => { const name = carousel.dataset.carousel; carouselState[name] = 0; }); function moveCarousel(name, direction) { const carousel = document.querySelector(`[data-carousel="${name}"]`); const inner = carousel.querySelector('.carousel-inner'); const totalSlides = inner.querySelectorAll('img').length; carouselState[name] += direction; if (carouselState[name] < 0) { carouselState[name] = totalSlides - 1; } else if (carouselState[name] >= totalSlides) { carouselState[name] = 0;