@font-face {
    font-family: "tipografiaNormal";
    src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: "tipografiaMediana";
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: "tipografiaBold";
    src: url(../fonts/Poppins-Bold.ttf);
}

@font-face {
    font-family: "tipografiaBlack";
    src: url(../fonts/Poppins-Black.ttf);
}

body {
    background-color: #ecece4;
}

.primero {
    padding-top: 7.5%;
}

.logoPrin {
    width: 25%;
}

.puntos1 {
    width: 2.6rem;
}

.navbar-light .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1vmax;
    color: rgba(0, 0, 0, .6);
    white-space: nowrap;
}

.navbar-light.scroll {
    background-color: #ecece4;
    z-index: 99999;
}

.menuflex {
    padding-right: 10%;
}

.navbar-brand {
    width: 86%;
    margin-right: 0;
}

.navbar-expand-lg {
    border-bottom: 2px solid #0c0c4c;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding-left: 3%;
    padding-right: 3%;
}

.padding1 {
    padding-left: 3%;
    padding-right: 3%;
}

.marging1 {
    margin-left: 3%;
    margin-right: 3%;
}

.padding2 {
    padding-left: 5%;
    padding-right: 5%;
}

.letraF1 {
    font-size: 1.1vmax;
}

.correo1::placeholder {
    color: white;
    opacity: 1;
    /* Asegura que el color sea completamente blanco */
}

.correo1 {
    font-size: 1.5vmax;
    padding: 2%;
    background-color: transparent;
    color: white;
    border: solid 1px white;
    border-radius: 2vmax;
}

.letraF2 {
    font-size: 1.5vmax;
}

.fondo-mitad-derecha::after {
    background-image: url('../img/textura de botones.png');
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    background-size: 300% auto;
    background-position: center;
    opacity: 0.05;
    /* Ajusta la transparencia */
    z-index: 1;
    pointer-events: none;
}

.fondo-mitad-derecha2::after {
    background-image: url('../img/textura de botones.png');
    content: "";
    position: absolute;
    bottom: -5vmax;
    right: 0;
    width: 100%;
    height: 31%;
    background-size: 200% auto;
    background-position: center;
    opacity: 0.05;
    /* Ajusta la transparencia */
    pointer-events: none;
    filter: invert(1);
}

.fondo-mitad-derecha3::after {
    background-image: url('../img/textura de botones.png');
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-size: 300% auto;
    background-position: center;
    opacity: 0.05;
    /* Ajusta la transparencia */
    pointer-events: none;
    filter: invert(1);
}

.fondo-mitad-derecha4 {
    background-image: url('../img/textura de botones.png');
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 93%;
    background-size: 300% auto;
    background-position: center;
    opacity: 0.05;
    /* Ajusta la transparencia */
    pointer-events: none;
    filter: invert(1);
}

.fondo-mitad-derecha5::after {
    background-image: url('../img/textura de botones.png');
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 150%;
    background-size: 200% auto;
    background-position: center;
    opacity: 0.05;
    /* Ajusta la transparencia */
    pointer-events: none;
    filter: invert(1);
}

.letra1 {
    font-size: 1.9vmax;
}

.letra2 {
    font-size: 1vmax;
}

.letra3 {
    font-size: 2.9vmax;
}

.letra4 {
    font-size: 7.8vmax;
}

.letra5 {
    font-size: 3.2vmax;
}
.letra5S {
    font-size: 4vmax;
}
.letra7S {
    font-size: 1.8vmax;
}
.letra6 {
    font-size: 1.6vmax;
}

.letra7 {
    font-size: 1.4vmax;
}

.letra8 {
    font-size: 1.2vmax;
}
.letra8s {
    font-size: 2vmax;
}


.letra9 {
    font-size: 4.5vmax;
}

.letra10 {
    font-size: 6vmax;
}

.letra11 {
    font-size: 2.4vmax;
}

.boton1 {
    background-color: #0c0c4c;
    border-radius: 10px;
    font-size: 1.8vmax;
    padding-left: 8%;
    padding-right: 8%;
}

.boton2 {
    background-color: #0c0c4c;
    border-radius: 2vmax;
    font-size: 2vmax;
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 1.7%;
    padding-bottom: 1.7%;
}
.boton3 {
    background-color: #ecece4;
    border-radius: 10px;
    font-size: 1.6vmax;
    padding-left: 8%;
    padding-right: 8%;
    color: #0c0c4c;
}

.texto-transparente {
    color: transparent;
    -webkit-text-stroke: 2px #8c8c84;
    /* Borde del texto */
    font-size: 8vmax;
    font-weight: bold;
}

.texto-transparente2 {
    /* Borde del texto */
    font-size: 4vmax;
    font-weight: bold;
    color: #0c0c4c;
    position: absolute;
    bottom: 0;
    left: 10%;
}

.texto-transparente3 {
    color: transparent;
    -webkit-text-stroke: 2px #0c0c4c;
    /* Borde del texto */
    font-size: 10vmax;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 3%;
    margin-bottom: 0;
    line-height: 0.8;
}

.texto-transparente4 {
    /* Borde del texto */
    font-size: 4vmax;
    font-weight: bold;
    color: #0c0c4c;
    position: absolute;
    bottom: 0;
    left: 2%;
}

.carousel-inner2 .carousel-item.active,
.carousel-inner2 .carousel-item-next,
.carousel-inner2 .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
.carousel-inner2 .carousel-item-end.active,
.carousel-inner2 .carousel-item-next {
    transform: translateX(100%);
}

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

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

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
.carousel-inner .carousel-item-end.active,
.carousel-inner .carousel-item-next {
    transform: translateX(100%);
}

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

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

.img-fluid2 {
    height: 3vmax;
    /* Mantén la altura deseada */
    width: 100%;
    /* Asegúrate de que ocupen el ancho del contenedor */
    object-fit: contain;
    /* Mantén las proporciones sin distorsión */
    max-width: 100%;
    /* Evita que las imágenes se salgan del contenedor */
    padding-left: 5%;
    padding-right: 5%;
}

.img-fluid {
    height: 2.5vmax;
    /* Mantén la altura deseada */
    width: 100%;
    /* Asegúrate de que ocupen el ancho del contenedor */
    object-fit: contain;
    /* Mantén las proporciones sin distorsión */
    max-width: 100%;
    /* Evita que las imágenes se salgan del contenedor */
    padding-left: 5%;
    padding-right: 5%;
}

.full-input {
    display: inline-block;
    padding: 2%;
    border: 2px solid #0c0c4c;
    width: 100%;
}

.inputForm1 {
    outline: none;
    border: none;
    display: block;
    background: transparent;
}

.form-control:focus {
    background: transparent;
    border-color: none;
    box-shadow: none;
}

.posicion1 {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
}

.posicion2 {
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    bottom: 0;
}

.oculto {
    display: none;
}

.oculto2 {
    display: none;
}
.bordederecho{
    border-right: solid 2px #0c0c4c;
}
.flecha1{
    width: 50px;
}
.posici12{
    top:-5vmax
}
.imagenmi{
    width: 80%;
}
.fondoadmin{
    background: url(../img/BANER1COTTON.png) center center;
    background-size:cover;
    height: 100vh;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}
.logoAdmin1{
    width: 60%
}
.logoAdmin2{
    width: 7%;
}
.logo1{
	width: 12em
}
.logoPer{
	width: 10%
}
.logoPer2{
	width: 40px
}
.logoPer3{
    width: 5%;
}
.bottom1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%
}
.lblAdmin{
	font-size: 1.1vmax;
	font-family: 'tipografiaNormal', serif;
}
.texto1Admin{
	color: black;
	text-decoration:none;
	font-size: 20px;
	font-family: 'tipografiaNormal', serif;
}
.reportesGene{
    padding-bottom: 1%;
}
.bienherc{
    position: absolute;left: 0; right: 0; top: 0;bottom: 0; 
    background: rgba(255,255,255,0.2);
}
.padding90{
    padding-top:10%;padding-bottom:10%;
}
.disenio1{
    background: transparent;border-bottom: solid 2px #0c0c4c;border-right:none
}
.disenio2{
    background: transparent;border-right:none;
}
.logoFoot{
    width: 100%;
}
.site1>li>a {
    font-size: 1.2vmax;
    display: inline-block;
    width: 24vmax;
    padding: 10px;
    color: black;
    text-decoration: none;
    border-radius: 4px;
    text-overflow: ellipsis;
    margin: 5px 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    color: #0c0c4c;
    background: white;
}
@media (max-width: 576px) {
    .body8{
        padding-bottom: 0!important;
    }
    .padding90{
        padding-top:10%;padding-bottom:1%;
    }
    .reportesGene{
        padding-bottom: 10%;
    }
     .inicioAdmin{
        position: absolute;
        top: 10%;
        bottom: 0;
    }
    .logoAdmin1{
        width: 30%
    }
    .logoAdmin2{
        width: 5%;
    }
    .logo1{
        width: 7em
    }
    .logoPer{
        width: 7%
    }
    .logoPer2{
        width: 20px
    }
    .logoPer3{
        width: 3%;
    }
    .site1>li>a {
        font-size: 1.2vmax;
        width: 30vmax;
    }
    .logoFoot{
        width: 50%;
    }
    .imagenmi{
        width: 30%;
    }
    .letraBodi1{
        color: #0c0c4c!important;
    }
    .cardppo{
        border: none!important;
    }
    .posici12{
        top:0
    }
    .texto-transparente {
        font-size: 4.4vmax;
        font-weight: bold;
        line-height: 0.8;
    }
    .texto-transparente2 {
        /* Borde del texto */
        font-size: 2.2vmax;
        font-weight: bold;
        color: #0c0c4c;
        position: absolute;
        bottom: -5px;
        left: 10%;
        line-height: 0.8;
    }
    .texto-transparente3 {
        color: transparent;
        -webkit-text-stroke: 2px #0c0c4c;
        /* Borde del texto */
        font-size: 5vmax;
        font-weight: bold;
        position: absolute;
        bottom: 0;
        left: 3%;
        margin-bottom: 0;
        line-height: 0.8;
    }
    .texto-transparente4 {
        /* Borde del texto */
        font-size: 2.2vmax;
        font-weight: bold;
        color: #0c0c4c;
        position: absolute;
        bottom: -15px;
        left: 2%;
    }
    .oculto {
        display: contents !important;
    }
    .bordederecho{
        border-right: none;
    }
    .oculto1 {
        display: none !important;
    }

    .oculto2 {
        display: flex !important;
    }

    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: #ecece4;
        padding: 1rem;
    }

    .primero {
        padding-top: 25%;
    }

    .logoPrin {
        width: 35%;
    }

    .letra1 {
        font-size: 2.5vmax;
    }

    .letra2 {
        font-size: 1.8vmax;
    }

    .letra3 {
        font-size: 3.2vmax;
    }

    .letra4 {
        font-size: 5vmax;
    }

    .letra5 {
        font-size: 4vmax;
    }

    .letra6 {
        font-size: 1.4vmax;
    }

    .letra7 {
        font-size: 2.2vmax;
    }
    .letra5S {
        font-size: 4vmax;
    }
    .letra7S {
        font-size: 2.2vmax;
    }
    .letra8 {
        font-size: 2vmax;
    }

    .letra9 {
        font-size: 3vmax;
    }

    .letra10 {
        font-size: 3vmax;
    }

    .letra11 {
        font-size: 3.2vmax;
    }
    .carousel-inner .carousel-item.active,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
            display: block;
    }
    .carousel-inner .carousel-item>div {
        display: none;
    }
    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
    .carousel-inner2 .carousel-item.active,
    .carousel-inner2 .carousel-item-next,
    .carousel-inner2 .carousel-item-prev {
            display: block;
    }
    .carousel-inner2 .carousel-item>div {
        display: none;
    }
    .carousel-inner2 .carousel-item>div:first-child {
        display: block;
    }
    .img-fluid {
        height: 5vmax;
    }
    .img-fluid2 {
        height: 5vmax;
    }
    .flecha1{
        width: 30px;
    }
    .navbar-light .navbar-nav .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 2vmax;
        color: rgba(0, 0, 0, .6);
    }
    .posicion2 {
        position: static;
        top: 0;
        left: 5%;
        right: 5%;
        bottom: 0;
    }
    .boton3 {
        font-size: 1.4vmax;
    }
}
@media screen and (min-width: 577px) and (max-width: 819px) {
    .posici12{
        top:-3vmax
    }
     .letra4 {
        font-size: 5vmax;
    }
    .flecha1{
        width: 30px;
    }
    .img-fluid {
        height: 2vmax;
    }
    .img-fluid2 {
        height: 2vmax;
    }
    .texto-transparente {
        font-size: 5vmax;
    }
    .texto-transparente2 {
        /* Borde del texto */
        font-size: 2.2vmax;
        bottom: -5px;
    }
    .texto-transparente4 {
        /* Borde del texto */
        font-size: 2.5max;
        bottom: -15px;
    }
     .oculto1 {
        display: none !important;
    }

    .oculto2 {
        display: flex !important;
    }

    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: #ecece4;
        padding: 1rem;
    }
     .letra5 {
        font-size: 3vmax;
    }
     .letra9 {
        font-size: 3vmax;
    }
    .medida1{
        width: 70%!important;
    }
    .medida2{
        width: 50%!important;
    }
    .navbar-light .navbar-toggler{
        background: white;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #0c0c4c!important;
    }
    .letra10 {
        font-size: 4vmax;
    }
    .padding90{
        padding-top:1%;padding-bottom:1%;
    }
     .boton3 {
        font-size: 1.4vmax;
    }
    .letra5S {
        font-size: 5vmax;
    }
    .letra7S {
        font-size: 2.5vmax;
    }
}
@media screen and (min-width: 820px) and (max-width: 1000px) {
    .posici12{
        top:-3vmax
    }
      .letra4 {
        font-size: 5vmax;
    }
    .flecha1{
        width: 30px;
    }
    .img-fluid {
        height: 2vmax;
    }
    .img-fluid2 {
        height: 2vmax;
    }
    .texto-transparente {
        font-size: 5vmax;
    }
    .texto-transparente2 {
        /* Borde del texto */
        font-size: 2.2vmax;
        bottom: -5px;
    }
    .texto-transparente4 {
        /* Borde del texto */
        font-size: 2.5max;
        bottom: -15px;
    }
     .oculto1 {
        display: none !important;
    }

    .oculto2 {
        display: flex !important;
    }

    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: #ecece4;
        padding: 1rem;
    }
     .letra5 {
        font-size: 2.5vmax;
    }
     .letra9 {
        font-size: 3vmax;
    }
    .medida1{
        width: 70%!important;
    }
    .medida2{
        width: 50%!important;
    }
    .navbar-light .navbar-toggler{
        background: white;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #0c0c4c!important;
    }
    .letra10 {
        font-size: 3vmax;
    }
    .padding90{
        padding-top:1%;padding-bottom:1%;
    }
     .boton3 {
        font-size: 1.4vmax;
    }
    .letra5S {
        font-size: 5vmax;
    }
    .letra7S {
        font-size: 2.1vmax;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1025px) {
    .posici12{
        top:-3vmax
    }
    .letra4 {
        font-size: 5vmax;
    }
     .flecha1{
        width: 30px;
    }
    .img-fluid {
        height: 2vmax;
    }
    .img-fluid2 {
        height: 2vmax;
    }
     .texto-transparente {
        font-size: 5vmax;
    }
    .texto-transparente2 {
        /* Borde del texto */
        font-size: 2.2vmax;
        bottom: -5px;
    }
    .texto-transparente4 {
        /* Borde del texto */
        font-size: 2.5max;
        bottom: -15px;
    }
     .letra5 {
        font-size: 2.5vmax;
    }
     .letra9 {
        font-size: 3vmax;
    }
    .medida1{
        width: 70%!important;
    }
    .medida2{
        width: 50%!important;
    }
    .letra10 {
        font-size: 4vmax;
    }
    .padding90{
        padding-top:1%;padding-bottom:1%;
    }
     .boton3 {
        font-size: 1.4vmax;
    }
}
@media screen and (min-width: 1026px) and (max-width: 1300px) {
    .letra11 {
        font-size: 2.1vmax;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1700px) {
}