/* fuentes importadas */
@font-face {
  font-family: 'lt_asus-bold';
  src: url('/assets/fonts/ltasus-bold-webfont.woff2') format('woff2'),
       url('/assets/fonts/ltasus-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'lt_asus-bolditalic';
  src: url('/assets/fonts/ltasus-bolditalic-webfont.woff2') format('woff2'),
       url('/assets/fonts/ltasus-bolditalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'lt_asus-heavy';
  src: url('/assets/fonts/ltasus-heavy-webfont.woff2') format('woff2'),
       url('/assets/fonts/ltasus-heavy-webfont.woff') format('woff');
  font-weight: normal ;
  font-style: italic;
}
@font-face {
  font-family: 'lt_asus-italic';
  src: url('/assets/fonts/ltasus-italic-webfont.woff2') format('woff2'),
       url('/assets/fonts/ltasus-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'lt_asus';
  src: url('/assets/fonts/ltasus-regular-webfont.woff2') format('woff2'),
       url('/assets/fonts/ltasus-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}




/****************************
* tipo de fuente para textos
****************************/
p, a, span, ul, ol, dl{
  font-family: 'lt_asus';
}

i{
  font-family: 'lt_asus-italic';
}

b{
  font-family: 'lt_asus-bold';
}

strong{
  font-family: 'lt_asus-heavy';
}

.italica-asus-bold{
  font-family: 'lt_asus-bolditalic';
}


.titulo-espacios{
  color: var(--intermedio-claro);
  font-weight: 500;
  font-size: calc(var(--tamanio-fuente) * 1.5rem);
  letter-spacing: 5px;
  text-align: center;
  padding-top: 10vmin;
}

.titulo{
  color: var(--silicio);
  font-weight: 700;
  font-size: calc(var(--tamanio-fuente) * 3rem);
  text-align: center;
}

.subtitulo{
  color: var(--kaylon);
  font-weight: 500;
  font-size: calc(var(--tamanio-fuente) * 1.3rem);
  margin-bottom: 0;
  text-align: center;
  line-height: 1.1;
}

.slogan{
  text-align: center;
  color: var(--kaylon);
  font-size: 1.75rem;
  font-family: 'lt_asus-bold';
}

.boton-presupuesto{
  text-decoration: none;
  color: #FFF;
  background: linear-gradient(90deg, #32659D, #269BCD);
  padding: 0.5rem 2rem;
  font-weight: 500;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: 'Blinker';
}



@media (max-width: 1500px){
  .titulo-espacios{
    font-size: 1.1rem;
    margin-bottom: 0;
    padding-top: 4vmin;
  }
  .titulo{
    font-size: 2.2rem;
    margin-bottom: 0;
  }
  .subtitulo{
    font-size: 1rem;
    margin-bottom: 0;
  }

}

@media (max-width: 1300px){
  .titulo-espacios{
    margin-top: 7vmin;
  
  }
  
}

@media (max-width: 992px){
  .titulo-espacios{
    margin-top: 0;
  }
}

@media (max-width: 600px){
  .titulo{
    font-size: 2rem;
  }
}



/**************************
* arabe
**************************/
.titulo-espacios-arabe{
  font-size: 1.5rem;
  color: var(--intermedio-claro);
  text-align: center;
  margin-bottom: 0;
}
.titulo-espacios.arabe{
  padding-top: 2vmin;
}

.h2-arabe-formulario{
  color: #fff;
  text-align: right;
  font-weight: 500;
  font-size: 1.5rem;
}
.bloque-formulario.arabe{
  padding-top: 10vmin;
}

.titulo-arabe{
  font-size: 1.5rem;
  color: var(--silicio);
  text-align: center;
  font-weight: 600;
}
.titulo.arabe{
  font-size: 2rem;
}

.titulo-iconos-arabe{
  text-align: right;
  color: var(--intermedio-oscuro) !important;
  font-size: 1.2rem;
}

#amigo-solar .titulo-espacios-arabe{
  text-align: left;
}
#amigo-solar .titulo-arabe{
  text-align: left;
}

#tu-instalacion .titulo-arabe{
  color: #fff;
  text-align: right;
}

#sostenibilidad-medioambiental .titulo-arabe{
  text-align: right;
}

@media (max-width: 578px){
  .titulo-arabe{
    text-align: center !important;
  }
  .titulo-espacios-arabe{
    text-align: center !important;
  }
}