/* GENERAL */
@keyframes opacidad_delay {
    from { opacity: 1; }
    to { opacity: 1; }
}
@keyframes anim_titulo {
    from { opacity: 0; transform: scale(5, 1); filter: blur(2vw); }
    to { opacity: 1; transform: scale(1, 1); filter: blur(0); }
}
/* PRINCIPAL */
#principal_logo { position: relative; overflow: hidden; opacity: 0; }
#principal_logo.animar { opacity: 1; animation: principal_logo 3s 1; }
@keyframes principal_logo {
    from { opacity: 0; transform: scale(0); top: -30vw; filter: blur(2vw); transform: scale(1.3); }
    to { opacity: 1; transform: scale(1); top: 0vw; filter: blur(0); transform: scale(1); }
}
#principal_h2 { position: relative; opacity: 0; }
#principal_h2.animar { animation: principal_h2 3s 1s 1, opacidad_delay 1s 4s infinite; }
@keyframes principal_h2 {
    from { opacity: 0; filter: blur(2vw); transform: scale(1.3); }
    to { opacity: 1; filter: blur(0); transform: scale(1); }
}
#principal_argentina { position: relative; opacity: 0; }
#principal_argentina.animar { animation: principal_argentina 2s 2s 1, opacidad_delay 1s 2.1s infinite; }
@keyframes principal_argentina {
    from { opacity: 0; left: -50vw; filter: blur(2vw); transform: scale(1.3); }
    to { opacity: 1; left: 0vw; filter: blur(0); transform: scale(1); }
}
#principal_peru { position: relative; opacity: 0; }
#principal_peru.animar { animation: principal_peru 2s 2s 1, opacidad_delay 1s 2.1s infinite; }
@keyframes principal_peru {
    from { opacity: 0; right: -50vw; filter: blur(2vw); transform: scale(1.3); }
    to { opacity: 1; right: 0vw; filter: blur(0); transform: scale(1); }
}
/* INICIO */
#id_header { opacity: 0; }
#id_header.animar { opacity: 1; animation: id_header 3s 1; }
@keyframes id_header {
    from { opacity: 0; }
    to { opacity: 1; }
}
#inicio_h2 { position: relative; opacity: 0; }
#inicio_h2.animar { opacity: 1; animation: inicio_h2 3s 1; }
@keyframes inicio_h2 {
    from { opacity: 0; transform: scale(0); top: -30vw; filter: blur(2vw); transform: scale(1.3); }
    to { opacity: 1; transform: scale(1); top: 0vw; filter: blur(0); transform: scale(1); }
}
#inicio_btn { position: relative; opacity: 0; }
#inicio_btn.animar { animation: inicio_btn 3s 1s 1, opacidad_delay 1s 1.1s infinite; }
@keyframes inicio_btn {
    from { opacity: 0; transform: scale(0); top: -30vw; filter: blur(2vw); transform: scale(1.3); }
    to { opacity: 1; transform: scale(1); top: 0vw; filter: blur(0); transform: scale(1); }
}
/* HISTORIA */
#historia_titulo { position: relative; opacity: 0; }
#historia_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }
#historia_txt { position: relative; opacity: 0; }
#historia_txt.animar { animation: historia_txt 3s 3s 1, opacidad_delay 1s 6s infinite; }
@keyframes historia_txt {
    from { opacity: 0; left: -50vw; }
    to { opacity: 1; left: 0vw; }
}
#historia_img { opacity: 0; }
#historia_img.animar { animation: historia_img 3s 3s 1, opacidad_delay 1s 3.1s infinite; }
@keyframes historia_img {
    from { top: -25vw; }
    to { top: 0; }
}
#historia_carrusel { opacity: 0; }
#historia_carrusel.animar { opacity: 1; animation: historia_carrusel 5s 1; }
@keyframes historia_carrusel {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* PEDIDOS */
#pedidos_titulo { position: relative; opacity: 0; }
#pedidos_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }
#pedidos_txt { position: relative; opacity: 0; }
#pedidos_txt.animar { animation: pedidos_txt 3s 3s 1, opacidad_delay 1s 6s infinite; }
@keyframes pedidos_txt {
    from { opacity: 0; left: -50vw; }
    to { opacity: 1; left: 0vw; }
}
#pedidos_btn { position: relative; opacity: 0; }
#pedidos_btn.animar { animation: pedidos_btn 3s 4s 1, opacidad_delay 1s 7s infinite; }
@keyframes pedidos_btn {
    from { opacity: 0; left: -50vw; }
    to { opacity: 1; left: 0vw; }
}
#pedidos_img { opacity: 0; height: 30%; }
#pedidos_img.animar { animation: pedidos_img 3s 1s 1, opacidad_delay 1s 1.1s infinite; height: auto; }
@keyframes pedidos_img {
    from { right: -50vw; }
    to { right: 16vw; }
}
/* RESTAURANTE */
#restaurante_titulo { position: relative; opacity: 0; }
#restaurante_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }
#restaurante_txt { position: relative; opacity: 0; }
#restaurante_txt.animar { animation: restaurante_txt 3s 3s 1, opacidad_delay 1s 6s infinite; }
@keyframes restaurante_txt {
    from { opacity: 0; left: -50vw; }
    to { opacity: 1; left: 0vw; }
}
#restaurante_btn { position: relative; opacity: 0; }
#restaurante_btn.animar { animation: restaurante_btn 3s 4s 1, opacidad_delay 1s 7s infinite; }
@keyframes restaurante_btn {
    from { opacity: 0; left: -50vw; }
    to { opacity: 1; left: 0vw; }
}
#restaurante_img { position: relative; opacity: 0; }
#restaurante_img.animar { opacity: 1; animation: restaurante_img 5s 1; }
@keyframes restaurante_img {
    from { bottom: -50vw; }
    to { bottom: 0vw; }
}
/* EVENTOS */
#eventos_titulo { position: relative; opacity: 0; }
#eventos_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }
#eventos_txt { position: relative; opacity: 0; }
#eventos_txt.animar { animation: eventos_txt 3s 3s 1, opacidad_delay 1s 6s infinite; }
@keyframes eventos_txt {
    from { opacity: 0; left: -50vw; }
    to { opacity: 1; left: 0vw; }
}
#eventos_btn { position: relative; opacity: 0; }
#eventos_btn.animar { animation: eventos_btn 3s 4s 1, opacidad_delay 1s 7s infinite; }
@keyframes eventos_btn {
    from { opacity: 0; left: -50vw; }
    to { opacity: 1; left: 0vw; }
}
#eventos_img { position: relative; opacity: 0; }
#eventos_img.animar { opacity: 1; animation: eventos_img 5s 1; }
@keyframes eventos_img {
    from { opacity: 0; right: -50vw; }
    to { opacity: 1; right: 0vw; }
}
/* GALERÍA */
#galeria_titulo { position: relative; opacity: 0; }
#galeria_titulo.animar { animation: anim_titulo 1s 2s 1, opacidad_delay 1s 2.1s infinite; }
#img_galeria { opacity: 0; }
#img_galeria.animar { opacity: 1; animation: img_galeria 5s 1; }
@keyframes img_galeria {
    from { filter: grayscale(1); }
    to { filter: grayscale(0); }
}
/* CONTACTO */