@font-face {
  font-family: "tipografiaTitlo";
  src: url('../fonts/castoro-titling-latin-400-normal.ttf');
}
@font-face {
  font-family: "tipografia1";
  src: url('../fonts/manrope-latin-200-normal.ttf');
}
@font-face {
  font-family: "tipografia2";
  src: url('../fonts/manrope-latin-800-normal.ttf');
}
.navbar-dark .navbar-nav .nav-link{
    color: white!important;
    line-height: 1.1;
}
.logoMenu1{
    width: 5vmax;
}
.logoFoot{
    width: 10vmax;
}
.logoFooter{
    width: 20%; 
}
.footer-icono img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.footer-contacto a {
    overflow-wrap: anywhere;
}
.menu-principal {
    align-items: center;
    transition: background-color .25s ease;
}
.menu-principal .nav-item {
    text-align: center;
}
.menu-principal {
    min-height: 68px;
    padding: 0 10px;
    width: 90%;
    justify-content: space-between;
}
.padding1{
    padding-left: 5%;
    padding-right: 5%;
}
.padding2{
    padding-left: 3%;
    padding-right: 3%;
}
.padding3{
    padding-top: 15%;
    padding-bottom: 8%;
}
.primero{
    padding-top: 10%;
}
.titulo1{
    font-size: 4.4vmax;
}
.titulo2{
    color: #fff;
    font-family: 'tipografiaTitlo';
    font-size: 3vmax;
    display: flex;
    align-items: center;
    gap: 19px; /* separación entre el texto y la línea */
}
.titulo2::after{
    content: "";
    flex: 1;
    height: 3px; /* grosor de la línea */
    background: #fff;
}
.titulo3{
    font-size: 2.8vmax;
}
.titulo4{
    font-size: 6vmax;
}
.letra1{
    font-size: 1.8vmax;
}
.letra2{
    font-size: 1.1vmax;
}
.letra3{
    font-size: 1.3vmax;
}
.letra4{
    font-size: 1vmax;
}
.letra5{
    font-size: 0.8vmax;
}
.letra6{
    font-size: 1.5vmax;
}
.letra7{
    font-size: 1.2vmax;
}
.letra8{
    font-size: 2.1vmax;
}
.navbarScroll.menu-scroll-activo {
    background: rgba(0,0,0,0.5);
}
.icono1{
    height: 5vmax;
}
.posicion1{
    position: absolute;
    bottom:15%;
    left:5%;
    right:5%;
}
.posicion2{
    position: absolute;
    top:10%;
    left:0;
    right:0;
}
.posicion3{
    position: absolute;
    top:40%;
    left:0;
    right:0;
}
.posicion4{
    position: absolute;
    bottom:6%;
    left:12px;
    right:12px;
    z-index: 9;
}
.boton1{
    background: #08b44c;
    font-size: 1.2vmax;
    border: none;
    border-radius: 2vmax;
}

.punto{
    width: 12px;
    height: 12px;
    background: #08b44c;
    border-radius: 50%;
    display: inline-block;
}
.boton2{
    background: #C69E5D;
    font-size: 1.3vmax;
    border: none;
    color: white;
    padding-top: 3%;
    padding-bottom: 3%;
}
.boton3{
    background: #817D7A;
    font-size: 1.5vmax;
    border: none;
    color: white;
    padding-top: 3%;
    padding-bottom: 3%;
}
.cardVerde{
    background: linear-gradient(90deg, #0DB64B 0%, #06752C 100%);
    border: none;
    border-radius: 20px; /* opcional */
    color: #fff;
}

.fondo1{
    background-image: url('../img/fondo1.png');
    background-repeat: no-repeat;
    /* Primera imagen, Segunda imagen */
    background-position: center center;
    background-size: cover;
    position: relative;
}
.stollVacanteContenedor {
    padding-top: 3%;
    padding-bottom: 3%;
}
.stollVacanteForm {
    padding-left: clamp(24px, 4vw, 58px);
    padding-right: clamp(24px, 4vw, 58px);
    padding-top:3%;
    padding-bottom: 3%;
    color: #fff;
    text-align: left;
    background: rgba(7, 24, 12, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: clamp(28px, 3vw, 48px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(6px);
}
.stollVacanteLogo {
    display: block;
    width: clamp(70px, 8vw, 115px);
    height: auto;
    margin: 0 auto 12px;
}
.stollVacanteForm h2 {
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(24px, 2.1vw, 36px);
    line-height: 1.05;
    text-align: center;
}
.stollVacanteForm > .texto1 {
    display: none;
}
.stollVacanteForm label {
    margin-bottom: 7px;
    color: #fff !important;
    font-weight: 600;
}
.stollVacanteForm .mb-2 {
    margin-bottom: 18px !important;
}
.stollVacanteForm .form-control,
.stollVacanteForm .form-select {
    min-height: 48px;
    padding: 10px 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 17px;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2);
}
.stollVacanteForm .form-control::placeholder {
    color: rgba(255, 255, 255, 0.55);
}
.stollVacanteForm .form-control:focus,
.stollVacanteForm .form-select:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(8, 180, 76, 0.25);
}
.stollVacanteForm .form-select option {
    color: #222;
    background: #fff;
}
.stollVacanteForm input[type="file"]::file-selector-button {
    height: 46px;
    margin: -10px 14px -10px -16px;
    color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.08);
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.stollVacanteForm .form-check {
    margin: 8px 0 18px;
}
.stollVacanteForm .form-check-label {
    color: #fff !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25 !important;
}
.stollVacanteForm .form-check-label a {
    color: #fff;
}
.stollVacanteForm .form-check-input {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.75);
}
.stollVacanteForm .form-check-input:checked {
    background-color: #08b44c;
    border-color: #08b44c;
}
.stollVacanteBoton {
    padding: 10px 26px;
    color: #08b44c !important;
    background: #fff !important;
    border: 0;
    border-radius: 999px;
    font-size: 1.1vmax;
    line-height: 1;
}
.stollVacanteBoton:hover {
    color: #fff !important;
    background: #08b44c !important;
}
@media (max-width: 767px) {
    .stollVacanteContenedor {
        padding: 28px 20px;
    }
    .stollVacanteForm {
        border-radius: 28px;
    }
    .stollVacanteForm .g-recaptcha {
        transform: scale(.86);
        transform-origin: left center;
    }
}
.imagen-fondo{
    position: relative;
    width: 100%;
}
.imagen-fondo .imagen-fondo2{
    display: block;
    width: 100%;
    height: auto;
}
.imagen-fondo::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45%; /* Qué tanto ocupa el degradado */
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.25) 35%,
        rgba(255,255,255,.6) 60%,
        rgba(255,255,255,.9) 85%,
        #fff 100%
    );
    pointer-events: none;
}
.botonCard{
    color: rgba(0,0,0,0.7);
}
.botonCard.active{
    background-color:  transparent!important;
    color: #C69E5D!important;
}
.botonCard.active img{
    padding-bottom: 5px;
    border-bottom: #C69E5D solid 4px;
    filter: brightness(0) saturate(100%) invert(69%) sepia(26%) saturate(762%) hue-rotate(357deg) brightness(91%) contrast(88%);
}
.botonCard2{
    color: #C69E5D;
}
.botonCard2.active{
    background-color:  #C69E5D!important;
    color: white!important;
}
.tabs-carousel .nav-item,
.tabs-carousel .nav-link{
    min-width: 0;
}
.cards-carousel-contenedor{
    position: relative;
}
.cards-carousel{
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 12px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.cards-carousel::-webkit-scrollbar{
    display: none;
}
.cards-carousel > .col-md-4{
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    scroll-snap-align: start;
}
.cards-carousel > .col-md-4 > .card{
    height: 100%;
}
.cards-carousel-control{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    color: #fff;
    background: #817D7A;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(0,0,0,.22);
    transform: translateY(-50%);
    transition: background-color .2s ease, transform .2s ease;
}
.cards-carousel-control:hover{
    background: #C69E5D;
    transform: translateY(-50%) scale(1.06);
}
.cards-carousel-control:disabled{
    cursor: default;
    opacity: .35;
    transform: translateY(-50%);
}
.cards-carousel-control[hidden]{
    display: none;
}
.cards-carousel-anterior{
    left: -21px;
}
.cards-carousel-siguiente{
    right: -21px;
}
.form-select-lg2 {
    padding-top: .75rem!important;
    padding-bottom: .75rem!important;
    padding-left: 1rem!important;
    font-size: 1.25rem!important;
}
.aviones{
    width: 4vmax;
}
.logo_inicio{
    width: 8vmax;
}
.logoPer{
	width: 8vmax;
}
.logoPer2{
	width: 3vmax;
}
.logoPer3{
    width: 5%;
}
.logo1 {
    width: 4vmax;
}
.logo2 {
    width: 40%;
}
.altura1 {
    height: 100%;
    width: 100%;
}
.cardCliente {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, .4);
    margin-top: 15px
}
:root {
    --toggleHeight: 25px;
    --toggleWidth: 40px;
    --toggleGap: 6px;
}
.toggle {
    width: 0;
    height: 0;
    opacity: 0;
}
.toggle + label {
    position: relative;
    background: #c0c0c0;
    width: var(--toggleWidth);
    height: var(--toggleHeight);
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    text-indent: calc( var(--toggleWidth) + 10px);
    white-space: nowrap;
}
.toggle + label:after {
    content: "";
    background: #fff;
    width: calc(var(--toggleHeight) - (var(--toggleGap) * 2));
    height: calc(var(--toggleHeight) - (var(--toggleGap) * 2));
    position: absolute;
    top: var(--toggleGap);
    left: var(--toggleGap);
    border-radius: 50%;
    -webkit-transition: left 0.3s ease-in-out, background 0.2s ease-in-out;
    transition: left 0.3s ease-in-out, background 0.2s ease-in-out;
}
.toggle:checked + label {
    background: #28a745;
}
.toggle:checked + label:after {
    left: calc(100% - calc(var(--toggleHeight) - var(--toggleGap)));
}
.topUsuarios{
    top: -2.8vmax
}
.boton1Us{
    color: black!important;
}
.boton1Us.active{
    background-color: transparent!important;
    border-left: solid 1px rgba(0, 0, 0, 0.25);
    border-right: solid 1px rgba(0, 0, 0, 0.25);
    border-top: solid 1px rgba(0, 0, 0, 0.25);
    border-bottom: none;
    color: black!important;
}
.nav-pills .texto1Admin{
    color: black;
}
.nav-pills .texto1Admin.active{
    background: black;
}
.letra2Admin{
    font-size: 1vmax;
}
.stollServicioCard {
  position: relative;
  min-height: clamp(300px, 35vw, 780px);
  overflow: hidden;
  color: #fff;
  border-radius: 2vmax;
}
.stollServicioCard img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.stollServicioOverlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 7%;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 40%,
        rgba(4,84,36,.35) 65%,
        rgba(4,84,36,.75) 85%,
        #045424 100%
    );
}
.stollServicioTexto {
  max-width: 92%;
}
.stollServicioTexto h1 {
  margin: 0;
  color: #fff;
  font-size: 1.8vmax;
  font-weight: 700;
  line-height: 1.2;
}
.stollServicioTexto p {
  color: white;
  font-size: 1vmax;
  line-height: 1.2;
  margin-bottom: 0;
}
.altura1s{
    height: 8vmax;   /* Cambia el tamaño a tu gusto */
    width: auto;
    max-width: 100%;
    object-fit: contain;
    filter: grayscale(100%) brightness(200%) contrast(10%);
}
.stollGalleryGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, clamp(240px, 30vw, 410px));
  grid-auto-rows: clamp(240px, 30vw, 410px);
  gap: clamp(14px, 1.2vw, 24px);
  transition: opacity 0.28s ease, transform 0.28s ease;
}
.stollGalleryGrid.is-changing {
  opacity: 0.18;
  transform: scale(0.992);
}
.stollGalleryItem {
  position: relative;
  min-height: 0;
  overflow: hidden;
  background: #000;
  border-radius: clamp(16px, 1.8vw, 28px);
}
.stollGalleryItem:nth-child(4n + 1) {
  grid-column: span 3;
}
.stollGalleryItem:nth-child(4n + 2) {
  grid-column: span 2;
}
.stollGalleryItem:nth-child(4n + 3) {
  grid-column: span 2;
}
.stollGalleryItem:nth-child(4n + 4) {
  grid-column: span 3;
}
.stollGalleryItem img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

/* Animaciones de entrada de la página */
body.stollAnimacionesListas .stollReveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 1.2s cubic-bezier(.22, 1, .36, 1),
              transform 1.2s cubic-bezier(.22, 1, .36, 1);
}
body.stollAnimacionesListas .stollReveal.stollVisible {
  opacity: 1;
  transform: translateY(0);
}
.stollHeroEntrada {
  overflow: hidden;
}
body.stollAnimacionesListas .stollHeroEntrada > div {
  animation: stollHeroEntrada 1.4s cubic-bezier(.22, 1, .36, 1) both;
}
.stollServicioCard:hover img,
.stollGalleryItem:hover img {
  transform: scale(1.035);
}
.stollServicioCard,
.stollGalleryItem,
.stollVacanteForm {
  transition: transform .35s ease, box-shadow .35s ease;
}
.stollServicioCard:hover,
.stollGalleryItem:hover {
  box-shadow: 0 18px 34px rgba(0, 0, 0, .18);
}
.stollVacanteForm:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .25);
}
@keyframes stollHeroEntrada {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.stollAnimacionesListas .stollReveal,
  body.stollAnimacionesListas .stollHeroEntrada > div,
  .stollServicioCard,
  .stollServicioCard img,
  .stollGalleryItem,
  .stollGalleryItem img,
  .stollVacanteForm {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
}
@media (max-width: 767px) {
  .stollGalleryGrid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-rows: auto;
  }
  .stollGalleryItem:nth-child(n) {
    grid-column: auto;
    aspect-ratio: 4 / 3;
  }
}
@media (max-width: 600px) {
    .stollGalleryGrid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 14px;
        padding-bottom: 12px;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .stollGalleryGrid::-webkit-scrollbar {
        display: none;
    }
    .stollGalleryGrid .stollGalleryItem:nth-child(n) {
        flex: 0 0 88%;
        grid-column: auto;
        aspect-ratio: 4 / 3;
        scroll-snap-align: center;
    }
    .stollServiciosCarousel {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 12px;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .stollServiciosCarousel::-webkit-scrollbar {
        display: none;
    }
    .stollServiciosCarousel > .col-md-4 {
        flex: 0 0 88%;
        max-width: 88%;
        scroll-snap-align: center;
    }
    .stollServiciosCarousel .stollServicioCard {
        min-height: 460px;
        border-radius: 24px;
    }
    .stollServiciosCarousel .stollServicioTexto h1 {
        font-size: 24px;
    }
    .stollServiciosCarousel .stollServicioTexto p {
        font-size: 14px;
        line-height: 1.35;
    }
    
    .logoMenu1{
        width: 6vmax;
    }
    .navbar-dark .navbar-nav .nav-link{
        color: black!important;
        line-height: 1.1;
    }
    .fondo-imagenes{
        height: 600px;
    }
    .footer-principal{
        padding-top: 42px!important;
        padding-bottom: 24px!important;
    }
    .footer-principal .padding1{
        padding-right: 8%;
        padding-left: 8%;
    }
    .footer-principal .logoFoot {
        width: min(42vw, 120px);
        height: auto;
        margin-bottom: 24px;
    }
    .footer-contactos {
        gap: 12px;
        padding-top: 0 !important;
    }
    .footer-contacto {
        flex: 0 0 100%;
        width: 100%;
        padding: 0;
    }
    .footer-contacto-fila {
        flex-wrap: nowrap;
        min-height: 64px;
        margin: 0;
        padding: 12px 16px;
        background: rgba(0, 0, 0, .09);
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 16px;
    }
    .footer-icono {
        flex: 0 0 36px;
        width: 36px;
        padding: 0;
    }
    .footer-icono img {
        width: 30px;
        max-height: 30px;
        margin: auto;
    }
    .footer-texto {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        padding: 0 0 0 14px;
    }
    .footer-texto p,
    .footer-texto a {
        font-size: .9rem !important;
        line-height: 1.35;
        text-align: left !important;
    }
    .footer-inferior {
        margin-top: 20px;
        padding-top: 18px !important;
        border-top: 1px solid rgba(255, 255, 255, .25);
    }
    .footer-copyright p {
        font-size: .78rem !important;
        letter-spacing: .03em;
    }
    .footer-whatsapp-flotante {
        right: 14px !important;
        bottom: 14px !important;
    }
    .footer-whatsapp-flotante .alert {
        width: 175px !important;
    }
    .footer-whatsapp-flotante .btnWhatsapp img {
        width: 52px;
        height: 52px;
    }
    .footer-superior{
        align-items: stretch!important;
    }
    /* .footer-logo{
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 30px;
    } */
    /* .footer-logo .logoFoot{
        width: min(52%, 180px);
        height: auto;
    } */
    .footer-enlace{
        display: flex;
        flex: 0 0 50%;
        align-items: center;
        justify-content: center;
        width: 50%;
        min-height: 48px;
        padding: 8px 10px;
        border-bottom: 1px solid rgba(255,255,255,.18);
    }
    .footer-enlace:nth-of-type(even){
        border-right: 1px solid rgba(255,255,255,.18);
    }
    .footer-enlace .letra7{
        font-size: .82rem;
        line-height: 1.35;
        letter-spacing: .04em;
    }
    .footer-redes{
        flex: 0 0 100%;
        width: 100%;
        margin-top: 28px;
    }
    .footer-redes a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        margin: 0 5px;
        border-radius: 50%;
    }
    .footer-redes .logoFooter{
        width: 40px;
        object-fit: contain;
    }
    .footer-principal hr{
        margin-top: 30px;
        margin-bottom: 18px;
        opacity: .45!important;
    }
    .footer-inferior{
        padding-top: 18px!important;
        padding-bottom: 0!important;
        text-align: center;
    }
    .footer-separador{
        display: none;
    }
    .footer-copyright,
    .footer-legal{
        flex: 0 0 100%;
        width: 100%;
    }
    .footer-copyright{
        margin-bottom: 18px;
    }
    .footer-legal{
        margin-bottom: 10px;
    }
    .footer-copyright .letra2,
    .footer-legal .letra2{
        font-size: .78rem;
        line-height: 1.45;
    }
    .footer-legal a{
        display: inline-block;
        padding: 3px 0;
        cursor: pointer;
    }
    .tabs-carousel{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .tabs-carousel::-webkit-scrollbar{
        display: none;
    }
    .tabs-carousel .nav-item{
        flex: 0 0 72%;
        max-width: 240px;
        scroll-snap-align: start;
    }
    .tabs-carousel .nav-link{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        white-space: nowrap;
    }
    .tabs-carousel .nav-link img{
        width: 52px;
        height: auto;
        flex: 0 0 auto;
    }
    .cards-carousel > .col-md-4{
        flex: 0 0 86%;
        max-width: 86%;
    }
    .cards-carousel-control{
        display: none;
    }
    .titulo1{
        font-size: 5.3vmax;
    }
    .primero{
        padding-top: 20%;
    }
    .letra2{
        font-size: 1.3vmax;
    }
    .boton1{
        font-size: 1.5vmax;
    }
    .brnone{
        display: none;
    }
    .padding3{
        padding-top: 25%;
    }
    .margenResponsivo{
        margin-bottom: 5%;
    }
    .titulo3{
        font-size: 3.2vmax;
    }
    .letra3{
        font-size: 1.7vmax;
    }
    .aviones{
        width: 5vmax;
    }
    .letra7{
      font-size: 1.5vmax;  
    }
    .letra6{
        font-size: 1.8vmax;
    }
    .letra5{
        font-size: 1.1vmax;
    }
    .letra4{
         font-size: 1.2vmax;
    }
    .letra1{
        font-size: 2.1vmax;
    }
    .navbar-dark .navbar-toggler{
        background: #08b44c;
    }
     .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: white;
        padding: 1rem;
    }
    .oculto {
        display: flex !important;
    }
    .menu-principal{
        width: 100%;
    }
}
@media screen and (min-width: 601px) and (max-width: 819px) {
    .primero{
        padding-top: 15%;
    }
    .navbar-dark .navbar-toggler{
        background: #08b44c;
    }
     .navbar-dark .navbar-nav .nav-link{
        color: black!important;
        line-height: 1.1;
    }
    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: white;
        padding: 1rem;
    }
    .oculto {
        display: flex !important;
    }
    .menu-principal{
        width: 100%;
    }
    .titulo1{
       font-size: 4.5vmax; 
    }
    .letra1{
        font-size: 1.6vmax;
    }
    .letra2{
        font-size: 1vmax;
    }
    .letra7{
        font-size: 0.9vmax;
    }
    .boton1{
        font-size: 1vmax;
    }
    .titulo3{
        font-size: 2.3vmax;
    }
    .tabs-carousel{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .tabs-carousel::-webkit-scrollbar{
        display: none;
    }
    .tabs-carousel .nav-item{
        flex: 0 0 72%;
        max-width: 240px;
        scroll-snap-align: start;
    }
    .tabs-carousel .nav-link{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        white-space: nowrap;
    }
    .tabs-carousel .nav-link img{
        width: 52px;
        height: auto;
        flex: 0 0 auto;
    }
    .cards-carousel > .col-lg-4{
        flex: 0 0 46%;
        max-width: 46%;
    }
    .cards-carousel-control{
        display: none;
    }
}
@media screen and (min-width: 820px) and (max-width: 1000px) {
    .primero{
        padding-top: 15%;
    }
    .navbar-dark .navbar-toggler{
        background: #08b44c;
    }
     .navbar-dark .navbar-nav .nav-link{
        color: black!important;
        line-height: 1.1;
    }
    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: white;
        padding: 1rem;
    }
    .oculto {
        display: flex !important;
    }
    .menu-principal{
        width: 100%;
    }
    .titulo1{
       font-size: 4.3vmax; 
    }
    .letra1{
        font-size: 1.6vmax;
    }
    .letra2{
        font-size: 1vmax;
    }
    .boton1{
        font-size: 1vmax;
    }
    .titulo3{
        font-size: 2.3vmax;
    }
    .letra7{
        font-size: 0.9vmax;
    }
    .tabs-carousel{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .tabs-carousel::-webkit-scrollbar{
        display: none;
    }
    .tabs-carousel .nav-item{
        flex: 0 0 72%;
        max-width: 240px;
        scroll-snap-align: start;
    }
    .tabs-carousel .nav-link{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        white-space: nowrap;
    }
    .tabs-carousel .nav-link img{
        width: 52px;
        height: auto;
        flex: 0 0 auto;
    }
    .cards-carousel > .col-lg-4{
        flex: 0 0 46%;
        max-width: 46%;
    }
    .cards-carousel-control{
        display: none;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1025px) {
    .tabs-carousel{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .tabs-carousel::-webkit-scrollbar{
        display: none;
    }
    .tabs-carousel .nav-item{
        flex: 0 0 72%;
        max-width: 240px;
        scroll-snap-align: start;
    }
    .titulo1{
        font-size: 4vmax;
    }
    .letra1{
        font-size: 1.6vmax;
    }
    .letra2{
        font-size: 1vmax;
    }
    .boton1{
        font-size: 1vmax;
    }
    .titulo3{
        font-size: 2.3vmax;
    }
    .tabs-carousel .nav-link{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        white-space: nowrap;
    }
    .tabs-carousel .nav-link img{
        width: 52px;
        height: auto;
        flex: 0 0 auto;
    }
    .cards-carousel > .col-lg-4{
        flex: 0 0 46%;
        max-width: 46%;
    }
    .cards-carousel-control{
        display: none;
    }
    .boton2{
        font-size: 1.1vmax;
    }
    .letra7{
        font-size: 1vmax;
    }
}