@font-face {
    font-family: "tipografia1";
    src: url(../tipografia/Jura-Regular.ttf);
}
@font-face {
    font-family: "tipografia2";
    src: url(../tipografia/Jura-Bold.ttf);
}
.reportesGene{
    padding-bottom: 2%;
}
.estados{
  height: 10vmax;   /* altura fija */
  width: 100%;      /* ocupa todo el ancho disponible */
  object-fit: cover;
}
.navbar-expand-lg{
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1.5%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background: rgba(135, 135, 135, 0.6);
    border-radius: 2vmax;
}
.navbar-expand-lg.scrolled {
    background: rgba(135, 135, 135, 1);
    margin-top: 0;               /* quita el margen superior */
    border-radius: 0;            /* opcional: pegado totalmente */
    border-radius: 2vmax;
}
.fondo1 {
    position: relative;
    z-index: 1;
}
.fondo4 {
    position: absolute;
    left: 0;
    right: 1.7%;
    top:0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 28px;
}
.visible1{
    display: block;
}

.fondo2{
    background: url(../img/LOGOBACK.png) center center;
    background-size:cover;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important; 
    background-repeat: no-repeat;
}
.fondo5{
    background: url(../img/8.png) left top;
    background-size:cover;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important; 
    background-repeat: no-repeat;
}
.fondo6{
    background: url(../img/32.png) center top;
    background-size:cover;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important; 
    background-repeat: no-repeat;
}
.fondo7 {
    position: relative;
    z-index: 1;
}
.fondo7::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), /* gris semitransparente */
        url(../img/27.png) top center;
    background-size: cover;
    z-index: -1;
}
/* .fondo7{
    background: url(../img/27.png) center top;
    background-size:cover;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important; 
    background-repeat: no-repeat;
} */
.primero{
    padding-top: 8vmax;
}
.margen1{
    padding-left: 5%;
    padding-right: 5%;
}
.logo{
    width: 13vmax
}
.navbar-light .navbar-nav .nav-link{
    color: white;
}
.glass-card {
  position: relative;
  background: rgba(135, 135, 135, 0.6);
  color: #fff;
  border-radius: 28px;
 --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 30px; /* horizontal offset (no percentage) */
  --y: 20px; /* vertical offset (no percentage) */
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;

}
.glass-card2 {
  position: relative;
  border-radius: 28px;
--r: 30px; /* the radius */
  --s: 60px; /* size of inner curve */
  --x: 60px; /* horizontal offset (no percentage) */
  --y: 30px; /* vertical offset (no percentage) */
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
 mask:
    calc(var(--s) + var(--r)) 0 var(--_m),
    0 calc(var(--s) + var(--r)) var(--_m),
    radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px)) 
     var(--r) var(--r) no-repeat,
    conic-gradient(at calc(var(--s) + 2*var(--r)) calc(var(--s) + 2*var(--r)),
     #000 75%,#0000 0);
  mask-repeat: no-repeat;
}
.glass-card3 {
  position: relative;
  border-radius: 28px;
--r: 30px; /* the radius */
  --s: 60px; /* size of inner curve */
  --x: 60px; /* horizontal offset (no percentage) */
  --y: 30px; /* vertical offset (no percentage) */
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    right 0 bottom calc(var(--s) + var(--r)) var(--_m),
    right calc(var(--s) + var(--r)) bottom 0 var(--_m),
    radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r)) calc(-1*var(--r)) no-repeat,
    conic-gradient(from 90deg at calc(100% - var(--s) - 2*var(--r)) calc(100% - var(--s) - 2*var(--r)),
     #0000 25%,#000 0);
     mask-repeat: no-repeat;
}
.glass-card4 {
  position: relative;
  border-radius: 28px;
--r: 10px; /* the radius */
  --s: 40px; /* size of inner curve */
  --x: 40px; /* horizontal offset (no percentage) */
  --y: 10px; /* vertical offset (no percentage) */
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(var(--s) + var(--r)) 0 var(--_m),
    0 calc(var(--s) + var(--r)) var(--_m),
    radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px)) 
     var(--r) var(--r) no-repeat,
    conic-gradient(at calc(var(--s) + 2*var(--r)) calc(var(--s) + 2*var(--r)),
     #000 75%,#0000 0);
  mask-repeat: no-repeat;
}
.glass-card5 {
  position: relative;
  border-radius: 28px;
  background: #e8e8e8;
 --r: 30px; /* the radius */
  --s: 60px; /* size of inner curve */
  --x: 60px; /* horizontal offset (no percentage) */
  --y: 30px; /* vertical offset (no percentage) */
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    right calc(var(--s) + var(--r)) top 0 var(--_m),
    right calc(var(--s) + var(--r)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r)) var(--r) no-repeat,
    conic-gradient(at calc(100% - var(--s) - 2*var(--r)) calc(var(--s) + 2*var(--r)),
     #0000 25%,#000 0);
  mask-repeat: no-repeat;

}
/* Circulitos */
.dot {
  width: 3vmax;
  height: 3vmax;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
}
.glass-card::after {
  content: "";
  position: absolute;
  bottom: -40px; /* sobresale 40px hacia abajo */
  left: 50%;
  transform: translateX(-50%);
  width: 120px;   /* ancho de la pestaña */
  height: 40px;   /* alto de la pestaña */
  background: rgba(135, 135, 135, 0.6); /* mismo color del card */
  border-radius: 0 0 12px 12px; /* bordes redondeados abajo */
  box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* opcional para dar relieve */
}
.posicion1 {
    position: absolute;
    top: 0;
    right: 12px;
    left: 12px;
    bottom:25px;
    background: rgba(0,0,0,0.2);
    border-radius: 23px;
}
.posicion4 {
    position: absolute;
    top: 0;
    right: 14px;
    left: 14px;
}
.imagen1{
    width: 100%;
}
.logo2{
    width: 100%
}

.letraF{
    font-size: 1.5vmax;
}
.letraF2{
    font-size: 1vmax;
}
.letraF3{
    font-size: 1vmax;
}

.boton1{
    font-size: 1.1vmax;
    border-radius: 13px;
}
.boton2{
    font-size: 1.5vmax;
    border-radius: 3vmax;
    background:#C11402;
    padding-left: 3vmax;
    padding-right: 3vmax;
    padding-top: 1vmax;
    padding-bottom: 1vmax;
}
.boton2s{
    font-size: 0.7vmax;
    border-radius: 3vmax;
    background:#C11402;
    padding-left: 1vmax;
    padding-right: 1vmax;
}
.boton3{
    font-size: 1.5vmax;
    border-radius: 3vmax;
    background:black;
    padding-left: 3vmax;
    padding-right: 3vmax;
    padding-top: 1vmax;
    padding-bottom: 1vmax;
}
.boton5{
    font-size: 1.5vmax;
    border-radius: 1vmax;
    background:#484747;
    padding-left: 3vmax;
    padding-right: 3vmax;
    padding-top: 1vmax;
    padding-bottom: 1vmax;
}

.boton5.active{
    font-size: 1.5vmax;
    border-radius: 1vmax;
    background:#C11402;
    padding-left: 3vmax;
    padding-right: 3vmax;
    padding-top: 1vmax;
    padding-bottom: 1vmax;
}
.boton6{
    font-size: 2vmax;
    background:#C11402;
    padding-left: 3vmax;
    padding-right: 3vmax;
    padding-top: 12px;
    padding-bottom: 12px;
}
.titulo1{
    font-size: 3vmax;
}
.titulo2{
    font-size: 2.2vmax;
}
.titulo3{
    font-size: 4vmax;
}
.titulo5{
    font-size: 7vmax;
}
.titulo4{
    font-size: 9vmax;
    position: absolute;
    top: -6vmax;
    left: 0;
    right: 0;
}
.texto1{
    font-size: 1.5vmax;
}
.texto1s{
    font-size: 2.3vmax;
}
.texto2{
    font-size: 3vmax;
}
.texto3{
    font-size: 3.5vmax;
}
.texto4{
    font-size: 2.5vmax;
}
.texto4s{
    font-size: 2.5vmax;
}
.texto5{
    font-size: 1.1vmax;
}
.texto6{
    font-size: 1.3vmax;
}
.texto7{
    font-size: 1vmax;
}
.texto7s{
    font-size: 1vmax;
}
.texto9{
    font-size: 2vmax;
}
.texto10{
    font-size: 1.8vmax;
}
.texto11{
    font-size: 6vmax;
}
.texto7fondo{
    font-size: 1.3vmax;
    padding-top: 4%;
    padding-bottom: 4%;
}
.texto7fondo2::placeholder {
  color: white;
  opacity: 1; /* para que no se vea grisáceo en algunos navegadores */
}
.texto8{
    font-size: 1.2vmax;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background: #C11402;
    color: #fff;
}
.nav-tabs .propi1{
    color: #C11402;
    border-left: solid 1px #242424;
    border-right: solid 1px #242424;
    border-top: solid 1px #242424;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-left: 10px;
    margin-right: 10px
}
.card1{
    border-radius: 2vmax;
    background: #C11402;
}
.card2{
    margin-left: 1%;
    margin-right: 1%;
    border: none;
}
.card3{
    border-radius:2vmax
}
.imgenradius0{
    border-top-left-radius:2vmax;
    border-bottom-left-radius:2vmax
}
.imgenradius{
    border-radius:2vmax;
}
.imagenIn{
     height: 35vmax;       /* altura fija */
  width: 100%;          /* ocupa todo el ancho del card */
  border-radius: 2vmax; 
  object-fit: cover; 
}
.imagenIn2{
  width: 3vmax; 
  margin-right:1vmax         /* ocupa todo el ancho del card */
}
.input1{
    height: 100%;
    border: solid 1px rgba(0,0,0,0.2); 
}
.carousel-indicators [data-bs-target] {
  width: 80px;
  height: 60px;
  border: none;
  background: none;
  padding: 0;
  margin: 0 5px;              /* separación entre miniaturas */
  display: flex;              /* activa flexbox */
  align-items: center;        /* centra verticalmente */
  justify-content: center;    /* centra horizontalmente */
}

.carousel-indicators img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.cardPreca{
    position: absolute;
    left: -15px;
    width: 55%;
    bottom: -11%;
    border-top-right-radius: 2vmax;
    border: none;
}
.cardPreca2{
    padding-top: 10%;
    padding-left: 11%;
}
.posicion2{
    position:absolute;bottom:10%;left:0;right:0
}
.posicion3{
    position:absolute;top:5%;left:0;right:0
}
.imagenFoo1{
    width: 100%;
}
.tamaniocard{
    width: 90%;
}
.posicion5{
    position:absolute;left:20%;bottom:0;width:20%
}
.posicion6{
    position:absolute;right:0;left:0;top:-2vmax
}
.progress-wrap {
  width: 100%;
  margin-bottom: 40px;
  position: relative;

  display: flex;
  justify-content: space-between;
}

.progress-wrap::before {
  content: "";
  width: 100%;
  height: 4px;

  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
  transition: 0.3s ease-in-out;
  background-color: #e6e6e6;
}

.progress {
  width: 0;
  height: 4px;

  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
  transition: 0.3s ease-in-out;
  background-color: #C11402;
}

.step {
  width: 40px;
  height: 40px;
  font-weight: bold;

  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  background-color: #fff;
  border: 3px solid #e6e6e6;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}

.step.active {
  border-color: #C11402;
}
/* Slider general */
#customRange1 {
  -webkit-appearance: none; /* quitar estilo por defecto */
  width: 100%;
  height: 10px;
  background: transparent; /* track personalizado */
  margin: 20px 0;
}

/* Chrome, Safari, Edge */
#customRange1::-webkit-slider-runnable-track {
  height: 10px;
  background: #C11402; /* color de la barra */
  border-radius: 5px;
}

#customRange1::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #ffffff; /* bolita blanca */
  border-radius: 50%;
  border: 2px solid #C11402;
  cursor: pointer;
  margin-top: -5px; /* centrar vertical */
}

/* Firefox track */
#customRange1::-moz-range-track {
  height: 10px;
  background: #C11402;
  border-radius: 5px;
}

/* Firefox thumb */
#customRange1::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #C11402;
  cursor: pointer;
}

/* Edge */
#customRange1::-ms-track {
  height: 10px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
#customRange1::-ms-fill-lower {
  background: #C11402;
  border-radius: 5px;
}
#customRange1::-ms-fill-upper {
  background: #C11402;
  border-radius: 5px;
}
#customRange1::-ms-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #C11402;
  cursor: pointer;
}

.img-radio {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 5px;
    transition: border 0.2s, transform 0.2s;
}
.img-radio img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.2s;
}
.img-radio p {
    margin: 5px 0 0 0;
    text-align: center;
}
/* Oculta los radios */
.img-radio input {
    display: none;
}
/* Cuando el radio está seleccionado */
.img-radio input:checked + img {
    border: 3px solid #C11402;
    transform: scale(1.05);
}

/* Opcional: borde en todo el label al seleccionar */
.img-radio input:checked ~ p {
    font-weight: bold;
}

.img-radio2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    gap: 5px;
}

.circle-border {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid transparent; /* borde por defecto */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: border 0.2s, transform 0.2s;
}

.img-radio2 img {
    width: 40px;   /* tamaño del ícono */
    height: 40px;
    object-fit: contain;
}

/* Oculta los radios */
.img-radio2 input {
    display: none;
}

/* Cuando se selecciona un radio */
.img-radio2 input:checked + .circle-border {
    border: 3px solid #C11402;
    transform: scale(1.1);
}
.margen34{
    padding-top:8%;padding-bottom:5%
}
.tabsh{
    margin-left:2%;margin-right:2%
}
.btn-whatsapp {
    position: fixed;
    bottom: 20px;          /* distancia desde arriba */
    right: 20px;        /* distancia desde la derecha */
    z-index: 9999;
    background: #25d366;
    border-radius: 50%;
    padding: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    transition: transform 0.2s ease, background 0.3s ease;
    width: auto;
}

.btn-whatsapp img {
    width: 32px;
    height: 32px;
    display: block;
}

.btn-whatsapp:hover {
    transform: scale(1.1);
    background: #1ebe5d;
}
.login-page {
    width: 100%;
    height: 100vh;
    display: inline-block;
    display: flex;
    align-items: center;
}
.logo1 {
	width: 30%
}
.logoPer {
	width: 10%
}

.logoPer2 {
	width: 8%
}
.imagen1 {
	width: 100%
}
.imagen1s {
	width: 7%
}
.imagen2 {
	width: 8%
}
.same-height {
 height: 100px;        /* altura fija */
  width: 100%;
  object-fit: contain;  /* ajusta sin recortar */
}
.progress2{
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; filter:invert(1); }
.img-fluid2 {
  width: 100%;        /* que se adapte al ancho del contenedor */
  object-fit: contain; /* mantiene la proporción y se ve completa */
}
.clase1Ima{
    height:50px
}
.clase1Ima2{
    height:28px
}
@media (max-width: 667px) {
    .reportesGene{
        padding-bottom: 10%;
    }
    .primero{
        padding-top:10vmax;
    }
    .navbar-expand-lg{
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 1.5%;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
        background: rgba(135, 135, 135, 1);
        border-radius: 2vmax;
    }
    .navbar-light .navbar-nav .nav-link{
        color:white
    }
    .oculto {
        display: flex !important;
    }
    .completo1 {
       
        background: transparent;
    }
    .navbar-light .navbar-toggler{
        filter: invert(1);
    }
    .nav-tabs .propi1{
        font-size: 1vmax;
        margin-left: 1px;
        margin-right: 1px;
    }
    .tabsh{
        margin-left:auto;margin-right:auto
    }
    .margen34{
        padding-top:28%;padding-bottom:5%
    }
    .margen1{
        padding-left: auto;
        padding-right: auto;
    }
    .padding1{
        padding-left: 1%;
        padding-right: 1%;
    }
    .posicion6{
        position:relative;right:auto;left:auto;top:auto
    }
    .posicion5{
        position:absolute;left:70%;bottom:0;width:25%
    }
    .tamaniocard{
        width: 100%;
    }
    .imagenFoo1{
        width: 70%;
    }
    .paddingarriba{
        padding-top: 5%;
    }
    .paddingarriba2{
        padding-top: 10%;
    }
    .fondo3{
        background: url(../img/11.png) left top;
        background-size:cover;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important; 
        background-repeat: no-repeat;
    }
    .visible1{
        display: none;
    }
    .margentop3{
        margin-top:10%
    }
    .margrnb3{
        margin-bottom:3%
    }
    .padding1{
        padding-left: 5%;
        padding-right: 5%;
    }
    .boton2s{
        font-size: 1.7vmax;
    }
    .posicion2{
        position:absolute;bottom:10%;left:10%;right:0;
    }
    .posicion3{
        position:absolute;top:5%;left:0;right:7%
    }
    .posicion4 {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
    }
    .estados{
        height: 20vmax;
    }
    .glass-card{
        margin-top: 5%;
    }
    .oculto{
        display: none;
    }
    .titulo1{
        font-size: 3.5vmax;
    }
    .titulo2{
        font-size: 2.7vmax;
    }
    .titulo3{
        font-size: 4vmax;
    }
    .titulo5{
        font-size: 7.5vmax;
    }
    .titulo4{
        font-size: 9.5vmax;
        position: absolute;
        top: -6vmax;
        left: 0;
        right: 0;
    }
    .texto1{
        font-size: 2vmax;
    }
    .texto1s{
        font-size: 2.7vmax;
    }
    .texto2{
        font-size: 3vmax;
    }
    .texto3{
        font-size: 4vmax;
    }
    .texto4{
        font-size: 4vmax;
    }
    .texto4s{
        font-size: 3vmax;
    }
    .texto5{
        font-size: 1.6vmax;
    }
    .texto6{
        font-size: 1.8vmax;
    }
    .texto7{
        font-size: 1.5vmax;
    }
    .texto7s{
        font-size: 8px;
    }
    .texto9{
        font-size: 2.5vmax;
    }
    .texto10{
        font-size: 2.3vmax;
    }
    .texto11{
        font-size: 6.5vmax;
    }
    .imagen1{
        width: 50%;
    }
    .letraF{
        font-size: 2vmax;
    }
    .letraF2{
        font-size: 1.5vmax;
    }
    .letraF3{
        font-size: 1.5vmax;
    }
    .clase1Ima{
        height:23px
    }
    .clase1Ima2{
        height:10px
    }
    .carcomprometemos{
        padding-bottom: 15%;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) { 
    .primero{
        padding-top:5vmax;
    }
    .navbar-dark .navbar-nav .nav-link{
        font-size: 1vmax;
    }
    .logo{
        width: 10vmax
    }
    .slogan{
        width: 7vmax;
    }
    .titulo1{
        font-size: 3.2vmax;
    }
    .textcarousel{
        top: 5%;
    }
    .titulo2{
        font-size: 3vmax;
    }
    .texto1{
        font-size: 1.5vmax;
    }
    .texto1s{
        font-size: 1.7vmax;
    }
    .texto2{
        font-size: 2.3vmax;
    }
    .letraNum{
        font-size: 4vmax;
    }
    .letraNum2{
        font-size: 2.3vmax;
    }
    .titulo4{
        font-size: 5vmax;
        top:-3vmax
    }
    .padding9{
        padding-top: 30%;
    }
    .letrahexagono{
        font-size: 1.8vmax;
    }
    .letrahexagono2{
        font-size: 2.8vmax;
        width: 45%;
    }
    .boton4{
        font-size: 2vmax;
        padding-top: 2.5vmax;
        padding-bottom: 2.5vmax;
    }
    .carruseln1{
        width: 115%;
    }
    .widthexagono{
        width: 7vmax;
    }
    .navfillceldas{
        display: block!important;
    }
    .bordederecho{
        border-right: none;
    }
    .boton3{
        font-size: 1vmax;
    } 
    .boton3s{
        font-size: 1vmax;
    }  
    .tamanioflecha{
        width: 40%;
    } 
    .position4{
        font-size: 1vmax;
    }
    .clipped-border{
        height:21vmax;
        width:21vmax;
   }
   /* .overflow2{
    overflow: auto;
    height:35vmax;
} */
.logowha{
    width: 10px;
}
}
@media (min-width: 1600px)  {
    .primero{
        padding-top:4vmax;
    }
    /* .overflow2{
        overflow-x: hidden;
        overflow-y: auto;
        height:33vmax;
    } */
 
}  
.carouselinner .carousel-item.active,
.carouselinner .carousel-item-next,
.carouselinner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carouselinner .carousel-item-end.active,
    .carouselinner .carousel-item-next {
        transform: translateX(50%);
    }

    .carouselinner .carousel-item-start.active, 
    .carouselinner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

.carouselinner .carousel-item-end,
.carouselinner .carousel-item-start { 
    transform: translateX(0);
}