body {
    margin: 0;
    padding: 0;
}

.inicio {
    display: block;
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../images/objetos/inicio/fondo/fondo-azul.png');
}

/**** Seccion redes sociales ****/
.redes-sociales-box {
    position: absolute;
    z-index: 1;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
}

.redes-sociales-box img {
    cursor: pointer;
    display: inline-block;
    border: solid black 3px;
    border-radius: 100%; 
    height: 40px; 
}


.fondo-inicio-bottom {
    position: absolute;
    /*z-index: 1;*/
    bottom: 0px;
    width: 100%;
    /*height: 270px;*/
    height: 43%;
}

/* Parte del menu interactivo */
.inicio-menu-interactivo {
    position: absolute;
    top: 20px;
    width: 100%;
    height: 73%;
    z-index: 6;
}

.inicio-menu {
    position: absolute;
    right: 90px;
    height: 96%;
}

.inicio-frase {
    position: absolute;
    top: 195px;
    left: 40px;
}

.foco-menu {
    position: absolute;
    right: 245px;
    z-index: 1;
    animation: encender-apagar-foco 2s cubic-bezier(.52,-0.04,0,1.03) infinite;
}

.menu-interactivo-item {
    position: absolute;
    width: 410px;
    height: 70px;
    right: 0;
    transition: 1s;
    cursor: pointer;
}

.menu-item-01 {
    /*top: 176px;*/
    top: 37%;
    height: 15%;
    width: 50%;
}
.menu-item-02 {
    /*
    top: 245px;
    height: 50px;*/
    top: 52%;
    height: 11%;
    width: 50%;
}
.menu-item-03 {
    /*top: 290px;*/
    top: 62%;
    height: 14%;
    width: 50%;
}
.menu-item-04 {
    /*
    top: 360px;
    height: 50px;*/
    top: 76%;
    height: 11%;
    width: 50%;
    z-index: 1;
}

/* fin */

/* Seccion de agradecimiento */

.seccion-agradecimientos {
    position: absolute;
    bottom: 15px;
    right: 10%;
    z-index: 1;
}

.agradecimientos-head-image {
    display: block;
    height: 45px;
    margin-bottom: 5px;
    cursor: pointer;
}

.agradecimientos-logo {
    height: 50px;
    margin-right: 15px;
}

/* Seccion de contacto */

.seccion-contactos {
    position: absolute;
    bottom: 35px;
    left: 3%;
    z-index: 1;
}

.seccion-contactos div {
    display: block;
    margin-top: 20px;
}

.seccion-contactos i {
    margin-right: 15px;
}

/* Nubes */
.nube {
    position: absolute;
}

.nube-01{
    top: 100px;
    animation: movimiento-nube 20s -16s linear infinite;
}
.nube-02 {
    top: 165px;
    animation: movimiento-nube 20s -12s linear infinite;
}
.nube-03 {
    top: 115px;
    animation: movimiento-nube 20s -8s linear infinite;
}
.nube-04{
    top: 200px;
    animation: movimiento-nube 20s -2s linear infinite;
}
.nube-05 {
    top: 120px;
    animation: movimiento-nube 20s -6s linear infinite;
}
.nube-06 {
    top: 20px;
    animation: movimiento-nube 20s -2s linear infinite;
}
.nube-07 {
    top: 60px;
    animation: movimiento-nube 20s -9s linear infinite;
}
/* Fin */

/* Globos */

.globo {
    position: absolute;
    width: 5.5%;
    animation-name: globo-subiendo;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.globo-01 {
    left: 480px;
    animation-delay: -15s;
}

.globo-02 {
    left: 385px;
    animation-delay: -9s;
}

.globo-03 {
    left: 555px;
    animation-delay: -5s;
}

.globo-04 {
    left: 300px;
    animation-delay: -4s;
}

.globo-05 {
    left: 480px;
    animation-delay: -30s;
}

.globo-06 {
    left: 385px;
    animation-delay: -24s;
}

.globo-07 {
    left: 555px;
    animation-delay: -20s;
}

.globo-08 {
    left: 300px;
    animation-delay: -19s;
}






@keyframes globo-subiendo {
    0% {
        display: none;
        transform: translateY(400%);
    }
    3% {
        display: block;
    }
    96% {
        display: none;
    }
    100% {
        transform: translateY(-100%);
    }
}

@keyframes encender-apagar-foco {
    0% { opacity: 0.5;}
    50% { opacity: 1;}
    100% { opacity: 0.5;}
}