/* Sass Document */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  *::-moz-selection {
    background: #dddada;
    color: #000; }
  *::selection {
    background: #dddada;
    color: #000; }

body {
  font-size: 16px;
  line-height: 24px;
  overflow-x: hidden;
  background: #fff;
  color: #000;
  overscroll-behavior: none;
  font-family: "acumin-pro", sans-serif;
  font-weight: 200;
  font-style: normal; }

img {
  max-width: 100%; }

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #000; }
  a:hover {
    text-decoration: none;
    color: #000; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

html, body {
  overflow-x: hidden; }
  @media (min-width: 1024px) {
    html, body {
      overflow-x: initial; } }

/*------------------------------------base------------------------------------- */
.negro {
  color: #000; }

.bg-negro {
  background: #000; }

.blanco {
  color: #fff; }

.bg-blanco {
  background: #fff; }

.gris {
  color: #b2b2b2; }

.bg-gris {
  background: #b2b2b2; }

.bold {
  font-family: "N27";
  font-weight: 500;
  font-style: normal; }

h2, h3, h4, h5, h6 {
  font-weight: normal; }

/*------------------------------------fin base------------------------------------- */
.navbar {
  position: fixed;
  top: 0%;
  left: 0;
  width: calc( 100% - 80px );
  z-index: 100;
  width: 100%;
  padding: 20px;
  background: white;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .navbar.fijo {
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px); }
  .navbar-brand {
    width: 200px;
    margin: 0 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (min-width: 1024px) {
      .navbar-brand {
        width: 250px;
        margin: 0 60px; } }
  .navbar .nav-item {
    margin: 0 30px;
    font-weight: 200; }

.node {
  pointer-events: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: block;
  -webkit-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
  opacity: 0;
  width: 2px;
  height: 2px; }

.node.moving {
  opacity: 1; }

.node::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0;
  mix-blend-mode: difference;
  -webkit-transition: opacity 300ms linear, border 300ms linear, background-color 300ms linear, -webkit-transform 300ms linear;
  transition: opacity 300ms linear, border 300ms linear, background-color 300ms linear, -webkit-transform 300ms linear;
  transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
  transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear, -webkit-transform 300ms linear; }

.node.expand::before {
  height: 70px;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  color: #fff;
  opacity: 1;
  border: 0;
  content: "+";
  font-size: 16px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  mix-blend-mode: difference; }

.home {
  display: block;
  height: auto; }
  @media (min-width: 1024px) {
    .home {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 800px; } }
  @media (min-width: 1900px) {
    .home {
      height: 900px; } }
  .home__slides {
    position: relative;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (min-width: 1024px) {
      .home__slides {
        width: 33.333%; } }
    .home__slides:hover {
      width: 40%; }
      .home__slides:hover .home__slides--content {
        background: black;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
    .home__slides--content {
      background: black;
      background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
      background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
      padding: 150px 0 30px;
      width: 100%;
      margin: 0 auto;
      position: relative;
      z-index: 2;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .home__slides--texto {
      padding: 30px 0; }

.nose {
  width: 80%;
  margin: auto; }

.img__slide {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  background: #000;
  left: 0; }
  .img__slide img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 105%; }

.btns {
  padding: 10px 30px 15px 30px;
  border-radius: 50px;
  display: block;
  margin: 0 auto 10px auto;
  width: 200px;
  text-align: center; }
  .btns--nada {
    color: #fff; 
    background: #222;}
    .btns--nada:hover {
      color: #fff;
      background: #222; }
  .btns--nada_negro {
    color: #000; }
    .btns--nada_negro:hover {
      color: #000;
      background: #f1f1f2; }
  .btns--blanco {
    background: #fff;
    color: #000; }
  .btns--negro {
    background: #000!important;
    color: #fff;
    margin: 0; }
    .btns--negro:hover {
      background: #222;
      color: #fff; }
  .btns span {
    margin-left: 30px; }

.dropdown:hover > .dropdown-menu {
  display: block; }

.dropdown > .dropdown-toggle:active {
  pointer-events: none; }

footer .container-fluid {
  border-top: 1px solid #000;
  width: calc(100% - 0rem);
  margin-right: 0rem;
  margin-left: 0rem; }
  @media (min-width: 1024px) {
    footer .container-fluid {
      margin-right: 3rem;
      margin-left: 3rem;
      width: calc(100% - 6rem); } }

.brand {
  width: 100px;
  display: block; }
  @media (min-width: 1024px) {
    .brand {
      width: 160px; } }
  .brand svg .cls-10, .brand svg .cls-11 {
    fill: #999; }
  .brand:hover svg .cls-10, .brand:hover svg .cls-11 {
    fill: #000; }
  .brand.active svg .cls-10, .brand.active svg .cls-11 {
    fill: #000; }

.logo-detalle {
  width: 120px; }

.portada {
  height: 350px; }
  @media (min-width: 1024px) {
    .portada {
      height: 550px; } }
  .portada video, .portada img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }

.galeria {
  width: 100%;
  height: 150px;
  text-align: center; }
  @media (min-width: 1024px) {
    .galeria {
      width: 600px;
      height: 600px; } }
  .galeria img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }

.carousel-indicators [data-bs-target] {
  background-color: #000;
  opacity: 0.3; }

.carousel-indicators .active {
  opacity: 1; }

.input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #000;
  padding: 10px;
  margin-bottom: 15px; }

input[type="submit"] {
  border: 0;
  background: #fff; }

.dropdown-item:active {
  background-color: #999; }

/*# sourceMappingURL=estilos.css.map */

/* __MENSAJE DE ERROR__ */
.formulario__input-error {
  font-size: .8rem;
  margin: 10px 0px 0px 16px;
  display: none;
}
.formulario__input-error-activo {
  display: block;
}
.formulario__validacion-estado {
  position: absolute;
  right: 16px;
  top: 46px;
  z-index: 100;
  font-size: 16px;
  opacity: 0;
}

/* #formulario .formulario__validacion-estado { */
form .formulario__validacion-estado {
  top: 46px;
}

.formulario__mensaje, .formulario__captcha{
  height: 45px;
  line-height: 45px;
  background: #F66060;
  padding: 0 15px;
  border-radius: 3px;
  margin-bottom: 16px;
  text-align: center;
  display: none;
}
/* #form_ficha_tecnica .formulario__mensaje{ */
form .formulario__mensaje{
  margin-top: 12px;
}
.formulario__mensaje-activo {
  display: block;
}
.formulario__mensaje-exito {
  font-size: 1.1rem;
  height: 45px;
  line-height: 45px;
  background: #31b51f;
  padding: 0 15px;
  border-radius: 3px;
  margin-top: 16px;
  color: var(--color-white)!important;
  text-align: center;
  display: none;
}
.formulario__mensaje-exito-activo {
  display: block;
}

.carousel, .carousel-inner, .carousel-fade .carousel-item{
  height: 100%;
}


/* ----- -----  Estilos para Validacion ----- ----- */
.formulario__grupo-input{
  position: relative;
}
.formulario__grupo-correcto .formulario__validacion-estado {
  color: #1ed12d;
  opacity: 1;
}

.formulario__grupo-incorrecto .formulario__label {
  color: #bb2929;
}

.formulario__grupo-incorrecto .formulario__validacion-estado {
  color: #bb2929;
  opacity: 1;
}

.formulario__grupo-incorrecto .formulario__input {
  border: 3px solid #bb2929;
}

.loaderBrand{
  display: none;
}
.loaderBrand.active{
  display: flex;
  justify-content: center;
}
.loaderBrand .sr-only{
  height: 20px;
}
.loaderBrand p{
  margin-left: 8px;
  margin-bottom: 0;
}