/* TOP BAR DESKTOP OVERRIDES */


.cotizar_ctn {
  display: flex;
  align-items: center; /* Align items vertically centered */
  gap: 20px; /* Adjust this value to set the desired space between buttons */
}

.cotizar_ctn .cotizar_btn + .cotizar_btn {
  margin-left: 20px; /* Adjust this value to set the desired margin-left for the second button */
}



/* OPENS PDF */



/* General scrollbar styles */
.tag_iframe_embed {
  scrollbar-width: thin;
  scrollbar-color: rgb(194, 196, 199) #f0f0f0; /* Customize the colors as needed */
}

.tag_iframe_embed::-webkit-scrollbar {
  width: 6px; /* Width of the scrollbar */
}

.tag_iframe_embed::-webkit-scrollbar-track {
  background: #f0f0f0; /* Background color of the scrollbar track */
  border-radius: 10px; /* Rounded corners for the scrollbar track */
}

.tag_iframe_embed::-webkit-scrollbar-thumb {
  background-color: rgb(193, 197, 201); /* Color of the scrollbar thumb */
  border-radius: 10px; /* Rounded corners for the scrollbar thumb */
  border: 1px solid #f0f0f0; /* Optional: adds a border around the scrollbar thumb */
}

.gsap_modal_wrapper {
  z-index: 50;
  background-color: rgba(26, 27, 29, 0.8); /* Updated background color */
  justify-content: center;
  align-items: center;
  display: none; /* Default is none, set to flex when showing */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.gsap_modal_container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 800px; /* Default width for desktop */
  height: 90%; /* Default height for desktop */
  display: flex;
  position: relative;
  overflow: hidden;
  background-color: transparent; /* Set to transparent */
  transform-origin: bottom center; /* Add transform origin for animation */
}

@media (max-width: 767px) {
  .gsap_modal_container {
    width: 100vw; /* Width for mobile */
    height: 90vh; /* Height for mobile */
  }
}

.close_tag_ctn {
  z-index: 10;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 5px;
  margin-right: 5px;
  display: flex;
  position: absolute;
  top: 15px;
  right: 15px;
}

.gsap_modal_content {
  z-index: 6;
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.3);
}

.tag_iframe_embed {
  position: relative;
  background-color: white; /* Set background color to white */
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pdf-page {
  background: white; /* Set background color to white */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transform-origin: 0 0; /* Set the transform origin to the top left */
  display: block; /* Ensure each page takes up a full line */
  max-width: 100%;
  margin: 0; /* Remove any margins */
  padding: 0; /* Remove any padding */
}

.block-reveal-pdf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 1;
  z-index: 1000; /* Ensure it is on top */
}


/*CLOSES PDF*/


/*PICTURES DESKTOP*/


.picture.seltos {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/seltos_update_1.png');
}

.picture.k3 {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/kia_k3_line_1.png');
}

.picture.niroev{
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/niro_electric_update_line_1.png');
}

.picture.carens {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/carens_upscale_1.png');
}

.picture.sportage {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/sportage_upscale.png');
}

.picture.nirohybride {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/niro-hibrido_update_1.png');
}

.picture.soluto {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/soluto_update_line.png');
}

.picture.sonet {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/kia_sonet_upscale_1.png');
}


.picture.new-sonet {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/new_sonet_thumb.png');
}

.picture.k3-cross {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/k3_cross_thumb.png');
}

.picture.picanto {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/picanto_thumb.png');
}


.picture.tasman {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/tasman_thumb.png'); /* update path/name */
}







/*PICTURES DESKTOP*/



/*PICTURES MOBILE*/

@media screen and (max-width: 479px) {


  .picture.seltos {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/seltos_update_1.png');
  }
  
  .picture.k3 {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/kia_k3_line_1.png');
  }
  
  .picture.niroev{
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/niro_electric_update_line_1.png');
  }
  
  .picture.carens {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/carens_upscale_1.png');
  }
  
  .picture.sportage {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/sportage_upscale.png');
  }
  
  .picture.nirohybride {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/niro-hibrido_update_1.png');
  }
  
  .picture.soluto {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/soluto_update_line.png');
    background-size: contain;
  }
  
  .picture.sonet {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/kia_sonet_upscale_1.png');
  }

  .picture.new-sonet {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/new_sonet_thumb.png');
  }
  
  .picture.k3-cross {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/k3_cross_thumb.png');
  }
  
  .picture.picanto {
    background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/picanto_thumb.png');
  }


  .picture.tasman {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/tasman_thumb.png'); /* update path/name */
}



}


/* PRELOADER */


.preloader-kia {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(6, 20, 31, 1);
  z-index: 9999; /* High z-index */
}

.logo-kia-preloader {
  width: 200px;
  margin-bottom: 20px;
}

.circle-container-kia {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.circle-kia {
  width: 65px; /* Adjust the size of the GIF if necessary */
  height: 65px; /* Adjust the size of the GIF if necessary */
}

.loading-text-kia {
  color: #fff;
  font-size: 14px;
  font-family: kiasignature_regular, sans-serif;
  font-weight: 400;
}

/*PRELOADER*/


/*ADDITIONAL MOBILE MENU*/

.block_reveal_menu_bottom_one {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transform-origin: center;
  z-index: 500;
  opacity: 1;
  display: block;
}

.block_reveal_menu_bottom_two {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transform-origin: center;
  z-index: 500;
  opacity: 1;
  display: none;
}


/*MOBILE BTN */

.menu_link_mobile_btn {
  transition: transform 2s cubic-bezier(.16, .93, .17, .97) !important;
}

.menu_link_mobile_btn:active {
  transform: scale(1.2) !important;
}


/* INTRO MENU DESKTOP*/


.tour_blockreveal_desktop {
  background-color: #090f1c;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}


/* Media query for screens 479px and below */
@media (max-width: 479px) {
  .tour_blockreveal_desktop {
    display: none;
  }
}



.desktop-intro-wrapper {
  z-index: 50000;
  background-color: #0b121ceb;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  z-index: 3;
}


@media screen and (max-width: 479px) {
  .desktop-intro-wrapper {
      display: none;
  }
}


.desktop_intro_container {
  /* background-color: #06141fb0; */
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  height: 450px;
  display: flex;
  position: relative;
  /* box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .32); */
  /* overflow: hidden; */
}

@media (min-width: 1440px) {
  .desktop_intro_container {
    width: 900px;
    height: 550px;
  }
}




.top_intro_dots_desktop {
  display: flex;
  flex-direction: row;
}


.welcome-slide-intro {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  padding-bottom: 40px;
  overflow: hidden;
  display: flex; /* Ensure welcome slide is flex */
  flex-direction: column;
  opacity: 1; /* Start with opacity 1 */
}


/* Media query for screens 1440px and lower */
@media (max-width: 1440px) {
  .welcome-slide-intro {
    padding-bottom: 0;
  }
}


.title-intro-desktop {
  font-family: kiasignature_bold, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
  position: absolute;
}

.text-intro-desktop {
  position: absolute;
  font-family: kiasignature_regular, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  /* max-width: 100%; */
  width: 100%;
}

.text-reveal-desktop {
  overflow: hidden;
  position: relative;
  height: 30px;
  width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-reveal-deskto-title {
  overflow: hidden;
  position: relative;
  height: 60px;
  width: 450px;
}


.kia-movement-intro-desktop {

  position: absolute;
  color: #bbe2ffa1;
  font-family: kiasignature_regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 5px;
}



.top-logo-intro-block-desktop {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  display: flex;
  position: absolute;
  top: 35px;
}


/* Media query for screens 1440px and lower */
@media (max-width: 1440px) {
  .top-logo-intro-block-desktop {
    top: 15px;
  }
}


 /*intro first slide */

.modelos-slide-intro {
 /*background-color: #06141f;*/
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.navigation-slide-intro {
  /*background-color: #06141f;*/
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.hotspot-name {
  color: #ffffff;
  text-transform: capitalize;
  font-family: kiasignature_bold, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
}

.items-slide1-intro {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.img_fts {
  width: 55px;
  height: 55px;
}

.carname_desktop_left_intro {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: kiasignature_regular, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}

.tag_info_intro {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 175px;
  text-align: center;
}

.tag_info_intro.padding-left-interior {
  margin-left: 75px;
}

.text_description_intro {
  color: #ffffffba;
  -webkit-text-stroke-color: #fff;
  font-family: kiasignature_regular, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}

.modelos_title_desktop_intro {
  color: #c6cdff;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: kiasignature_regular, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.modelos_title_desktop_intro_slide2 {
  color: #000;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 15px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 100%;
  display: flex;
}


.car-intro-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  margin-top: 14px;
  margin-right: 0;
  margin-bottom: 14px;
  height: 15px;
  text-decoration: none;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.car-intro-item.selected {
  opacity: 1 !important; /* Ensure selected items are fully opaque */
}


.nav-intro-top {height: 5px;width: 5px;background-color: #fff;border-radius: 50px;}



.continuar-slide-btn,
.close-slide-btn {
  background-color: #06141f;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  /* text-transform: uppercase; */
  font-family: kiasignature_regular, sans-serif;
  font-size: 10px;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 50px;
  margin-top: 20px;
}

.continuar-slide-btn:hover,
.close-slide-btn:hover {
  background-color: #ffffff;
  color: #06141f;
}

.close-slide-btn {
  display: none;
}




.top-logo-intro-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  display: flex;
  position: absolute;
  top: 35px;
}

.kia-logo-intro-top {
  width: 150px;
}


.kia-logo-intro-top-desktop {
  width: 125px;
}

.mouvement-text {
  color: rgba(255, 255, 255, .31);
  font-family: kiasignature_regular, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.img-modelos-intro-container {
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  display: flex;
  border-radius: 500px;
}

.img-modelos-intro {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  position: absolute; /* Add this line to ensure images overlap correctly */
  margin: auto;
  opacity: 0;
}

.img-modelos-intro.selected {
  opacity: 1;
}

.img-modelos-intro.soluto-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/soluto_update_line.png');
}

.img-modelos-intro.seltos-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/seltos_update_1.png');
}

.img-modelos-intro.carens-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/carens_upscale_1.png');
}

.img-modelos-intro.k3-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/kia_k3_line_tr.png');
}

.img-modelos-intro.niroev-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/niro_electric_update_line_1.png');
}


.img-modelos-intro.niroev-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/ev5.png');
}


.img-modelos-intro.nirohybride-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/niro-hibrido_update_1.png');
  opacity: 1;
}

.img-modelos-intro.sportage-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/sportage_upscale.png');
}

.img-modelos-intro.sonet-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/kia_sonet_upscale_1.png');
  background-position: 0% !important;
}

.img-modelos-intro.new-sonet-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/new_sonet_thumb.png');
  background-position: 0% !important;
}

.img-modelos-intro.k3-cross-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/k3_cross_thumb.png');
}

.img-modelos-intro.picanto-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/picanto_thumb.png');
  
}

.img-modelos-intro.tasman-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/tasman_thumb.png');
}


/* New Sorento thumbnail */
.img-modelos-intro.sorento-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/sorento_thumb.png');
}

/* EV5 thumbnail - fix duplicate class */
.img-modelos-intro.ev5-slide-img {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/ev5_thumb.png');
}


.block-interaccion-intro {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.intro-nav-int-container {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  min-height: 80%;
  display: none;
}

.block-navegacion-intro {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}


/* Media query for screens 1440px and lower */
@media (max-width: 1440px) {
  .block-navegacion-intro {
    margin-top: 0px;
  }
}


.interaction_title_desktop_intro {
  color: #000;
  text-transform: uppercase;
  flex-flow: column;
  margin-top: 0;
  margin-left: 35px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  display: none;
  margin-bottom: 30px;
}

.img_tag,
.img_video {
  width: 55px;
  height: 55px;
}

.div-block-102 {
  display: flex;
}

.block-intro-elements {
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.separator-intro {
  background-color: #ffffff17;
  width: 500px;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}


/* Media query for screens 1440px and below */
@media (max-width: 1440px) {
  .separator-intro {
    display: none;
  }
}

.modelos_container_intro {
  flex-flow: column;
  justify-content: center;
  align-items: left;
  width: 30%;
  height: 100%;
  display: flex;
}

.intro-toptext-slides {
  /* background-color: #000000; */
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 25px;
  display: flex;
}


/* Media query for screens 1440px and lower */
@media (max-width: 1440px) {
  .intro-toptext-slides {
    height: 15px;
  }
}

.continuar-slide-btn, .intro-toptext-slides {
  display: flex; /* Ensure they are flex by default */
  opacity: 0; /* Start with opacity 0 for smooth fade-in */
}




.top-intro-state-text {
  color: rgb(237, 237, 237);
  /*text-transform: uppercase;*/
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: kiasignature_regular, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 100%;
}

.top-intro-state-text.state-none-text {
  color: rgba(255, 255, 255, .19);
}

.top-intro-state-link {
  color: rgb(237 237 237);
  text-transform: uppercase;
  margin-left: 5px;
  margin-right: 5px;
  font-family: kiasignature_regular, sans-serif;
  font-size: 10px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  cursor: pointer;
}

.top-intro-state-link.state-none-text {
  color: rgba(255, 255, 255, .19);
}




.img-wrapper-intro {
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65px;
  display: flex;
}




.modelos_img_btn {
  width: 35px;
  height: 35px;
}




/* Mobile specific styling */


/* Mobile specific styling */

.modelos-container-slide-mobile {
  margin-top: 40px;
}

/* Mobile specific styling */
.car-intro-item-mobile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 7px;
  margin-bottom: 7px;
  text-decoration: none;
  opacity: 0.5;
  transition: transform 0.3s ease, opacity 0.3s ease; /* Add transition for smooth effect */
}

.car-intro-item-mobile.selected {
  opacity: 1; /* Change opacity */
}

.img-modelos-intro-container-mobile {
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  border-radius: 500px;
  position: relative;
  overflow: hidden;
}

.img-modelos-intro-mobile {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  position: absolute;
  margin: auto;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.img-modelos-intro-mobile.active {
  display: block;
  opacity: 1;
}

.img-modelos-intro-mobile.soluto-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/soluto_update_line.png');
}

.img-modelos-intro-mobile.seltos-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/seltos_update_1.png');
}

.img-modelos-intro-mobile.carens-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/carens_upscale_1.png');
}

.img-modelos-intro-mobile.k3-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/kia_k3_line_tr.png');
}

.img-modelos-intro-mobile.niroev-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/niro_electric_update_line_1.png');
}

.img-modelos-intro-mobile.nirohybride-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/niro-hibrido_update_1.png');
}

.img-modelos-intro-mobile.sportage-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/sportage_upscale.png');
}

.img-modelos-intro-mobile.sonet-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/kia_sonet_upscale_1.png');
  background-position: 0% !important;
}

.img-modelos-intro-mobile.new-sonet-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/new_sonet_thumb.png');
  background-position: 0% !important;
}

.img-modelos-intro-mobile.k3-cross-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/k3_cross_thumb.png');
}

.img-modelos-intro-mobile.picanto-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/picanto_thumb.png');
}

.img-modelos-intro-mobile.tasman-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/tasman_thumb.png'); /* update path/name */
}

/* CORRECTED - consistent with the rest of your mobile classes */
.img-modelos-intro-mobile.sorento-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/sorento_thumb.png');
}

.img-modelos-intro-mobile.ev5-slide-img-mobile {
  background-image: url('https://rd.interactivo.pro/kia_dev05/ee_kia/images/uploads/kia/ev5_thumb.png');
}


.mobile-intro-wrapper {
  z-index: 50000;
  background-color: #06141fdb;
  width: 100vw;
  height: 100vh;
  display: none; /* Hidden by default */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

@media screen and (max-width: 479px) {
  .mobile-intro-wrapper {
    display: flex; /* Visible only on screens 479px wide or smaller */
  }
}

.panel {
  height: 100vh; /* Full viewport height */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 2em;
}

.mobile_intro_container {
  background-color: #06141f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navigation-slide-intro-mobile {
  background-color: #06141f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.intro-nav-int-container-mobile {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  min-height: 80%;
  display: flex;
}

/* General styling for sections - visible only on mobile (479px and down) */
@media screen and (max-width: 479px) {
  .block-intro-elements-mobile {
    width: 100vw;
    height: 90vh;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}

/* Hide for screens 480px and up */
@media screen and (min-width: 480px) {
  .block-intro-elements-mobile {
    display: none;
  }
}

.block_mobile_intro {
  display: flex;
  flex-direction: column;
}

.hotspot-name_mobile {
  color: #ffffff;
  font-family: kiasignature_regular, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 100%;
}

.items-slide1-intro-mobile {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.img_fts_mobile,
.img_video_mobile,
.img_tag_mobile {
  width: 65px;
  height: 65px;
}

.tag_info_intro_mobile {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 175px;
  text-align: center;
}

.text_description_intro_mobile {
  color: #ffffffba;
  font-family: kiasignature_regular, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}

.close-slide-btn-mobile {
  background-color: #ffffff;
  color: #000;
  padding: 5px 10px;
  border: none;
  position: relative;
  cursor: pointer;
  font-family: kiasignature_regular, sans-serif;
  font-size: 8px;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 50px;
  margin-top: 40px;
  height: 50px;
  outline: none; /* Disable the default focus outline */
}

.loading-intro-mobile {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none; /* Initially hidden */
  width: 50px; /* Adjust the size as needed */
  height: 50px;
}

.modelos-slide-intro-mobile {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.modelos_container_intro_mobile {
  flex-flow: column;
  justify-content: center;
  align-items: left;
  height: 100%;
  display: flex;
  margin-top: 50px;
}

/* Mobile specific styling */
/* Mobile specific styling */
.sections-wrapper {
  background: linear-gradient(to bottom, #0b121ce0 0%, #0b162d 100%);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden; /* Ensure content doesn't overflow the wrapper */
  z-index: 50000; /* Ensure it has the correct stacking context */
  touch-action: none; /* Prevent scrolling and zooming */
}

section {
  z-index: 50000;
  height: 100%;
  width: 100%;
  top: 0;
  position: fixed;
  visibility: hidden;
  will-change: transform;
  /* Remove background-color from here */
  overflow: hidden; /* Prevent content overflow */
}

section .outer,
section .inner {
  width: 100%;
  height: 100%;
  overflow: hidden; /* Change overflow-y to overflow */
  will-change: transform;
}

section .bg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  overflow: hidden; /* Prevent content overflow */
}

section .bg h2 {
  z-index: 2;
}

section .bg .clip-text {
  overflow: hidden;
}

/* Hide sections for screens 480px and up */
@media screen and (min-width: 480px) {
  section {
    display: none;
  }
}

.top-logo-intro-mobile {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.kia-movement-intro-mobile {
  color: #bbe2ffa1;
  font-family: kiasignature_regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 5px;
}

.bienvenido-intro-mobile {
  width: 90%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.title-intro-mobile {
  color: #ffffff;
  font-family: kia signature bold, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 40px;
  text-align: center;
}

.text-intro-mobile {
  color: #ffffff;
  font-family: kiasignature_regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  width: 100%;
}

.intro_blocks_bienvenido {
  text-align: center;
  width: 90%;
}

.arrow-intro-mobile {

  position: absolute;
  width: 35px;
  height: 35px;
  bottom: 3%;
}

.modelos-container-slide-mobile {
  height: 100%;
}

.modelos_intro_carmodels_mobile {
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.items-slide1-intro-mobile-combined {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding: 10px;
}


@media screen and (min-width: 479px) {
  .sections-wrapper {
    display: none;
  }
}