/* ==========================================================
   IURIS THEME
   FOOTER
   Versión 1.0
========================================================== */

/* ==========================================================
   FOOTER
========================================================== */

.iuris-footer{

    background:var(--iuris-primary);
    color:var(--iuris-white);

    padding:70px 0 0;

}

/* ==========================================================
   GRID
========================================================== */

.iuris-footer-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:50px;

}

/* ==========================================================
   COLUMNAS
========================================================== */

.iuris-footer-col p{

    color:rgba(255,255,255,.80);

    margin-bottom:20px;

    line-height:1.8;

}

/* ==========================================================
   TÍTULOS
========================================================== */

.iuris-footer-title{

    color:var(--iuris-white);

    font-size:22px;

    margin-bottom:24px;

}

/* ==========================================================
   LISTAS
========================================================== */

.iuris-footer-list{

    list-style:none;

    margin:0;

    padding:0;

}

.iuris-footer-list li{

    margin-bottom:14px;

}

.iuris-footer-list a{

    color:rgba(255,255,255,.80);

    transition:color var(--transition);

}

.iuris-footer-list a:hover{

    color:var(--iuris-secondary);

}

/* ==========================================================
   FOOTER INFERIOR
========================================================== */

.iuris-footer-bottom{

    margin-top:60px;

    border-top:1px solid rgba(255,255,255,.10);

}

.iuris-footer-bottom .container{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:70px;

}

.iuris-footer-bottom p{

    margin:0;

    color:rgba(255,255,255,.65);

    font-size:14px;

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1024px){

    .iuris-footer-grid{

        grid-template-columns:repeat(2,1fr);

        gap:40px;

    }

}

@media (max-width:767px){

    .iuris-footer{

        padding-top:50px;

    }

    .iuris-footer-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .iuris-footer-bottom .container{

        text-align:center;

        padding:20px;

    }

}