html, body { background: #081727; width: 100%; height: auto; margin: 0; padding: 0;   overflow-x: hidden !important;
             background: #fff; color: #fff; scroll-behavior: auto !important;  overflow-x: hidden; }

          body { padding: 0px;
             padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  margin: 0;
         
           animation: fadein 2s;
              -moz-animation: fadein 2s;  
              -webkit-animation: fadein 2s; 
              -o-animation: fadein 2s; }

          @keyframes fadein { from { opacity:0; } to { opacity:1;} }
          @-moz-keyframes fadein { from { opacity:0; } to { opacity:1;} }
          @-webkit-keyframes fadein {  from { opacity:0; } to { opacity:1;} }
          @-o-keyframes fadein {  from { opacity:0; } to { opacity:1;} } 

          h1, h2, h3, a, blockquote, body, label, input, figure, button, .modal_, img, form { transition:all 200ms ease !important; outline: none;  }
           h1, h2, h3 {  font-family: 'morganroundedexpandedspacing'; }
          a { text-decoration: none; outline: none;   }
          a:hover, a:onclick { text-decoration: none; outline: none;  }
          b { font-weight: 600;  }
          header { width: 100%; height: 100px;  top: 0; left: 0; position: fixed; z-index: 100; background: none;}
          ul.men {  padding:30px 0 15px 0;  font-family: 'morganroundedexpandedspacing'; display:block; margin:0 auto; width:100%; }
          ul.men li { list-style:none; width:auto; display: inline-block; vertical-align:middle; padding:0px 7px;  }
          ul.men li a { color:#fff; font-size:12px; }
          ul.men li a:hover { opacity:.6;  }
          ul.men li a.active { color:#fff; }
          ul.menu li a.active { color:#ffaa3a; }
          li { list-style:none; }
          section {  width: 100%; height: auto; position:relative; background-size: cover;  scroll-behavior: smooth; }
          #contacto { padding:140px 0 0 0;  }
          .bg1 { background-size:cover; background-position:center; background-attachment:fixed; }
          form { max-width:960px; padding-left:55px; color:#B2B2B2; }
          p.disclaimer { font-size:15px; color:#A5A9AD; margin:40px 0 75px 0; padding-left: 55px;  max-width:780px !important; }
          label {display: block; font-size: 16px;  font-family: 'morganroundedexpandedspacing';}
          input { background:none; border:#9BCEC4 solid 2px; width: 100%; color:#9BCEC4; margin:15px 0; padding:10px; font-family:Arial; letter-spacing:.5px; }
          input:focus {   outline: none; }
          hr { opacity:1;  border: 0;  border-top: 1px solid #9BCEC4; }
          select  {  border: 2px solid #9BCEC4; color:#9BCEC4; width: 100%;  padding:12px; background:none; margin: 15px 0 !important;
             appearance: none; /* Disable the default arrow */
    -webkit-appearance: none; /* For WebKit-based browsers */
    -moz-appearance: none; /* For Firefox */
    background-image: url('img/arrow.svg') no-repeat;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    cursor: pointer; }

    .top { position:fixed; width:60px; font-family: 'morganroundedexpandedspacing';  height:auto; color:#fff; z-index:10;  transition:all 200ms ease !important; text-align: center; bottom:20px; right:20px; }
.top:hover img { padding: 10px 10px 10px 10px;  transition:all 200ms ease !important; }

    .mainn { background: rgba(0, 6, 29, .9); }
    .bbw { border-bottom:rgba(255, 255, 255, .5) solid 1px; }
    .logoheader { width:130px; display:inline-block; margin:5px 20px; }
    a.down_ img { margin-top:-60px !important; position:relative; }
    a.down_ img:hover { opacity:.5; margin-top:-65px !important;  } 

      .head { width: 100%; height: 100px; top: 0; right: 0; position: fixed; z-index: 999999999999925; transition:all 400ms ease; }
      .head ul.menu { width: 300px; height: 100%; position: fixed; top:-50px; right: -300px; padding-top: 150px; background: #dddc56;  font-weight: 600;  margin-top: 50px;  transition:all 400ms ease; }
      .head ul.menu li { display: inline-block; margin: 0 10px; width: 200px; height: 85px; line-height: 85px; border-bottom: #000 solid 2px; }
      .head ul.menu li a { color: #000; transition:all 400ms ease; font-size: 24px; font-weight: 600;  }
      .head ul.menu li a:hover { color: #fff; text-decoration: none; }
      .head ul.menu > .burger { color: #000; position: absolute; }


.carousel {

}

.carousel-cell {
  width: 100%;
  height: auto;
  margin-right: 10px;
  border-radius: 5px;
}
.previous { display:none; }
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -50px  !important;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #fff !important;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
}

.flickity-button {
    position: absolute;
    background: none !important;
    border: none;
    color: #B2B2B2;
}
          .iti input.iti__tel-input, .iti input.iti__tel-input[type="text"], .iti input.iti__tel-input[type="tel"] {
  position: relative;
  z-index: 0; width: 100% !important;
  margin: 15px 0 !important;
}
.iti {
  position: relative; width: 100% !important;
  display: inline-block;
  margin-top: 15px;
}
.iti--fullscreen-popup .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
    color: #c8c8c8;
}

.rs img { width:30px; display:inline-block; margin-right:10px; }
.rs img:hover { width:30px; display:inline-block; margin-right:10px; opacity:.7; }
          .logo-form { width:290px }
          .button { background:#9BCEC4; color:#0C0F17; margin-left: 10px !important; border: 2px solid #9BCEC4;  font-family: 'morganroundedexpandedspacing'; width:150px; }
          .button:hover { background:#9BCEC4; color:#0C0F17;  border: 2px solid #9BCEC4; padding-left:60px; padding-right:10px; width:310px; letter-spacing:13px; }


            .centro { margin:0 auto; }
            .centro_ { margin:0 auto; display:block; }
            .quitar { }
            .poner { display:none !important; }



  ul.menu { width: 300px; height: 100%; position: fixed; top:55px; right: -300px; padding-top: 15px; 
            background: rgba(0, 0, 0, .7);  font-weight: 600;  margin-top: 50px;  transition:all 400ms ease; z-index: 9999; }
  ul.menu li { display: inline-block; margin:10px 0; text-align: right; width: 250px; height: auto; }
  ul.menu li a { color: #000; transition:all 400ms ease; font-size: 16px; font-family: 'morganroundedexpandedspacing';  }
  ul.menu li a:hover { color: #fff; text-decoration: none; }


  .burger { width:100px; top: 25px; right: 25px; padding-right:25px !important; position:fixed; z-index:99999999999 !important; }

         /* Mostrar solo en pantallas pequeñas (mobile) */
            @media only screen and (max-width: 1080px) {
            li.quitar { display:none !important; }
                 .quitar { display:none !important; }
                 .poner { display:block !important; }
            }


            /* Mostrar solo en pantallas pequeñas (mobile) */
            @media only screen and (max-width: 780px) {
              .gif-mobile { opacity:1;  display: block;   } 
              section {  width: 100%; height: auto; padding: 40px 0; position:relative; background-size: cover;  scroll-behavior: smooth; }
              a.down_ img { margin-top:-30px !important; position:relative; }
            }

            /* Si el dispositivo está en landscape (girado), ocultar el GIF */
            @media (max-width: 690px) {
             
              form { max-width:100%; padding:0px 2%; color:#B2B2B2; }
              form h2 { font-size:20px; }
              .rs img {
    width: 20px;
    display: inline-block;
    margin-right: 10px;
}
              .g-3 .col { flex: 100% !important; }
              p.disclaimer {
    font-size: 15px;
    color: #A5A9AD;
    margin: 40px 0 75px 0;
    padding-left: 0px;
    max-width: 780px !important;
}
.logo-form {
    width: 190px;
}
              
}
            /* opción: si quieres que desaparezca con display:none en landscape */
            /* @media (orientation: landscape) and (max-width: 768px) {
                 .gif-mobile { display: none; }
               } */

            /* accesibilidad: evita animaciones molestas si prefieren reducción de movimiento */
            @media (prefers-reduced-motion: reduce) {
              .gif-mobile, .gif-mobile img { transition: none; }
            }

            @media screen and (max-width: 900px) and (orientation: landscape) {
                    body {
                      overflow-x: hidden !important;
                      position: relative;
                    }
                    form { max-width:95%; padding-left:55px; color:#B2B2B2; }
              }



.men li a.active {
  color: #ff6600; /* o lo que quieras */
  font-weight: 700;
}
.sub { position: fixed; z-index: 999999999; width: 200px; height: 100vh; background: rgba(0, 0, 0, .8); top:0; right:0px; }
ul.menu { width: 300px; height: 100vh;  }
ul.menu li { display:block; color:#fff; }
ul.menu li a { display:block; color:#fff; }

 .main {
  margin-right: 300px !important;
  color: red;
  transition:all 400ms ease;
}