input:focus, select:focus, textarea:focus, button:focus {
    outline: 0;
}
body{
    padding: 0px;
    margin: 0px;
}
.entrarIzq{
    animation: entrarIzq 0.2s ease-out;
}

@keyframes entrarIzq {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}



.search-wrapper {
  position: relative;
}

.search-wrapper .item-list .opt {
  width: 100%;
  padding: 5px;
}


.search-wrapper .item-list {
  top: 60px;
  position: absolute;
  z-index: 55;
  width: 100%;
  overflow-y: auto;
  transition: all ease-in-out 0.2s;
  max-height: 150px;
}

.search-wrapper .item-list.hide {
  max-height: 0px;
  overflow: hidden;
}


.foto-gallery {
    aspect-ratio: 16/9;
    object-fit: contain;
    width: 100%;

}

.thumb-gallery {
    aspect-ratio: 16/9;
    object-fit: contain;
    height: 100%;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


@keyframes scaleInVertical {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes scaleInHorizontal {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes floatingY{
    0% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(-20px);
    }
}


@keyframes floatingEverywhere{
    0% {
        transform: translateY(0);
        transform: translateX(0);
    }
    10% {
        transform: translateX(-10px);
    }
    20% {
        transform: translateY(-10px);
    }
    30% {
        transform: translateX(0);
    }
    50% {
        transform: translateY(10px);
    }
    60%{
        transform: translateX(10px);
    }
    80%{
        transform: translateY(-10px);
    }
    80%{
        transform: translateX(0px);
    }
    90%{
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0);
        transform: translateX(-10);
    }
}