/* ============================================================
 * lbolv.css — La Bolsa o la Vida Landing
 * Estilos específicos que complementan styles.css de EarthyYellow
 * No modificar el CSS core de la plantilla
 * ============================================================ */
/* Variables de color para la landing */
@import url("lbolv-header.css");
@import url("lbolv-hero.css");
@import url("lbolv-categorias.css");
@import url("lbolv-mds.css");
@import url("lbolv-atouts.css");
@import url("lbolv-produits.css");
@import url("lbolv-contact.css");
@import url("lbolv-certifications.css");
@import url("lbolv-instagram.css");
@import url("lbolv-footer.css");
:root {
  /* Variable_collection*/
  --rojo-bolsa: #dc281d;
  --blanco: #ffffff;
  --gris: #f5f5fb;
  --gris-oscuro: #474646;
  --negro: #2d2d2d;
}
/* incluimos ficheros css por cada sección de la landing */
body {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--gris-oscuro);
}
.main_section {
  position: relative;
  z-index: 5;
}
.lbolv__pretitulo {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: var(--rojo-bolsa);
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fff;
  display: inline-block;
}
.lbolv__titulo {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-size: clamp(22px, 3.5vw, 30px);
  line-height: clamp(22px, 3.5vw, 30px);
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  background-color: var(--rojo-bolsa);
  color: var(--blanco);
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
}
.lbolv__btn {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: var(--blanco);
  background-color: var(--rojo-bolsa);
  padding: 8px 20px;
  border-radius: 100px;
  display: inline-block;
  transition: all 0.3s ease;
}
.lbolv__btn:hover {
  background-color: var(--negro);
  color: var(--blanco);
}
.lbolv__btn.stroke {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: var(--rojo-bolsa);
  border: 1px solid var(--rojo-bolsa);
  background-color: transparent;
  text-transform: none;
}
.lbolv__btn.stroke:hover {
  background-color: var(--rojo-bolsa);
  color: var(--blanco);
}
.lbolv__h2 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: var(--rojo-bolsa);
}