/* body{
  background: #584475; 
  background-image: url(../../img/img_rt/img_fondo_1.jpg);
  font-family: Roboto,"Helvetica Neue",Helvetica,Arial;
}*/

html body video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/clouds.png) no-repeat;
  background-size: cover;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}

.container {
  overflow:hidden;
    display:grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 25%, 20% 20%; /* repeat(2, minmax(auto, 1fr));*/
    min-height: 100vh;
    grid-template-areas: 
      " header "
      " content ";
  }
  
  /* @media (width > 400px) {
    .container {
       grid-template-areas: 
      " header "
      " content ";
    }
  } */
  
  .container header {
    grid-area: header;
    display:flex;
    justify-content: center;
    align-items: center;
  }

  .container header .logo_header {
    width: 30%;
    height: auto;
  }
  

/* .contenedor {overflow:hidden;} */
  
  /* .container aside {
    background : yellow;
    grid-area: sidebar;
  } */
  
  .container main {
    /* max-width: 1200px; */
    
    display: grid;
    grid-template-columns: repeat(
      auto-fit,
      minmax(300px, 1fr)
    );
    gap: 2rem;
    justify-items: center;
    grid-area: content;
  }
  
  .container footer {
    /* grid-area: footer; */
    display: flex;
    justify-content: center;
    color: white;
  }
  
  .container footer a {
    /* grid-area: footer; */
    color: white;
  }

  .img_main {
    width: 100%;
    height: 70%;
    border-radius: 10px;
    filter: grayscale(1);
  }

  .img_main:hover {
    scale: 1.02;
    filter: grayscale(0);
  }

  .bg-fondo-financiero  {
      background: rgb(51, 50, 50) !important;
  }

  .cabecera-color-financiero {
    background: rgb(15, 15, 15) !important;
  }

  .color-text-financiero {
    color : #ebc165 !important;
  }

  .color-btn-financiero {
    background: #d8ad4d !important;
  }

  .color-text-terminos-financiero {
    color : #d8ad4d !important;
    text-decoration: underline;
  }
  
  .slider-container {
    display: flex;
    height: auto;
  }

  .slider-style {
    background-color: #000 !important;
    opacity: .7 !important;
    width: 100%;
    height: 100%;
  }



  html .text-color-dark, html .text-dark {
      color: #212529 !important;
  }

  .appear-animation-visible {
      opacity: 1;
  }

  .font-weight-extrabold, .font-weight-extra-bold {
      font-weight: 800 !important;
  }

  .text-11 {
      font-size: 3em !important;
  }

  .line-height-3 {
      line-height: 1.3 !important;
  }

  .negative-ls-1 {
      letter-spacing: -1px;
  }

  .container-galery {
    display : grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    /* gap: 1rem; */
    justify-items: center;
    grid-area: content;
  }

  .img_galery_foto {
    width: 100%;
    height: 80%;
    border-radius: 10px;
    filter: grayscale(1);
  }

  .img_galery_foto:hover {
    scale: 1.02;
    filter: grayscale(0);
  }
  /* .maskUp {
    -webkit-animation-name: maskUp;
    animation-name: maskUp
  }

  .maskRight {
      -webkit-animation-name: maskRight;
      animation-name: maskRight
  }

  .maskDown {
    -webkit-animation-name: maskDown;
    animation-name: maskDown
  }

  .maskLeft {
      -webkit-animation-name: maskLeft;
      animation-name: maskLeft
  }

  @-webkit-keyframes headerReveal {
      from {
          top: -150px
      }

      to {
          top: 0
      }
  }

  .custom-square-1 rect {
      stroke: #b3892e;
      fill: #b3892e;
  }

  html .text-color-light, html .text-light {
    color: #fff !important;
  }

  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}

section.section>.container {
  position: relative;
}

@media (min-width: 1440px)
  .container-xl-custom {
      max-width: 1440px;
}

@media (min-width: 1400px)
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1320px;
}

@media (min-width: 1200px)
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
} */