@font-face {
  font-family: "Futura Bold";
  src: url("../fonts/futura/FuturaBold.ttf") format("truetype");
}

/* @font-face {
  font-family: "Futura Extra Black";
  src: url("../fonts/futura/Futura\ Extra\ Black\ font.ttf") format("truetype");
} */

@font-face {
  font-family: "Futura Medium";
  src: url("../fonts/futura/futuraMedium.ttf") format("truetype");
}

/* @font-face {
  font-family: "Futura Heavy";
  src: url("../fonts/futura/Futura\ Heavy\ font.ttf") format("truetype");
} */
body,
html {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Anular el color de texto de los botones */
button,
[type="button"] {
  color: initial !important;
}

/* Todos los elementos de texto, excepto los botones */
* {
  color: #323232 !important;
  font-size: 14px;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.form-control,
input,
select {
  border: 1px solid #323232 !important;
  border-radius: 0.4rem !important;
}
.select2-selection {
  border: 1px solid #323232 !important;
  border-radius: 0.4rem !important;
}

body {
  font-family: "Futura Medium";
  overflow-x: hidden !important;
}

.rectangle-orange,
.rectangle-orange * {
  box-sizing: border-box;
}

.rectangle-orange {
  margin: 1rem 0 0 0 !important;
  padding: 0 !important;
  background: var(--orange-fil-orange-fil-1, #ea5f11);
  width: 100% !important;
  height: 12px;
  position: relative;
}

.image-container,
.image-container .imgHome {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

input {
  border: 1px solid #323232 !important;
}

.contpage {
  padding-inline: 3rem !important;
}

.centerStart {
  display: flex !important;
  justify-content: start !important;
  align-items: center !important;
}

select.sel {
  appearance: auto !important;
}

.imgNosotros {
  width: 100%;
}

.btn-orange {
  background-color: #ea5f11 !important;
  color: #fff !important;
  margin: 1rem 0 2rem 0 !important;
}

.btn-main {
  background-color: #ea5f11 !important;
  color: #ffffff !important;
  padding-inline: 1.2rem !important;
}
.btn-main i,
.btn-main span {
  color: #ffffff !important;
}
.txtUpp {
  text-transform: uppercase !important;
}

.txtNoBreak {
  white-space: nowrap !important;
  /* overflow-x: auto !important; */
}

.pag_btn {
  display: flex !important;
  justify-content: center !important;
}

.page-item.active .page-link {
  color: #fff !important;
  background-color: #4b4b4b !important;
  border: 1px solid #4b4b4b !important;
}

.imgInfo {
  max-width: 80% !important;
  height: auto !important;
}

#iconReturn {
  cursor: pointer !important;
  font-size: 30px !important;
  font-weight: bold !important;
}

.titleInfo {
  font-size: 35px !important;
  font-weight: bold !important;
}

.centerEnd {
  display: flex !important;
  justify-content: center !important;
  align-items: end !important;
}