/*GENERAL*/
/*Letra Type Hyundai*/

@font-face {
  font-family: 'HyundaiSansHeadRegular';
  src: url('../Assets/Imagenes/Fonts/0a8d854a-0ac3-4d22-9063-69d633977eaf.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'HyundaiSansHeadRegular', sans-serif;
}
/*header arriba*/
.Headings {
  background-color: #002c5f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  flex-wrap: wrap;
  gap: 25px;
}

.Headings a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px; 
  transition: 0.3s;
}

.Headings a:hover {
  color: #ccc;
}

#Logo_OVCAR,
#Logo_Hyundai {
  max-width: 130px; 
  height: auto;
}
#Logo_OVCAR{
    max-width: 100px;
    height: auto;
    flex-shrink: 0;
}
/*Responsive*/
@media (max-width: 768px) {
  .Headings {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 25px;
  }

  .Headings a {
    font-size: 22px; 
  }

  #Logo_OVCAR,
  #Logo_Hyundai {
    max-width: 150px; 
  }
}

/*Whatsapp Flotante*/
.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  background-color: #25d366;
  border-radius: 50%;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.whatsapp-float img {
  width: 35px;
  height: 35px;
}

/*FOOTER FINAL PAGINA*/
#logo_ovcar2{
    width: 100%;
}

.final_pagina {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #002c5f;
    padding: 2rem;
    flex-wrap: wrap;
    color: white;
    margin-top: 20px;
}

.logo_ovcar_2 img,
#hyundai_logo_final img {
    max-width: 120px;
    height: auto;
}

.local_ovcar {
    flex: 1 1 300px;
    text-align: center;
    margin: 0 1rem;
}

.info_y_direccion {
    list-style: none;
    padding: 0;
    margin: 0;
    color: white;
    font-size: 16px;
}

#automotora_local,
#taller_local {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 0.5rem;
}

#hyundai_logo_final {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .final_pagina {
        flex-direction: column;
        text-align: center;
    }

    .logo_ovcar_2,
    .local_ovcar,
    #hyundai_logo_final {
        margin: 1rem 0;
    }

    .local_ovcar {
        flex: none;
    }

    .logo_ovcar_2 img,
    #hyundai_logo_final img {
        max-width: 100px;
    }
}

/* INICIO (index) */
.carousel-container {
  width: 100%;
  overflow: hidden;
}

.carousel {
  display: flex;
  width: 100%;
  height: 100vh;
  transition: transform 1s ease-in-out;
}

.slide {
  min-width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}

/* banners Movil */
.tucson { background-image: url('Assets/Imagenes/Tucson/TUCSON_index_m.jpg'); }
.creta  { background-image: url('Assets/Imagenes/creta/CRETA_index_m.jpg'); }
.ioniq5 { background-image: url('Assets/Imagenes/ioniq5/IONIQ5_index_m.png'); }
.hb20   { background-image: url('Assets/Imagenes/hatch1.0/Hb20_index_m2.jpg'); }
.kona   { background-image: url('Assets/Imagenes/kona/konaH_index_m_cuadrado.png'); }

/* Versión PC */
@media (min-width: 1025px) {
  .tucson { background-image: url('Assets/Imagenes/Tucson/tucson_banner_3.png'); }
  .creta  { background-image: url('Assets/Imagenes/creta/CRETA_index_pc.jpg'); }
  .ioniq5 { background-image: url('Assets/Imagenes/ioniq5/IONIQ5_index_pc.png'); }
  .hb20   { background-image: url('Assets/Imagenes/hatch1.0/HB20_index_pc.jpg'); }
  .kona   { background-image: url('Assets/Imagenes/kona/konaH_index_m.png'); }
}

@media (max-width: 390px) {
    .tucson { background-image: url('Assets/Imagenes/banner_m/tucson1.png'); }
    .creta  { background-image: url('Assets/Imagenes/banner_m/creta1.jpg'); }
    .ioniq5 { background-image: url('Assets/Imagenes/banner_m/ioniq5_1.png'); }
    .hb20   { background-image: url('Assets/Imagenes/hatch1.0/Hb20_index_m2.jpg'); }
    .kona   { background-image: url('Assets/Imagenes/banner_m/kona1.png'); }
}
@media (min-width: 768px) and (max-width: 1024px){
    .tucson { background-image: url('Assets/Imagenes/Tucson/TUCSON_index_m.jpg'); }
.creta  { background-image: url('Assets/Imagenes/creta/CRETA_index_m.jpg'); }
.ioniq5 { background-image: url('Assets/Imagenes/ioniq5/IONIQ5_index_m.png'); }
.hb20   { background-image: url('Assets/Imagenes/hatch1.0/Hb20_index_m2.jpg'); }
.kona   { background-image: url('Assets/Imagenes/kona/konaH_index_m_cuadrado.png'); }
}
/* ACLARACIÓN */
.aclaracion {
    font-size: 14px;
    color: #666666;
    text-align: left;
    width: 90%;
    max-width: 1100px;
    margin: 0px auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Dots debajo del carrusel */
.dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  gap: 10px;
}

.dot {
  height: 12px;
  width: 12px;
  background-color: #bbb;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.dot.active {
  background-color: #333;
}
/* Modelos INDEX */
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#Menu_Modelos li {
    width: 20% !important;
    display: inline-block !important;
    margin-left: 2.5%;
    text-align: center;
}
.lista_modelos_index li{
    width: 20% !important;
    display: inline-block !important;
    margin-left: 2.5%;
    text-align: center;
}
.img_modelo_index{
    max-width: 200px;
    width: 100%;
    height: auto;
}
#modelos_index{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #002c5f;
    color: white;
}
#Creta_img_index{
    width: 100%;
    padding-bottom: 10px;
}
#Tucson_img_index{
    width: 100%;
}
@media (max-width: 768px) {
    .lista_modelos_index li{
        width: 90% !important;
        margin-left: 5% !important;
        margin-bottom: 1rem;
    }
}
.modelos_index_a{
    flex: 1 1 auto;
    text-align: center;
    text-decoration: none;
    color: black;
    font-weight: bold;
    padding: 0.5rem;
    border-bottom: 0;
}
.index_modelos{
    background-color:#f6f3f2;
}
.p_modelos{
    flex: 1 1 auto;
    text-align: center;
    text-decoration: none;
    color: black;
    padding: 0.5rem;
    border-bottom: 0;
}

/* Mapa Ubicacion Automotora */
.map-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.map-item {
  flex: 1 1 400px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: #000 solid 1px;
}

.map-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.map-caption {
  text-align: center;
  padding: 10px 0;
  margin: 0;
  font-weight: bold;
  color: #333;
}

/* Responsive mapa */
@media (max-width: 768px) {
  .map-grid {
    flex-direction: column;
    align-items: center;
  }

  .map-item {
    max-width: 90%;
    padding: 10px;
    padding-bottom: 0px;
  }
  #texto_mapa1{
    margin-top: 8%;
  }
}
@media (max-width: 390px) {
    #texto_mapa1{
        margin-top: 25%;
    }
}
/* MODELOS (nuevos.html) */
/* IMÁGENES */
.img_modelo {
    max-width: 200px;
    width: 100%;
    height: auto;
}
#staria_img{
    width: 100%;
}
#ioniq5_img{
    width: 100%;
}
#KonaE_img{
    width: 100%;
}

/*Menu Modelos*/
.heading_modelos{
    background-color: #e3e6eb;
    border: #000 solid 2px;
    padding: 5px;
    border-left: 0;
    border-right: 0;
    margin: 0;
    text-align: center;
}

.Autos, .SUV, .comerciales, .electricos{
    border: #000 solid 2px;
    border-top: 0;
}
#Menu_Modelos{
    background-color: #FFF;
}
.body_modelos{
    background-color: #002c5f;
}
.inner_space{
    background-color: #002c5f;
    padding: 20px;
}

.img_modelo{
        margin: 20px;
        background-color: #f6f3f2;
}
.p_modelos{
    text-align: center;
    justify-content: center;
    padding-left: 5px;
    margin-left: 2.5%;
    padding-top: 0;
    margin-top: 0;
}
.models {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.img_modelo {
  width: 100%;
  display: block;
  
  border-bottom: none;       
  border-radius: 0;          
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-left: #000000 dotted 1px;
  border-right: #000000 dotted 1px;
}
.p_modelos {
  display: block;
  width: 100%;
  margin: 0;
  padding: 8px 0;
  text-align: center;
    color: #000;
    text-decoration: none;
            
  border-radius: 0;
  box-sizing: border-box;
  background-color: #e6e6e6;
  text-decoration: none; 
  border: #000000 dotted 1px;
  border-bottom: 0;
}

.models li {
  flex: 1 1 200px;
  max-width: 220px;
  background-color: #fff;
  box-sizing: border-box;
}

@media (max-width: 900px) {
  .models li {
    flex: 1 1 45%;
    max-width: 45%;
  }
}

@media (max-width: 600px) {
  .models {
    flex-direction: column;
    align-items: center;
  }
  .models li {
    width: 90%;
    max-width: 400px;
  }
}

.Autos, .electricos, .comerciales, .SUV{
    background-color: #e0e0e0;
}

.index_modelos{
    border: #000 solid 1px;
    border-top: 0;
}


/*Estilizando pagina de autos
.highlights
.exterior
.interior
.comodidad
.especificaciones
.ficha_tecnica
.info_cliente_d1
*/
.highlights{
    background-color: #CADCF2;
    margin-bottom: 2.5%;
    padding-top: 1%;
}
.exterior{
    background-color: #FFF;
    border-top: 1px dotted #000;
    padding-top: 1%;
}
.interior{
    background-color: #E2E8F2;
    padding-bottom: 2.5%;
    padding-top: 1%;
    border-top: 1px dotted #000;
    margin-top: 1%;
}
.bloque_entero_crop_hb20_1_6{
    background-color: #FFF;
    text-align: center;
    border: #000 solid 1px;
    padding-bottom: 1%;
}
.comodidad{
    padding-top: 1%;
    border-top: 1px dotted #000;
    padding-bottom: 2.5%;
}
.especificaciones{
    border-top: 1px dotted #000;
    padding-bottom: 0;
}
.info_cliente_d1{
    padding-bottom: 2.5%;
    width: 90%;
    padding-left: 5%;
    margin-top: 0;
}
.ficha_tecnica{
    border: 5px dotted #000;
    width: 60%;
    margin-left: 20%;
    padding: 2%;
    background-color: #b9c0ca;
}
#tucson_interior_1{
    padding: 0;
    background-color: #E2E8F2;
    border: 0;
    margin: 0;
}
.heading_pag_autos{
    font-size: 2rem;
}
/*Correcciones pag Autos*/
#bloque_3_sedan1_0{
    margin-bottom: 4%;
}
#bloque_1_hatch1_6{
    margin-bottom: 17%;
}
#bloque_2_hatch1_6{
    padding-left: 2%;
    padding-right: 2%;
}
#comodidad_bloque_2_hatch1_6{
    margin-bottom: 14.5%;
}
#comodidad_bloque_2_hatch1_6_2{
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_1_sedan1_6{
    margin-bottom: 18%;
}
#bloque_1_sedan1_6_2{
    margin-bottom: 6%;
}
#bloque_3_sedan1_6_{
    margin-bottom: 10%;
}
#bloque_3_sedan1_6_2{
    margin-bottom: 6%;
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_2_sedan1_6{
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_4_sedan1_6{
    margin-bottom: 7.5%;
}
#bloque_creta_1_2{
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_creta_2{
    margin-bottom: 13%;
}
#bloque_creta_2_2{
    margin-bottom: 4.25%;
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_creta_3{
    margin-bottom: 10%;
}
#bloque_creta_3_2{
    margin-bottom: 7%;
    padding-left: 2%;
    padding-right: 2%;
}
#img_interior_creta{
    padding-bottom: 0;
}
#bloque_kona_1{
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_kona_2{
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 6.5%;
}
#bloque_kona_3{
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 6.5%;
}
#texto_exterior_kona{
    padding-left: 10%;
    padding-right: 10%;
}
#texto_interior_kona{
    padding-left: 10%;
    padding-right: 10%;
}
#img_sin_padding{
    padding: 0;
}
#comodidad_kona_texto{
    margin-bottom: 7%;
}
#comodidad_kona_texto_2{
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_kona_texto2{
    margin-bottom: 6%;
}
#comodidad_kona_texto3{
    margin-bottom: 6%;
}
#text_box_tucson1{
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 6.5%;
}
#text_box_tucson2{
    padding-left: 5%;
    padding-right: 5%;
}
#texto_exterior_tucson{
    padding-left: 10%;
    padding-right: 10%;
}
#tucson_interior_2{
    padding-bottom: 2%;
}
#comodidad_tucson_texto{
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 2.5%;
}
#comodidad_tucson_texto2{
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 11%;
}
#comodidad_tucson_texto3{
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_tucson_texto3_2{
    margin-bottom: 6%;
}
#comodidad_tucson_texto2_2{
    margin-bottom: 15%;
}
#comodidad_tucson_texto1_2{
    margin-bottom: 10%;
}
#santafe_text1{
    margin-bottom: 7%;
}
#santafe_text3{
    margin-bottom: 6%;
}
#ioniq_text{
    margin-bottom: 17%;
}
#ioniq_text2{
    margin-bottom: 17.5%;
}
#comodidad_ioniq{
    margin-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_ioniq2{
    margin-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_ioniq3{
    margin-bottom: 16%;
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_ioniq_f3{
    margin-bottom: 2%;
}
#sos_ioniq{
    padding-left: 10%;
    padding-right: 10%;
}
#ext_ioniq{
    padding-left: 10%;
    padding-right: 10%;
}
#f_konaE{
    margin-bottom: 7%;
}
#f_konaE2{
    margin-bottom: 7%;
}
#f_konaE3{
    margin-bottom: 7%;
}
#ext_konaE_text{
    padding-left: 10%;
    padding-right: 10%;
}
#heading_furgon{
    border-top: dotted #000 1px;
    padding-top: 2.5%;
}
#staria_futgon_t{
    margin-bottom: 6%;
}
#heading_minibus{
    border-top: dotted #000 1px;
    padding-top: 2.5%;
}
#gar_minibus{
    margin-bottom: 14%;
}
#staria_color{
    border: dashed #000 2px;
    border-left: 0;
    border-top: 0;
    background-color: #FFF;
}
#blanco_staria{
    background-color: #FFF;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    border: #000 dotted 2px;
    border-left: 0;
    border-right: 0;
}
#grisp_staria{
    background-color: #ada9a9;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}
#griso_staria{
    background-color: #585656;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    color: #FFF;
}
#azul_staria{
    background-color: #12063f;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    color: #FFF;
}
#f3_hb201_0{
    margin-bottom: 7%;
}
#f2_hb201_0{
    margin-bottom: 7%;
}
@media (max-width: 768px) {
  .models {
    justify-content: center;
  }

  .models li {
    width: 90%;
    max-width: 300px;
    margin: 10px auto;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .models li {
    width: 95%;
  }
}

.img_hatch1_0{
    width: 100%
}
.img_comodidad_hatch_1_0{
    width: 20%;
    padding-left: 40%;
    padding-right: 40%;
}
.bloque_entero_crop_hb20_1_0{
    width: 22%;
    padding: 2,5%;
    display: inline-block;
    margin-left: 2.5%;
    text-align: center;
}
.highlights_hb20_1_0_crop{
    width: 100%;
}
.hb20_1_0_croptext_1{
    float: top;
    font-weight: bold;
}
.hb20_1_0_croptext_2{
    clear: top;
}
/*Hatch 1.6*/

.highlights {
    text-align: center;
    padding: 2rem 1rem;
    font-family: 'Hyundai Sans', sans-serif;
    max-width: 1200px;
    margin: 0 auto;
}

.highlights h2 {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}

.highlights h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.highlights p {
    font-size: 0.95rem;
    max-width: 700px;
    margin: 5% auto 2rem auto;
    color: black;
    margin-top: 2.5%;
}

/* Contenedor de cada bloque */
.bloque_entero_crop_hb20_1_6 {
    display: inline-block;
    width: 300px;
    margin: 1rem;
    text-align: left;
    vertical-align: top;
}

.highlights_hb20_1_6_crop {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.hb20_1_6_croptext_1 {
    font-weight: 700;
    margin: 0.5rem 0 0.25rem 0;
    font-size: 1rem;
}

.hb20_1_6_croptext_2 {
    font-size: 0.9rem;
    color: #333;
    line-height: 1.4;
    padding-left: 5%;
    padding-right: 5%;
}

/* Estilos responsive */
@media (max-width: 768px) {
    .bloque_entero_crop_hb20_1_6 {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 1rem auto;
        text-align: center;
    }

    .hb20_1_6_croptext_1,
    .hb20_1_6_croptext_2 {
        text-align: center;
    }
}
.img_hatch1_6{
    width: 50%;
    padding: 0px 15px;
    margin-top: 2,5%;
    margin-bottom: 5%;
}
.bloque_entero_interior_hatch1_6{
    display: inline-block;
    width: 40%;
    margin-top: 1rem;
    margin-bottom: 1,5rem;
    vertical-align: top;
}
#img_hatch1_6_i1{
    margin-right: 1rem;
    width: 100%;
}
#img_hatch1_6_i2{
    margin-left: 1rem;
    width: 100%;    
}

/*Sedan 1.0*/

#img_ext_sedan1_0{
    width: 70%;
}

#img_int_sedan_1_0{
    width: 70%;
}
/*Tucson HEV*/
#tucson_interior_1,#tucson_interior_2{
    width: 100%;
}
/*SantaFe HEV*/
.bloque_entero_interior_santafe{
    width: 90%;
}
#img_santafe_interior{
    width: 70%;
}
/*Staria Colores*/
#colores{
    margin-top: 10%;
    text-decoration: underline;
    font-size: 3rem;
}

/*360 colores y botones*/
.viewer-container {
    max-width: 100%;
    padding: 1rem;
    text-align: center;
}
#car-viewer {
    width: 100%;
    max-width: 600px;
    margin: auto;
    user-select: none;
    cursor: grab;
}
#carImage {
    width: 100%;
    height: auto;
    pointer-events: none;
}
.color-buttons {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.color-btn {
    width: 30px;
    height: 30px;
    border: 2px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}
.color-btn[data-color="white_atlas"] { background: #FFF; }
.color-btn[data-color="blue_saphire"] { background: #0D2B5D; }
.color-btn[data-color="gray_silk"] { background: #585858; }
.color-btn[data-color="onix_black"] { background: #000; }
.color-btn[data-color="silver_brisk"] { background: #B9B9B9; }
.color-btn[data-color="silver_sand"] { background: #CAC7BD; }
.color-btn[data-color="gray_shadow"] { background: #2B2C34; }
.color-btn[data-color="amazon_gray"] { background: #313335; }
.color-btn[data-color="ocean_indigo"] { background: #2B2C34; }
.color-btn[data-color="phantom_black"] { background: #212223; }
.color-btn[data-color="shimmering_silver"] { background: #A3A3A5; }
.color-btn[data-color="titan_gray"] { background: #6C6D6F; }
.color-btn[data-color="ultimate_red"] { background: #642021; }
.color-btn[data-color="abyss-black-pearl"] { background: #000; }
.color-btn[data-color="creamy-white-pearl"] { background: #FFF; }
.color-btn[data-color="earthy-brass"] { background: #806E61; }
.color-btn[data-color="magnetic-grey-metallic"] { background: #706E72; }
.color-btn[data-color="typhoon-silver-metallic"] { background: #A3A5A6; }
.color-btn[data-color="Digital_Teal_Matte"] { background: #2e615b; }
.color-btn[data-color="Atlas_White_Solid"] { background: #f9f9f9; }
.color-btn[data-color="Ecotronic_Gray_Matte"] { background: #5e5e5e; }
.color-btn[data-color="Ecotronic_Gray_Pearl"] { background: #7c7d7e; }
.color-btn[data-color="Engine_Red_Solid"] { background: #c50018; }
.color-btn[data-color="Meta_Blue_Pearl"] { background: #1d3f8e; }
.color-btn[data-color="Sailing_Blue_Pearl"] { background: #3a5f8f; }
.color-btn[data-color="Serenity_White_Pearl"] { background: #f3f2ed; }
.color-btn[data-color="ecotronic-grey-matte"] { background: #252527; }
.color-btn[data-color="gravity-gold-matte"] { background: #999694; }
.color-btn.selected {
    border: 3px solid #000;
}

/*Tabla Especificaciones*/

/* Título */
.titulo-especificaciones {
    font-family: 'Arial', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

/* Selector de modelo */
.selector-modelo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    max-width: 800px;
    margin: 0 auto 2rem auto;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
}

.selector-modelo label {
    font-size: 1rem;
    color: black;
}

.selector-modelo select {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    background-color: #faf7f6;
    font-family: inherit;
    width: 50%;
    max-width: 300px;
}
/* Tablas */
.tabla-modelo table {
    width: 80%;
    margin: 0 auto 2rem auto;
    border-collapse: collapse;
    font-family: 'Arial', sans-serif;
    font-size: 1rem;
    border: 1px solid #eee;
}

.tabla-modelo td {
    padding: 1rem;
    border: 1px solid #eee;
}

.tabla-modelo tr td:first-child {
    background-color: #e8ded6;
    font-weight: bold;
    width: 30%;
    text-align: center;
}

/* Imagen de eficiencia */
.div_container_especificaciones {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.img_modelo {
    max-width: 300px;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Oculto (ya lo usás en tu HTML) */
.hidden {
    display: none;
}

/*highlights*/
.highlights{
    text-align: center;
    background-color: #f6f3f2;
}
.exterior{
    text-align: center;
}
.interior{
    text-align: center;
    background-color: #f6f3f2;
}
.comodidad{
    text-align: center;
}
.ficha_tecnica{
    text-align: center;
}

/*ESTILOS TABLAS ESPECIFICACIONES MODELOS*/

#especificaciones_modelo {
    background-color: #f6f3f2;
    padding: 20px 0;
}
#especificaciones_modelo .titulo-especificaciones {
    text-align: center;
}
#especificaciones_modelo .selector-modelo {
    text-align: center;
    margin-bottom: 1rem;
}
#especificaciones_modelo select {
    padding: 8px;
    font-size: 16px;
}
#especificaciones_modelo .tabla-modelo {
    width: 90%;
    max-width: 800px;
    margin: auto;
}
#especificaciones_modelo table {
    width: 100%;
    border-collapse: collapse;
}
#especificaciones_modelo td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
#especificaciones_modelo .imagen-etiqueta {
    text-align: center;
    margin-top: 20px;
}
.hidden {
    display: none;
}
.div_container_especificaciones{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px;
    gap: 20px;
}
.info_cliente_1{
    text-align: justify;
    text-decoration: none;
    color: grey;
    margin-bottom: 0px;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 15px;
    text-align: left;
    font-size: 12px;
    margin-bottom: 20px;
}
.tabla-modelo{
    border: #000 solid 1px;
    padding: 0;
    border-bottom: 0;
}

/* SERVICE (service.html) */

/*VIDEO TALLER SERVICIO*/
.description {
  max-width: 1000px;
  margin: 30px auto;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 4px;
  font-size: 1.1rem;
  line-height: 1.6;
  text-align: center;
}

.video-section {
  max-width: 1000px;
  margin: 30px auto;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 4px;
  text-align: center;
}

.video-section video {
  width: 100%;
  max-height: 600px;
  border-radius: 4px;
}

/*GALERIA TALLER SERVICIO*/

#taller_b{
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #beb9b9;
}

.gallery-container {
  max-width: 1000px;
  margin: 40px auto;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.main-image {
  width: 100%;
  overflow: hidden;
}

.main-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.thumbnails {
  margin-top: 15px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
}

.thumbnails img {
  height: 80px;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s, transform 0.3s;
}

.thumbnails img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Responsive */
@media (max-width: 600px) {
  .thumbnails img {
    height: 60px;
  }
}

/* Formulario agendar servicios*/

#b_service{
    background-color: #9e9d9d;
}
.formulario_servicio{
    text-align: center;
}
form#formulario-servicio {
    max-width: 600px;
    margin: 40px auto;
    padding: 25px 30px;
    background-color: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
}

form#formulario-servicio h2 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

form#formulario-servicio label {
    display: block;
    margin-top: 15px;
    font-weight: bold;
    color: #444;
}

form#formulario-servicio input,
form#formulario-servicio textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}

form#formulario-servicio button {
    margin-top: 20px;
    background-color: #0073e6;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

form#formulario-servicio button:hover {
    background-color: #005bb5;
}

#mensaje-confirmacion {
    margin-top: 15px;
    color: green;
    font-weight: bold;
    display: none;
    text-align: center;
}

@media (max-width: 600px) {
    form#formulario-servicio {
      padding: 20px;
    }
}
/* CONTACTO (contacto.html) */

#heading_contactos{
    text-align: center;
    padding: 2.5%;
    text-decoration: underline;
    background-color: rgb(143, 153, 250);
    border: 5px #000;
    border-style: inset;
    border-left: 0;
    border-right: 0;
}

/*Tabla Contactos*/

#tabla_contacto_ovcar {
  max-width: 600px;
  margin: 20px auto;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  border: 2px solid #000;
}

#tabla_contacto_ovcar table {
  width: 100%;
  border-collapse: collapse;
}

#tabla_contacto_ovcar td {
  padding: 10px 15px;
  vertical-align: middle;
  border: 2px solid #000;
  background-color: #FFF;
}

.parte_img_tabla {
  width: 40px;
  text-align: center;
}

.logo_tabla_contacto_img {
  max-width: 32px;
  height: auto;
  display: block;
  margin: 0 auto;
}

#tabla_contacto_ovcar a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

#tabla_contacto_ovcar a:hover {
  color: #007bff;
  text-decoration: underline;
}
.heading_contactos_2{
    text-align: center;
    background-color: #002c5f;
    color: #FFF;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2%;
    padding-bottom: 2%;
}
#contactos_ov_car_service{
    border: #000 5px;
    border-style: dashed;
    margin-left: 5%;
    margin-right: 5%;
    background-color: #b6cadd;
    padding-bottom: 1%;
}
#b_contacto{
    background-color: #bccbd1;
}
@media (max-width: 550px) {
    #tabla_contacto_ovcar td {
        display: block;
        justify-content: center;
        text-align: center;
        width: 90%;
        margin-left: 1.5%;
        padding-bottom: 0;
        margin-bottom: 0;
        border: 0;
    }
    #tabla_contacto_ovcar{
        border: 0;
    }
    #contactos_ov_car_service{
        padding-left: 1%;
        padding-right: 1%;
        margin-left: 0;
        margin-right: 0;
        border: 2px solid black;
    }
    #heading_contactos{
        font-size: 22px;
    }
}
@media (max-width: 420px) {
    #contactos_ov_car_service{
        border: 0;
        padding-left: 1%;
        padding-right: 1%;
        margin-left: 0;
        margin-right: 0;
    }
    #tabla_contacto_ovcar td {
        margin-left: 1%;
    }
    .heading_contactos_2{
        padding-left: 5%;
        padding-right: 5%;
    }
    #heading_contactos{
        font-size: 22px;
    }
}
@media (min-width: 551px) {
    #contactos_ov_car_service{
        padding-left: 1%;
        padding-right: 1%;
        margin-left: 0;
        margin-right: 0;
    }
    #heading_contactos{
        font-size: 24px;
    }
}
@media (min-width: 750px) {
    #contactos_ov_car_service{
        border: #000 5px;
        border-style: dashed;
        margin-left: 5%;
        margin-right: 5%;
        background-color: #b6cadd;
        padding-bottom: 1%;
        padding-left: 0;
        padding-right: 0;
    }
    #tabla_contacto_ovcar {
        max-width: 600px;
        margin: 20px auto;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
        border: 2px solid #000;
    }
}
/*Tabla Horarios*/
#lista_horarios{
    background-color: #FFF;
}

h2 {
  text-align: center;
  font-size: 2rem;
  font-weight: 800;
}

ul#horario {
  list-style-type: none;
  padding: 0;
  max-width: 300px;
  margin: 0 auto;
    text-align: center;
}

ul#horario li {
  padding: 6px 12px;
  border-bottom: 1px solid #ddd;
}

ul#horario li.hoy {
  font-weight: bold;
}

#heading_horario{
    padding-top: 5%;
}

#lista_horarios{
    width: 50%;
    margin-left: 25%;
    margin-top: 2.5%;
    padding-bottom: 5%;
    border: 1px solid #000;
}
#header_taller{
    margin-top: 5%;
    margin-bottom: 2.5%;
}
@media (max-width: 768px) {
    #lista_horarios{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;    
    }    
}
@media (max-width: 490px) {
    #lista_horarios{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;    
    }    
}

/*Correcciones */
.highlights{
    background-color: #CADCF2;
    margin-bottom: 2.5%;
    padding-top: 1%;
}
.exterior{
    background-color: #FFF;
    border-top: 1px dotted #000;
    padding-top: 1%;
}
.interior{
    background-color: #E2E8F2;
    padding-bottom: 2.5%;
    padding-top: 1%;
    border-top: 1px dotted #000;
    margin-top: 1%;
}
.bloque_entero_crop_hb20_1_6{
    background-color: #FFF;
    text-align: center;
    border: #000 solid 1px;
    padding-bottom: 1%;
}
.comodidad{
    padding-top: 1%;
    border-top: 1px dotted #000;
    padding-bottom: 2.5%;
}
.especificaciones{
    border-top: 1px dotted #000;
    padding-bottom: 0;
}
.info_cliente_d1{
    padding-bottom: 2.5%;
    width: 90%;
    padding-left: 5%;
    margin-top: 0;
}
.ficha_tecnica{
    border: 5px dotted #000;
    width: 60%;
    margin-left: 20%;
    padding: 2%;
    background-color: #b9c0ca;
}
#tucson_interior_1{
    padding: 0;
    background-color: #E2E8F2;
    border: 0;
    margin: 0;
}
.heading_pag_autos{
    font-size: 2rem;
}

#bloque_3_sedan1_0{
    margin-bottom: 4%;
}
#bloque_1_hatch1_6{
    margin-bottom: 17%;
}
#bloque_2_hatch1_6{
    padding-left: 2%;
    padding-right: 2%;
}
#comodidad_bloque_2_hatch1_6{
    margin-bottom: 14.5%;
}
#comodidad_bloque_2_hatch1_6_2{
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_1_sedan1_6{
    margin-bottom: 18%;
}
#bloque_1_sedan1_6_2{
    margin-bottom: 6%;
}
#bloque_3_sedan1_6_{
    margin-bottom: 10%;
}
#bloque_3_sedan1_6_2{
    margin-bottom: 6%;
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_2_sedan1_6{
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_4_sedan1_6{
    margin-bottom: 7.5%;
}
#bloque_creta_1_2{
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_creta_2{
    margin-bottom: 13%;
}
#bloque_creta_2_2{
    margin-bottom: 4.25%;
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_creta_3{
    margin-bottom: 10%;
}
#bloque_creta_3_2{
    margin-bottom: 7%;
    padding-left: 2%;
    padding-right: 2%;
}
#img_interior_creta{
    padding-bottom: 0;
}
#bloque_kona_1{
    padding-left: 2%;
    padding-right: 2%;
}
#bloque_kona_2{
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 6.5%;
}
#bloque_kona_3{
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 6.5%;
}
#texto_exterior_kona{
    padding-left: 10%;
    padding-right: 10%;
}
#texto_interior_kona{
    padding-left: 10%;
    padding-right: 10%;
}
#img_sin_padding{
    padding: 0;
}
#comodidad_kona_texto{
    margin-bottom: 7%;
}
#comodidad_kona_texto_2{
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_kona_texto2{
    margin-bottom: 6%;
}
#comodidad_kona_texto3{
    margin-bottom: 6%;
}
#text_box_tucson1{
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 6.5%;
}
#text_box_tucson2{
    padding-left: 5%;
    padding-right: 5%;
}
#texto_exterior_tucson{
    padding-left: 10%;
    padding-right: 10%;
}
#tucson_interior_2{
    padding-bottom: 2%;
}
#comodidad_tucson_texto{
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 2.5%;
}
#comodidad_tucson_texto2{
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 11%;
}
#comodidad_tucson_texto3{
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_tucson_texto3_2{
    margin-bottom: 6%;
}
#comodidad_tucson_texto2_2{
    margin-bottom: 15%;
}
#comodidad_tucson_texto1_2{
    margin-bottom: 10%;
}
#santafe_text1{
    margin-bottom: 7%;
}
#santafe_text3{
    margin-bottom: 6%;
}
#ioniq_text{
    margin-bottom: 17%;
}
#ioniq_text2{
    margin-bottom: 17.5%;
}
#comodidad_ioniq{
    margin-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_ioniq2{
    margin-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_ioniq3{
    margin-bottom: 16%;
    padding-left: 5%;
    padding-right: 5%;
}
#comodidad_ioniq_f3{
    margin-bottom: 2%;
}
#sos_ioniq{
    padding-left: 10%;
    padding-right: 10%;
}
#ext_ioniq{
    padding-left: 10%;
    padding-right: 10%;
}
#f_konaE{
    margin-bottom: 7%;
}
#f_konaE2{
    margin-bottom: 7%;
}
#f_konaE3{
    margin-bottom: 7%;
}
#ext_konaE_text{
    padding-left: 10%;
    padding-right: 10%;
}
#heading_furgon{
    border-top: dotted #000 1px;
    padding-top: 2.5%;
}
#staria_futgon_t{
    margin-bottom: 6%;
}
#heading_minibus{
    border-top: dotted #000 1px;
    padding-top: 2.5%;
}
#gar_minibus{
    margin-bottom: 14%;
}
#staria_color{
    border: dashed #000 2px;
    border-left: 0;
    border-top: 0;
    background-color: #FFF;
}
#blanco_staria{
    background-color: #FFF;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    border: #000 dotted 2px;
    border-left: 0;
    border-right: 0;
}
#grisp_staria{
    background-color: #ada9a9;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}
#griso_staria{
    background-color: #585656;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    color: #FFF;
}
#azul_staria{
    background-color: #12063f;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    color: #FFF;
}
@media (max-width: 768px) {
  .models {
    justify-content: center;
  }

  .models li {
    width: 90%;
    max-width: 300px;
    margin: 10px auto;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .models li {
    width: 95%;
  }
}
#taller_b{
    background-color: #d8d6d6;
}
#f3_hb201_0{
    margin-bottom: 7%;
}
#f2_hb201_0{
    margin-bottom: 7%;
}

@media (max-width: 622px) {
  .img_comodidad_hatch1_0 {
    width: 70%;
  }
}
@media (max-width: 390px) {
    #img_hatch1_6_i1{
        margin-left: 0;
        padding-left: 0;
    }
    #img_hatch1_6_i2 {
        margin-left: 0;
    }
}
@media (max-width: 600px) {
  #Menu_Modelos li{
    width: 70% !important;
    display: inline-block !important;
    margin-left: 25%;
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 550px) {
  #Menu_Modelos li{
    width: 70% !important;
    display: inline-block !important;
    margin-left: 20%;
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 450px) {
  #Menu_Modelos li{
    width: 70% !important;
    display: inline-block !important;
    margin-left: 15%;
    text-align: center;
    justify-content: center;
  }
}
/*Fin Correcciones */