:root {
    --lockdown-font: 'Nunito', sans-serif;
    --lockdown-font-two: 'Montserrat Alternates', sans-serif;
    --lockdown-gray: #696969;
    --lockdown-gray-rgb: 105, 105, 105;
    --lockdown-white: #ffffff;
    --lockdown-white-rgb: 255, 255, 255;
    --lockdown-base: #51AC5A;
    --lockdown-base-rgb: 81, 172, 90;
    --lockdown-black: #141613;
    --lockdown-black-rgb: 20, 22, 19;
    --lockdown-primary: #F7F7F7;
    --lockdown-primary-rgb: 247, 247, 247;
    --lockdown-bdr-color: #E0E0E0;
    --lockdown-bdr-rgb: 224, 224, 224;
  }
  
  .row {
    --bs-gutter-x: 30px;
  }
  
  .gutter-y-30 {
    --bs-gutter-y: 30px;
  }
  
  body {
    font-family: var(--lockdown-font);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: var(--lockdown-gray);
  }
  
  body.locked {
    overflow: hidden;
  }
  
  a {
    color: var(--lockdown-base);
  }
  
  a,
  a:hover,
  a:focus,
  a:visited {
    text-decoration: none;
  }
  
  ::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
 
  }
  
  :-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  ::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  ::placeholder {
    color: inherit;
    opacity: 1;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--lockdown-font-two);
    color: var(--lockdown-black);
    margin: 0;
  }
  
  p {
    margin: 0;
  }
  
  dl,
  ol,
  ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  ::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  :-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  ::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  ::placeholder {
    color: inherit;
    opacity: 1;
  }
  
  .page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
  }
  
  .container {
    padding-left: 15px;
    padding-right: 15px;

  }
  
  .list-unstyled {
    padding-left: 0;
  }
  
  @media (min-width: 1350px) {
    .container {
      max-width: 1320px;
    }
  }
  
  ::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  :-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  ::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  ::placeholder {
    color: inherit;
    opacity: 1;
  }
  
  
  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }
  
  html.lenis {
    height: auto;
  }
  
   .handle-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background: var(--lockdown-base);
  }
 
  .handle-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
  }
  
  .handle-preloader .animation-preloader .spinner{
   animation: spinner 4s linear infinite;
    border-radius: 50%;
    height: 150px;
    margin: 0 auto 45px auto;
    width: 150px;
background: url('/images/uu.png');
  }

  
  .handle-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
    animation: letters-loading 4s infinite;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    top:0;
    position: absolute;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading{
    font-family: var(--title-font);
    font-weight: 500;
    letter-spacing: 15px;
    display: inline-block;
    position: relative;
    font-size: 70px;
    line-height: 70px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
  .handle-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
  }
  
  .preloader .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
    color: #ffffff;
  }
  
  .handle-preloader .animation-preloader .spinner{
    border-left:3px solid #ffffff; border-right:3px solid #ffffff; border-top:3px solid rgba(255, 255, 255, 0.5); border-bottom:3px solid #ffffff;  
  }
  
  /* Animación del preloader */
  @keyframes spinner {
    to {
      transform: rotateZ(360deg);
    }
  }
  @keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity: 0;
      transform: rotateY(-90deg);
    }
  
    25%,
    50% {
      opacity: 1;
      transform: rotateY(0deg);
    }
  }
  
  @media screen and (max-width: 767px) {
    .handle-preloader .animation-preloader .spinner {
      height: 8em;
      width: 8em;
    }
  }
  @media screen and (max-width: 500px) {
    .handle-preloader .animation-preloader .spinner {
      height: 7em;
      width: 7em;
    }
    .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
  }