.icon {
    margin-top: 4px; 
    border-radius: 0px; 
    width: 4.5%; 
}





.flex3{
    flex-basis: 62.8%;
    margin-top: 1%;
    margin-right: 0.7%;
    padding-bottom: 5%;
}

.icon{
    width: 1vw;
    filter: brightness(2.5);
}

.icon:hover{
    background-color: #aeafb2;
    filter: brightness(0.9);
}

.padre{
    /* height: 100vh; */
    display:flex;
    align-items: center;
    align-content: center;
}

.imgBtn{
    margin:auto;
}


.image{
   width: 62.5vw;
    display: block;
    margin:auto;  
    border-radius:8px;
    margin-bottom: 4vh;
}

.forward{
    
    border-radius: 50%;
    padding:0.5vw;
    background-color: #25252a;
}

.back{
    
    background-color: #25252a;
    border-radius: 50%;
    padding:0.5vw;
  
}

.close{
    transform: rotate(45deg);
    background-color: #25252a;
    border-radius: 50%;
    padding: 0.5vw;
    margin:0 10px;
}

.buttons{
    position: relative;
    top:6.5vh;  
    margin-left: 86.5%;

}


.first{
    visibility: hidden;
}

.last{
    visibility: hidden;
}


.buttons a{
    text-decoration: none;
}


.image{
    margin-top: -3%;
}
@media (max-width: 1024px) {

    .buttons {
    top: 4.5vh;
    margin-left: 83%;}

}



@media (max-width: 800px) {

.flex3{
    flex-basis: 98%;
    margin-top: 0%;
    
}

.close{
    margin: 0 0;
}


.icon{
    width: 3vw;
    filter: brightness(2.5);
}

.image{
width: 100%;
}

img{
    width: 98%;
    object-fit: contain;
}

.buttons{
    top: 4vh;
    margin-left: 83%;
}

}


@media(max-width:768px){
.buttons{
        display:none;
    }
}

@media (min-width: 800px) {

    .M1{
        display:none;
    }
    
}


@media (min-width: 320px) and (max-width:600px){

    .imageMobile{
        margin-left: 1%;
        margin-right: 1%;
        margin-top:19vw;
    }
}



@media (min-width: 768px) and (max-width:1000px) {

     .imageMobile{
         margin-left: 1%;
        margin-right: 1%;
        margin-top:18vw;

    }
}
@media (min-width:1000px) {

     .imageHref{
        pointer-events: none;
        cursor: default;

    }
}

@media all and (device-width: 1536px) and (device-height: 2048px) and (orientation:portrait) {
  .padre{height: 60vh;}
  .buttons{height:3.5vh}
}