@import url('fonts.css');

html {
    box-sizing: border-box;
    font-size: 62.5%;  /** 1rem = 10px **/
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  
  :root {
    --naranja: #FE6C2E;
    --negro: #000000;
  }

  body{font-family: 'peugeotl'; font-size: 1.6rem;}
  strong{font-family: 'peugeotb';}
  .img-100{width: 100%; height: auto;}


  /* Content */

  h1{font-family: 'peugeotb', sans-serif; text-transform: uppercase;}
  h2{font-family: 'peugeotb', sans-serif!important; text-transform: uppercase; text-align: center; font-size: 2.4rem; margin: 8rem auto; display: block;}
  h3{font-family: 'peugeotb', sans-serif; text-transform: uppercase; font-size: 1.6rem; margin-bottom: 3rem;}

  .titular-pagina{font-family: 'peugeotb', sans-serif; text-transform: uppercase; margin: 6rem 0;}
  .titular-pagina span{font-family: 'peugeotl', sans-serif;}

  .presentacion{margin-bottom: 9rem;}
  .presentacion p{font-family: 'peugeotl', sans-serif; text-align: center;}

  .banner-header{position: relative;}
  .banner-header h1{position: absolute; color: #ffffff; top: 40%; padding: 0 6rem; }

  .modulo2 .row{align-items: center;}

  .buscador {display: flex; justify-content: center; background-color: #F7F7F7; padding: 3rem; width: 75%; margin: 0 auto;}
  .buscador select{height: 4rem; width: 100%; font-family: 'peugeotl', sans-serif;}
  .boton-primero{
    background-color: #0074E8;
    color: #ffffff;
    text-transform:uppercase; 
    font-family: 'peugeotr', sans-serif;
    font-size: 1.2rem;
    height: 4rem;
    border: none;
    width: 100%;
  }

  .producto-item{margin-bottom: 6rem;}
  .producto-item span{
    display: block;
    text-align: center;
    font-family: 'peugeotb', sans-serif;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin: 1.5rem auto;
    min-height: 4rem;
  }

  .boton-comprar{
    background-color:#0074E8;
    color: #ffffff;
    display: block;
    text-align: center;
    font-family: 'peugeotb', sans-serif; 
    text-decoration: none;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    font-size: .85rem;
    width: 48%;
    transition: all .5s ease;
  }

  .boton-comprar:hover{
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
  }

  .boton-vermas{
    background-color:#ffffff;
    color: #787b80;
    border: 1px solid #787b80;
    display: block;
    text-align: center;
    font-family: 'peugeotb', sans-serif; 
    text-decoration: none;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    font-size: 0.85rem;
    width: 48%;
    transition: all .5s ease;
  }

  .boton-vermas:hover{
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
  }

  .modulo-form{padding: 0 1rem;}
  .lista-producto{margin-top: 6rem;}
  .cta-item{display: flex; justify-content: space-between;}
  
  .texto-detalle{padding-left: 3rem; font-family: 'peugeotl',sans-serif; font-size: 1.6rem;}
  .texto-detalle span{font-family: 'peugeotb',sans-serif; font-size: 1.4rem; padding-bottom: 1.5rem;}
  .texto-detalle{font-size: 1.2rem;}
  .texto-detalle .boton-comprar{border-radius: 0; margin-top: 3rem; width: 100%; font-size: 1.4rem;}
  .buscador-interior{display: block; width: 100%;}
  .buscador-interior .modulo-form{width: 100%; padding: 0; margin-bottom: 1.5rem;}
  .detalle-item-interior .texto-detalle h2{
    font-size: 2rem;
    text-align: left;
    margin-top: 0;
    font-family: 'peugeotr',sans-serif;
  }

  .detalle-item-interior .texto-detalle h2{margin-bottom: 3rem;}
  .modulo-form h3{font-family: 'peugeotr', sans-serif; text-transform: uppercase; font-size: 1.4rem; margin-bottom: 3rem; text-align: center;}
  .breadcrumbs{margin-bottom: 3rem;}
  .titulo-catalogo{display: block; font-family: 'peugeotb',sans-serif; margin-bottom: 1.5rem; margin-top: 6rem;}

  .wp-pagenavi{margin: 3rem 0;font-family: 'peugeotl', sans-serif; display: flex; justify-content: center;}
  .wp-pagenavi span{border: none!important;}
  /* .wp-pagenavi span.current{} */
  .wp-pagenavi a{border: none!important;}
  .wp-pagenavi span.current{font-family: 'peugeotb', sans-serif;}


  @media (min-width: 320px){
    .buscador {
      display: block;
      justify-content: center;
      background-color: #F7F7F7;
      padding: 3rem;
      width: 75%;
      margin: 0 auto;
  } 
  .modulo-form{margin-bottom: 1.5rem;}
     
  }

  @media (min-width: 768px){ 
     
  }

  @media (min-width: 960px){ 
     .contenido{
      padding: 0 6rem;
     }

     .modulo-form{width: 40%;}
     .boton-contenido{width: 20%;}
     .lista-producto{padding: 0 9rem;}
     .detalle-producto{display: flex;}
     .imagen-detalle{width: 50%;}
     .texto-detalle{width: 50%;}
     .detalle-item-interior{padding: 0;}
     .buscador {
      display: flex;
      justify-content: center;
      background-color: #F7F7F7;
      padding: 3rem;
      width: 75%;
      margin: 0 auto;
      }
      .buscador-interior {
        display: block;
        width: 100%;
    }
     }