@import url("fonts.css");

html {
    box-sizing: border-box;
    font-size: 62.5%;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

body{
  font-family: 'KiaL', sans-serif;
  font-size: 1.6rem;
  overflow-x: hidden;
}

/* Utilidades */
:root{

    --grisClaro:#F8F8F8;
    --grisMedio:#e4e5e5;
    --grisOscuro:#37434C;
    --negroKia:#05141F;
    --cremaKia:#F6F2ED;
    --blancoKia:#ffffff;
    --rojoKia:#EA0029;
    --verdeKia:#637E27;
  
}

body{background-color: var(--grisClaro);}

/* Comunues */

.img-100{width: 100%; height: auto;}
.no-padding{padding: 0;}

/* Contenido */

.main-container{padding: 4rem 0;}

.titulo{font-family: 'KiaB', sans-serif; font-size: 3.6rem;}
.titulo::after{
    content: "";
    display: block;
    width: 70px;
    height: 2px;
    background: var(--negroKia);
    margin-top: 1.5rem;
}

.subtitulo{font-size: 3rem; font-family: 'KiaB', sans-serif; text-align: center; margin-bottom: 6rem;}

.banners-promociones{margin: 3rem auto 6rem auto;}

.item-promo{margin-top: 3rem;}

.contenido-promociones a{color: var(--negroKia); text-decoration: none;}
.info-promo{
    background-color: var(--blancoKia);
    padding: 2rem; position: relative;
    transition: all .35s ease;
}
.info-promo h3{font-family: 'KiaB', sans-serif; font-size: 1.6rem; margin-bottom: 1.5rem;}
.info-promo h4{color: var(--grisOscuro);}
.fecha-promocion{color: var(--grisOscuro); font-size: 1.2rem; }
.info-promo .ver-mas{
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../img/common/more.png);
    background-size: 100% 100%;
    width: 3rem;
    height: 3rem;
    position: absolute;
}

.control-banner{height: 6rem;}

.legal-promociones h4{
    font-family: 'KiaB', sans-serif;
    margin-top: 3rem;
}


/*  Paginador */

.paginador{display: flex; justify-content: center; align-items: center; margin-top: 4rem;}
.item-pag{
    width: 3rem;
    height: 3rem;
    background-color: var(--blancoKia);
    border: 1px solid var(--grisMedio);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--negroKia);
    text-decoration: none;
    font-size: 1.4rem;
    margin: 0 .3rem;
    transition: all .3s ease;
}

.item-pag:hover{background-color: var(--negroKia); color: var(--blancoKia);}
.item-pag.active{background-color: var(--negroKia); color: var(--blancoKia);}

.control-page{display: block; width: .8rem; height: 1rem;}
.prev_page{background-image: url(../img/common/prev.png); background-size: 100% 100%; margin-right: 1rem;}
.next_page{background-image: url(../img/common/next.png); background-size: 100% 100%; margin-left: 1rem;}

.dato-precio {margin-bottom: 1.5rem;}
.dato-precio h4{font-size: 1.2rem;}
.dato-precio h4 span{font-family: 'KiaB', sans-serif; font-size: 1.4rem;}


/*   añadido  */
li.item-pag.first,
li.item-pag.last{
    display: none;
}
.page-link {
    position: relative;
    display: block;
    text-decoration: none;
    background-color: transparent;
    border: 0px;
    transition: none;
}
li.item-pag.next.control-page.next_page.correcionesnext,
li.item-pag.prev.control-page.prev_page.correcionesprev {
    border: none;
    width: 0.87rem;
}

.legal-promociones{text-align: justify; font-size: 1.4rem; background-color: var(--blancoKia); padding: 3rem 6rem}
.legal-promociones h3{font-family: 'KiaB', sans-serif; font-size: 2.8rem; margin-top: 3rem;}
.fecha-promocion{color: var(--grisOscuro); display: block; margin: 1rem auto 1.5rem auto;}
.cta-promo{display: flex; justify-content: center; margin-top: 3rem;}
.boton-lista-promo{
    background-color: var(--negroKia);
    color: var(--blancoKia);
    padding: 1.5rem 6rem;
    border-radius: 3rem;
    text-decoration: none;
    font-family: 'KiaB', sans-serif;
    text-transform: uppercase;
}

.subtittle_kia{font-size: 1.3rem; font-family: 'KiaB', sans-serif;}

.ctas{display: grid; grid-template-columns: repeat(2, 1fr);}
.ctas a{border-radius: 3rem; margin: 0 .5rem; margin-top: 1.5rem;}
.cta-conoce{background-color: #7e8083; color: #ffffff!important; text-align: center; padding: .5rem 0; font-size: 1.2rem; font-family: 'KiaR', sans-serif;}
.cta-cotiza{background-color: #05141F; color: #ffffff!important; text-align: center; padding: .5rem 0; font-size: 1.2rem; font-family: 'KiaR', sans-serif;}
/*   // añadido   */

@media (min-width: 320px){ 
   
    .img-d{display: none;}
    .img-m{display: block;}
    .contenido-promociones{padding: 0 1.5rem;}
    .carousel-control-next, .carousel-control-prev{width: 20%; opacity: 0.75;}
}


@media (min-width: 768px){
    .img-d{display: block;}
    .img-m{display: none;}
    .carousel-control-next, .carousel-control-prev{width: 8%; opacity: 0.75;} 
   
}

@media (min-width: 920px){
    .contenido-promociones{padding: 0;} 
   
}

@media (min-width: 1024px){ 

    .container{width: 94rem;}
    
}