/* Estilos para pantallas grandes (1920 x 1080) */
@media screen and (min-width: 1920px) {
  .kia-slide1 {
    width: 40000px !important;
  }
}

.mobile-menu_zise {
    margin-inline-start: -36rem !important;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid {
  display: grid;
}

.margin-left {
  margin-left: -24px;
}


*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}

.tile:nth-child(3n+1) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 67 76 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.flex-col {
  flex-direction: column;
}

.w-full {
  width: 100%;
}

.flex {
  display: flex;
}

.md\:text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: center;
}

.mt-2 {
  margin-top: 0.5rem;
}

a {
  color: inherit;
  text-decoration: inherit;
}

a:hover {
  color: inherit;
  text-decoration: inherit;
}

.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}

.bg-gray-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(205 208 210 / var(--tw-bg-opacity));
}

.hover\:bg-gray-20\/60:hover {
  background-color: #cdd0d299;
}

.tile:nth-child(3n+1):hover {
  background-color: #37434ce6;
}

.zise-image {
  max-width: 40%;
  display: block;
  margin: auto;
}

@media only screen and (min-width: 1500px){
.aspect-\[16\/15\] {
       aspect-ratio: 19/18.95 !important;
  }
}
@media only screen and (min-width: 1450px) and (max-width: 1499px) {
   .aspect-\[16\/15\] {
       aspect-ratio: 20/19.53 !important;
    } 
}
@media only screen and (min-width: 1440px) and (max-width: 1440px) {
   .aspect-\[16\/15\] {
       aspect-ratio: 20/19.9 !important;
    } 
}

@supports (-ms-ime-align:auto) {
  @media only screen and (max-width: 1430px) {
    @supports (-webkit-appearance:none) and (-webkit-min-device-pixel-ratio:0) {
      .aspect-\[16\/15\] {
        aspect-ratio: 16/15.1!important;
        /*aspect-ratio: 16/15.14!important;*/
      }
    }
  }
}


@supports (-webkit-appearance:none) {
  @media only screen and (max-width: 1430px) and (-webkit-min-device-pixel-ratio:0) {
    .aspect-\[16\/15\] {
      aspect-ratio: 16/14.4!important
    }
  }
}