h1 {
  font-family: 'Open Sans', sans-serif;
  color: var(--bs-black);
  margin-bottom: 15px;
  max-width: 800px;
  font-weight: 300!important;
}

strong {
  font-weight: 600;
}

h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 42px;
  padding-right: 50px;
  padding-left: 50px;
  color: var(--bs-red);
  margin-top: 8px;
  font-weight: 200;
}

h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: calc(1.325rem + .9vw);
}

h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 23px;
  margin-bottom: 0px;
  /*padding: 10px;*/
  padding-bottom: clamp(25px, 5%, 42px);
}

h5 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-style: italic;
}

h6 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}

.h1-movil {
  padding: 6px;
  margin-bottom: 0px;
  letter-spacing: 3px;
  text-shadow: 1px 1px 7px var(--bs-black);
  color: var(--bs-white);
  font-family: 'Open Sans', sans-serif;
}

.h1-titulo {
  margin-bottom: 0px;
  letter-spacing: clamp(1px, 0.2vw, 2px);
  font-size: clamp(13px, 2vw, 16px);
  /*text-shadow: 1px 1px 7px var(--bs-black);*/
}

.h1-titulo-2 {
  /*margin-bottom: 0px;*/
  letter-spacing: 3px;
  text-shadow: 1px 1px 7px var(--bs-black);
  padding-left: 10px;
  padding-right: 10px;
}

p-card {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  text-align: justify!important;
  margin-top: 0;
  margin-bottom: 1rem;
}

p-card {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  text-align: justify!important;
  margin-top: 0;
  margin-bottom: 1rem;
}

p {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  text-align: justify!important;
  margin-top: 0;
  margin-bottom: 1rem;
}

.texto-3-R.parrafo-2 {
  margin-bottom: 0;
}

hr {
  margin: 0 0 1rem;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: .25;
}

.hr-1 {
  width: 127.5px;
  border-width: 2px;
  margin: 0;
}

.ancho-1 {
  max-width: 800px;
}

.width-1 {
  max-width: 680px;
}

.p-top-1 {
  /*margin-bottom: 0px;*/
  padding-top: 25px;
}

.p-top-2 {
  margin-bottom: 0px;
  padding-top: clamp(45px, 9%, 120px);
}

.titulo {
  background: rgb(239,239,239);
  padding: 30px;
}

.image {
  /*opacity: 0.50;*/
  filter: brightness(70%);
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  /*transition: all 8s;*/
}

.cont-1 {
  background: #ffffff;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 6%;
  padding-left: 6%;
  margin-top: 44px;
  z-index: 3;
}

.cont-2 {
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  max-width: 1400px;
  padding-bottom: 20px;
}

.cont-3 {
  z-index: 3;
  position: sticky;
}

.cont-4 {
  position: sticky;
  top: 44px;
  z-index: 3;
}

.cont-5 {
  padding: 0px;
  /*margin-top: 44px;*/
  max-width: 2000px;
}

.text1 {
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  left: 0px;
  bottom: 40PX;
  letter-spacing: 1.5px;
  transform-origin: 0 0;
  transition: all 2.5s;
  color: rgb(255,255,255);
  width: 100%;
  background: var(--bs-body-color);
  padding: 20px;
}

.text3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
  position: absolute;
  left: 24px;
  bottom: 0;
  /*letter-spacing: 0.4em;*/
  transform: rotate(-90deg);
  transform-origin: 0 0;
  transition: all 2.5s;
  color: rgb(255,255,255);
}

.text2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  position: absolute;
  left: 24px;
  bottom: 0;
  letter-spacing: 0.4em;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  transition: all 2.5s;
  color: rgb(255,255,255);
}

.text-4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  position: absolute;
  bottom: 24px;
  /*letter-spacing: 0.4em;*/
  transform-origin: 0 0;
  /*transition: all 2.5s;*/
  margin-left: 30px;
  padding-left: 10px;
  padding-right: 30px;
  color: rgb(255,255,255);
  border-left-width: 0.5px;
  border-left-style: solid;
}

.color-1 {
  color: rgb(0,0,0);
}

.fs-7 {
  font-size: 13px;
}

.fs-8 {
  font-size: 14px;
}

.col-pie-1 {
  padding-right: 10px;
  padding-left: 20px;
}

.pie-1 {
  width: 100%;
  z-index: 4;
  background: var(--bs-black);
  position: sticky;
}

.list-1 {
  list-style-type: circle;
  padding: 25px;
  padding-top: 25px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
  background: var(--bs-gray-dark);
  margin-top: 0;
}

.menu-1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding-right: 20px!important;
  padding-left: 20px!important;
}

.list-2 {
  /*padding-top: 0;*/
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
  /*margin-top: -1px;*/
  height: 44px;
}

.icon-1 {
  padding-right: 10px;
}

.figure-1 {
  position: relative;
  height: 100%;
  width: 100%;
  /*object-fit: cover;*/
  /*object-position: center;*/
}

.list-3 {
  padding-bottom: 0px;
}

.hr-color {
  border-color: #ffffff;
  border-style: solid;
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-black);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

.image-1 {
  width: 210px;
}

.fondo-movil {
  height: 400px;
  background: url("../../assets/img/Backgrounds/Difusores.webp") no-repeat;
  background-size: cover;
  margin-top: 44px;
}

.titulo-movil {
  padding: 20px 0;
  font-family: 'Open Sans', sans-serif;
}

.min-h-1 {
  min-height: 250px;
}

.ancho-2 {
  width: clamp(200px, 25%, 290px);
}

.logo {
  padding-bottom: 22px;
  width: clamp(200px, 50vw, 300px);
}

.fondo-2 {
  background: rgb(25,31,35);
}

.fondo-negro {
  background: var(--bs-black);
}

.fondo-blanco {
  background: var(--bs-white);
}

.bottom-style-1 {
  width: 100px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 10px;
  background: rgb(97, 116, 121);
  border-width: 0px;
}

.fondo-servicios-2 {
  backdrop-filter: opacity(1) blur(0px);
  -webkit-backdrop-filter: opacity(1) blur(0px);
  background: var(--bs-black);
}

.cont-8 {
  background: #ffffff;
  padding-top: clamp(30px, 5%, 50px);
  padding-bottom: 40px;
  padding-right: 6%;
  padding-left: 6%;
  /*transform: translateY(44px);*/
  /*top: 144px;*/
}

.cont-6 {
  background: #ffffff;
  padding-top: clamp(65px, 12%, 120px);
  padding-bottom: 40px;
  padding-right: 6%;
  padding-left: 6%;
  /*transform: translateY(44px);*/
  margin-top: 44px;
}

.cont-7 {
  background: #ffffff;
  /*padding-top: clamp(65px, 6%, 80px);*/
  /*padding-bottom: 40px;*/
  padding-right: 6%;
  padding-left: 6%;
  /*transform: translateY(44px);*/
  /*top: 144px;*/
}

.fondo-servicios-4 {
  background: rgba(0,0,0,0.7);
}

.fondo-servicios-3 {
  background: rgba(0,0,0,0.55);
}

.span-1 {
  position: absolute;
  font-size: 50px;
  color: var(--bs-gray-500);
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
}

.titulo-aa-1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  padding-top: 9px;
  z-index: 1;
}

.image-2 {
  width: 117px;
  border-radius: 9px;
  margin-top: 40px;
  margin-bottom: 24px;
}

.image-3 {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.img-aislamiento-1 {
  background: url("../../assets/img/Servicios/Aislamiento%20y%20Tratamiento%20Acústico/Aislamiento-01.webp") center / cover;
  width: 100%;
  height: 100%;
}

.img-aislamiento-2 {
  background: url("../../assets/img/Servicios/Aislamiento%20y%20Tratamiento%20Acústico/Aislamiento-02.webp") center / cover;
  width: 100%;
  height: 100%;
}

.background-negro {
  background: #000000;
}

@media (min-width: 1200px) {
  .altura-1 {
    min-height: 350px;
    max-height: 600px;
  }
}

.altura-2 {
  height: 250px;
}

.fondo-1 {
  height: 100%;
  background: url("../../assets/img/Servicios/Diseño%20Electroacústico/DE-.webp") top / cover;
  width: 100%;
  opacity: 0.90;
}

.fila-1 {
  padding-bottom: 25px;
  padding-top: 15px;
}

.fila-2 {
  /*margin-left: 0px;*/
  /*margin-right: 90px;*/
  height: clamp(115px, 15vw, 290px);
  min-height: 115px;
}

.fila-3 {
  /*margin-left: 90px;*/
  /*margin-right: 90px;*/
  height: clamp(115px, 15vw, 290px);
}

.columna-1 {
  overflow: hidden;
  height: 500px;
  border: 1px solid var(--bs-border-color-translucent);
}

/* Columna - Casos de Exitos */

.columna-2 {
  overflow: hidden;
  height: 500px;
  /*border: 1px solid var(--bs-border-color-translucent);*/
}

.columna-3 {
  background: var(--bs-white);
  min-height: 500px;
  padding-right: clamp(50px, 3%, 70px);
  padding-left: clamp(50px, 3%, 70px);
}

.columna-4 {
  background: var(--bs-black);
  min-height: 500px;
  padding-right: clamp(50px, 3%, 70px);
  padding-left: clamp(50px, 3%, 70px);
}

.columna-5 {
  background: url("../../assets/img/Servicios/Psicoacustica-Aislamiento-Acustico.jpg") center / cover no-repeat, var(--bs-white);
  height: 500px;
}

.columna-6 {
  background: url("../../assets/img/Servicios/Psicoacustica-Calibracion-degradado.jpg") center / cover no-repeat, var(--bs-white);
  height: 500px;
}

.columna-7 {
  background: url("../../assets/img/Servicios/07.webp") center / cover no-repeat, var(--bs-white);
  height: 500px;
}

.columna-8 {
  background: url("../../assets/img/Servicios/Calibración/Psicoacustica-calibracion-01.webp") center / cover no-repeat, var(--bs-white);
  /*height: clamp(350px, 400px, 500px);*/
}

.columna-9 {
  background: url("../../assets/img/Servicios/Calibración/Psicoacustica-calibracion-02.webp") center / cover no-repeat, var(--bs-white);
}

.columna-10 {
  background: url("../../assets/img/Servicios/Calibración/Psicoacustica-calibracion-03.webp") center / cover no-repeat, var(--bs-white);
}

.columna-11 {
  background: url("../../assets/img/Servicios/Diseño%20Electroacústico/01.webp") center / contain no-repeat;
  width: 100%;
  height: 100%;
}

.columna-12 {
  background: url("../../assets/img/Servicios/Diseño%20Electroacústico/02.webp") center / contain no-repeat;
  width: 100%;
  height: 100%;
}

.columna-13 {
  background: url("../../assets/img/Servicios/Diseño%20Electroacústico/03.webp") center / contain no-repeat;
  width: 100%;
  height: 100%;
}

.columna-14 {
  background: url("../../assets/img/Servicios/Diseño%20Electroacústico/07.webp") center / contain no-repeat;
  width: 100%;
  height: 100%;
}

.columna-15 {
  background: url("../../assets/img/Servicios/Diseño%20Electroacústico/08.webp") center / contain no-repeat;
  width: 100%;
  height: 100%;
}

.columna-16 {
  background: url("../../assets/img/Servicios/Diseño%20Electroacústico/03.webp") center / contain no-repeat;
  width: 100%;
  height: 100%;
}

.columna-17 {
  background: url("../../assets/img/Servicios/Productos/Audio-02.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-18 {
  background: url("../../assets/img/Servicios/Productos/Audio-01.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-19 {
  background: url("../../assets/img/Servicios/Productos/Iluminacion-01.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-20 {
  background: url("../../assets/img/Servicios/Productos/Iluminacion-02.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-21 {
  background: url("../../assets/img/Servicios/Productos/Video-01.png") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-22 {
  background: url("../../assets/img/Servicios/Productos/Video-02.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-23 {
  background: url("../../assets/img/Servicios/Productos/Automatizacion-01.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-24 {
  background: url("../../assets/img/Servicios/Productos/Automatizacion-02.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-25 {
  background: url("../../assets/img/Servicios/Productos/Materiales-2.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-26 {
  background: url("../../assets/img/Servicios/Productos/Materiales-1.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-27 {
  background: url("../../assets/img/Servicios/Productos/Paneles-01.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-28 {
  background: url("../../assets/img/Servicios/Productos/Paneles-02.jpg") center / cover no-repeat, var(--bs-white);
  height: 400px;
}

.columna-29 {
  background: url("../../assets/img/Servicios/Talleres%20y%20Seminarios/Psicoacustica-Talleres-02.jpg") center / cover no-repeat, var(--bs-white);
  height: 600px;
}

.columna-30 {
  background: url("../../assets/img/Servicios/Talleres%20y%20Seminarios/Psicoacustica-Talleres-03.jpg") center / cover no-repeat, var(--bs-white);
  height: 600px;
}

.columna-32 {
  height: 245px;
}

.columna-33 {
  background: url("../../assets/img/Servicios/Talleres%20y%20Seminarios/Psicoacustica-Talleres-04.jpg") center / cover no-repeat, var(--bs-white);
  height: 600px;
}

.columna-35 {
  height: 300px;
}

.card-1 {
  padding-left: 15px;
  padding-top: 30px;
  padding-right: 15px;
  padding-bottom: 30px;
}

.fit-cover {
  object-fit: cover;
}

@media (max-width: 991px) {
  .altura-4 {
    min-height: clamp(300px, 40vw, 500px);
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .altura-5 {
    min-height: clamp(450px, 40vw, 550px);
    margin-top: 40px;
  }
}

.altura-3 {
  min-height: clamp(300px, 40vw, 500px);
}

.list-4 {
  text-align: justify;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 1rem;
}

.ancho-3 {
  width: 100%;
}

.form-2 {
  transform: scale(1);
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-radius: 0px;
  margin-bottom: 16px;
  margin-left: 14px;
}

.form-1 {
  transform: scale(1);
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-radius: 0px;
  margin-bottom: 16px;
  /*margin-left: 14px;*/
}

.py-b-1 {
  margin-bottom: 40px;
}

.comentario-1 {
  padding-left: 20px;
  border-left-width: 1px;
  border-left-style: solid;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.scroll-1 {
  overflow: hidden;
}

.ancho-max {
  max-width: 2000px;
}

.menu-2 {
  border-width: 0px;
  font-size: 20px;
  height: 44px;
  margin-right: 12px;
}

section {
  width: 100%;
}

.cont-redes {
  background: var(--bs-gray-dark);
  width: 100%;
}

.fx-3 {
  opacity: 0;
}

.fx-2:hover > Figcaption {
  opacity: 1;
  /*transition: all 1s;*/
}

* {
  margin: 0;
  padding: 0;
}

.image-4 {
  /*opacity: 0.50;*/
  /*height: 100%;*/
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  margin-bottom: 0px;
  /*transition: all 2s;*/
}

.border-cat-1 {
  /*border: 1px solid rgb(112,112,112);*/
  height: 40px;
  margin: 1px;
  background: rgb(239,239,239);
}

.parrafo-1 {
  font-size: 13px;
  margin-bottom: 0;
}

.h1-titulo {
  color: rgb(0,0,0);
}

h3 {
  margin-top: 20px;
}

.texto-2 {
  width: 100%;
}

.texto-top {
  padding-top: 50px;
}

.texto-3-L {
  font-family: 'Open Sans', sans-serif;
  text-align: justify;
  color: var(--bs-body-color);
  padding-bottom: 25px;
}

.texto-4 {
  margin-top: 65px;
  margin-bottom: 45px;
}

.fila-3 {
  margin-left: 0;
}

.columna-32 {
  margin-top: 35px;
  margin-bottom: 42px;
}

.cont-1.ancho-max {
  margin-top: 0px;
}

.row-proyectos {
  padding-bottom: 1rem;
  /*padding-top: 1rem;*/
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.masonry-top {
  padding-top: 12px;
}

.cont-9 {
  padding: 0px;
  max-width: 2000px;
}

.h4-card {
  font-family: 'Open Sans', sans-serif;
  font-size: clamp(24px, 2vw, 32px);
  margin-bottom: 0px;
  font-weight: 300;
  padding-bottom: 0px;
}

.card {
  --bs-card-spacer-y: 0rem 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

hr {
  width: 100px;
  margin-top: 10px;
  margin-left: 11px;
}

.parrafo-2 {
  padding-bottom: 0px;
  padding-top: 0px;
  width: 100%;
}

@media (min-width: 1400px) {
  .col-lg-4a {
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

