/*Seccion Footer*/
.footer-box-wrap{
	display: none;
}
.footer-contenido{
    grid-column: 1/-1;
    width      : 100%;
    text-align : center;
    align-items: center;
    /*por delante de la tarjeta*/
    position: relative;
    z-index: 11;
}
    .footer-contenido > div{
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 180px 1fr auto;
        grid-gap: 20px;
        align-items: center;
        justify-items: center;
        letter-spacing: .015em;
    }
        .footer-contenido > div img{
            width: 100%;
            max-width: 135px;
        }
        .footer-contenido > div ul{
            display: grid;
            padding: 0 0 20px 0;
            grid-gap: 25px;
            grid-auto-flow: row;
        }
			.footer-contenido > div ul li::before{
				font-family: var(--iconos);
				font-size: 30px;
				display: block;
				margin-bottom: 10px;
			}
				.footer-contenido > div ul li:nth-child(1)::before{
					content: 'location_on';
				}
				.footer-contenido > div ul li:nth-child(2)::before{
					content: 'email';
				}
				.footer-contenido > div ul li:nth-child(3)::before{
					content: 'call';
				}
        .footer-contenido > div div{
            padding: 40px 0;
            width: 100%;
            border-radius: 15px 15px 0 0;
            position: relative;
            top: 0;
        }
            .footer-contenido > div div p{
                line-height: 1.2em;
				text-align: center;
            }
            .footer-contenido > div div a,
            .footer-contenido > div div a:visited{
                font-size: 20px;
                padding: 8px;
                display: inline-block;
                transition: all .2s ease;
            }
                .footer-contenido > div div a:hover{
                    text-decoration: none;
                    transform: scale(1.3);
                }
					.footer-contenido > div div a > span{
						font-size: 1em;
					}

/* ================= Celular girado ==================== */
@media screen and (min-width:480px){
	.footer-contenido > div ul{
		padding: 20px 0;
		grid-gap: 35px;
		grid-auto-flow: column;
	}
}
/* ================= Tablet ==================== */
@media screen and (min-width:560px){

}
/* ================= Escritorio ==================== */
@media screen and (min-width:960px){

}
/* ================= Escritorio ==================== */
@media screen and (min-width:1024px){
	.footer-contenido{
		position: relative;
		z-index: 11;
	}
		.footer-contenido > div{
			grid-template-columns: 220px 1fr 350px;
			grid-template-rows: 1fr;
			grid-gap: 20px;
		}
			.footer-contenido > div ul{
				padding: 100px 0;
				grid-gap: 50px;
			}
			.footer-contenido > div div{
				padding: 100px 0;
				height: calc(100% + 15px);
				position: relative;
				top: -8px;
			}
}