/*

Id: pg-ln-07
Nombre: Ln07
Fecha: 09/12/21
Sistema: Site Mater
*/

.section--filter:before {
    display: none;
}
.landing__button {
    padding: 0.5em;
    margin:0;
}

.landing {
    display: flex;
    flex-direction: column;
    min-height: calc(var(--app-height) - var(--header-height));
   
}

.landing__img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
    z-index: -1;
}
.landing__img img{
    position: absolute;
    left:0;
    top:0;
    z-index:-1;
	border-radius:0;
}

.landing__head {
    padding: var(--padding-h);
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
    text-shadow:0px 0px 1rem rgba(0,0,0,0.7);
}
.landing__title {
    text-transform:uppercase;
    margin:0 0 0.25em;
}

.landing__icons {
    list-style: none;
}

.landing__icons {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1px;
    
}
.landing__icons li {
    list-style: none;
    display: flex;
    background: #eee;
}

.landing__icons li i {
    background: var(--primary);
    color: var(--primary-invert);
    font-size:var(--font-l);
    width: 54px;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing__icons-title {
    padding: 0.75rem;
    font-size:1rem;
}

.landing__contact {
    display: flex;
    list-style: none;
    padding: calc(var(--padding-h) * 0.5) var(--padding-h);
}
.landing__contact li{
    width: 100%;
}
.landing__button {
    width: 100%;
}
.landing__contact .button {
    width: 100%;
    text-align:center;
}
.landing__button{
    padding: 1rem;
    font-size: 1.2rem;
}
.rera {
    max-width: 150px;
    display: block;
}
/***************************
RESPONSIVE
**************************/
/* Estilos >= 600px */
@media screen and (min-width: 601px) {
    .landing__info {
        padding: var(--padding-h);
    }
    .landing__icons {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0.5rem;
    }
    .landing__contact {
        padding: 0 var(--padding-h) var(--padding-h) var(--padding-h);
    }
}

/* Estilos <= 820px */
@media screen and (max-width: 820px) {
    .section--landing {
        padding: 0;
    }
    .landing__inner {
        display:flex;
        flex-direction:column;
        flex:1;
    }
    .landing__img {
        flex: 1;
        min-height:240px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .landing__contact {
       
        justify-content: space-between;
    }
     .landing__contact li {
    }

}

/* Estilos >= 821px */
@media screen and (min-width: 821px) {
    .section--landing {
        min-height: 80vh;
        position: relative;
        padding: 0 var(--padding-h);
    }

    .landing {
        color: #fff;
        height: auto;
        justify-content:center;
        min-height: 80vh;
        padding: var(--padding-v) 0;
    }

    .landing__inner {
        max-width: 600px;
    }

    .landing__head {
        padding: 0;
        margin: 0 0 1.5rem;
        text-align: left;
    }

    .landing__icons li {
        color:var(--font-color);
        background: linear-gradient(to right, rgba(255,255,255,0.90) 0%,rgba(255,255,255,0.70) 50%,rgba(255,255,255,0.60) 100%);
    }
    .landing__icons li i {
        width:60px;
    }
        .landing__info {
        padding: 0;
        margin: 0 0 1.5rem;
    }

    .landing__img:after {
        background: rgba(0,0,0,0.4);
    }

    .landing__icons {
        grid-template-columns: auto;
        grid-gap: 0.25rem;
 
    }
    .landing__icons-title {
        padding: 1rem 1.25rem;
        font-size:var(--font-s);
    }
    .landing__contact {
        padding: 0;
    }

    .landing__contact li {
    }
    .landing__button {
        padding: 0.5em 1rem;
    }
}

/* Estilos >= 1024px */
@media screen and (min-width: 1024px) {
}

/* Estilos >= 1200px */
@media screen and (min-width: 1200px) {
}