:root{
    --amarillo: #ffe727;
    --negro: #000000;
    --gris: #9A999E;
    --gris_click: #434246;
    --blanco: #fff;
    --redesSociales:#000000;

    --altoPie: 330px;
    --altoIcono: 55px;
    --radioBorde: 10px;
}

.contPie{
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.conD, .conI{
    width: 50%;
    height: var(--altoPie);
    margin: auto;
}

.conD iframe{
    width: 100%;
    height: 100%;
    border: none;
    margin: 0 auto;
    padding: 0px;
    border-radius: var(--radioBorde);
}


.conI{
    width: 50%;
    height: var(--altoPie);

    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    align-content: center;
}
/* CAJA DE REDES SOCIALES */
.conRedes{
   width: 40px;
   height: 100%;
   margin-left: 20px;
   margin-right: 40px;
   padding-top: 10px;
}
.conRedes_img{
    width: 40px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gris);
}
.conRedes_img:hover{
    transform: scale(1.2);
    transition: all 0.5ss ease;
}
.conAnimacion{
    width: calc(100% - 40px);
    height: var(--altoPie);
}
.conAnimacion iframe{
    width: 100%;
    height: calc(var(--altoPie) - 80px);
    border-radius: var(--radioBorde);
}
/* FIN CAJA DE REDES SOCIALES */



/* Imagen de Notificacion o Banner */

.autor{
    width: 100%;
    font-size: 10px;
    text-align: center;
    padding-bottom: -20px;
}

@media (max-width:768px){
    .contPie{
        flex-direction: column;
        align-items: center;
    }
    .conD, .conI, .conAnimacion{
        width: 100%;
        height: 100%;
        margin: auto;
    }
    .conD{
        margin-bottom: 20px;
        height: 100%;
    }
    .conI{
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
    .conRedes{
        width: 95%;
        height: 100%;
        margin-top: -25px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }

}