/*=========================================================
=              FOOTER IMM NANCHITAL
=========================================================*/

:root{

    --footer-primary:#6A1B9A;
    --footer-secondary:#EC5A9C;
    --footer-orange:#F57C00;
    --footer-dark:#38135F;
    --footer-light:#FFFFFF;
    --footer-text:#EFEFEF;

    --transition:.35s ease;
    --shadow:0 15px 40px rgba(0,0,0,.18);

}

/*=========================================================
FONDO
=========================================================*/

.footer-imm{

    position:relative;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #38135F 0%,
        #56208B 45%,
        #7A1FA2 100%
    );

    color:#FFF;

    padding:80px 0 45px;

}

/* Línea superior */

.footer-imm::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:5px;

    background:linear-gradient(
        90deg,
        #EC5A9C,
        #F57C00
    );

}

/* Brillo decorativo */

.footer-imm::after{

    content:"";

    position:absolute;

    top:-220px;
    right:-180px;

    width:430px;
    height:430px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

}

/*=========================================================
LOGO
=========================================================*/

.footer-logo{

    display:flex;

    justify-content:center;

    align-items:center;

}

.footer-logo img{

    max-width:175px;

    background:#FFF;

    padding:22px;

    border-radius:22px;

    box-shadow:0 18px 40px rgba(0,0,0,.25);

    transition:.4s;

}

.footer-logo img:hover{

    transform:translateY(-6px);

    box-shadow:0 22px 45px rgba(0,0,0,.30);

}

/*=========================================================
TITULOS
=========================================================*/

.footer-title{

    color:#FFF;

    font-size:23px;

    font-weight:700;

    margin-bottom:28px;

    position:relative;

    padding-bottom:14px;

}

.footer-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:55px;

    height:4px;

    border-radius:50px;

    background:#EC5A9C;

}

/*=========================================================
CONTACTO
=========================================================*/

.footer-info p{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:18px;

    color:#EEE;

    line-height:1.7;

}

.footer-info i{

    width:44px;

    height:44px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(255,255,255,.10);

    color:#FFF;

    font-size:18px;

    flex-shrink:0;

}

.footer-info a{

    color:#EEE;

    text-decoration:none;

    transition:var(--transition);

}

.footer-info a:hover{

    color:#EC5A9C;

}

/*=========================================================
LINKS
=========================================================*/

.footer-links{

    display:flex;

    flex-direction:column;

}

.footer-links a{

    color:#EEE;

    text-decoration:none;

    margin-bottom:15px;

    padding-left:22px;

    position:relative;

    transition:.3s;

}

.footer-links a::before{

    content:"➜";

    position:absolute;

    left:0;

    color:#EC5A9C;

}

.footer-links a:hover{

    color:#EC5A9C;

    padding-left:30px;

}

/*=========================================================
REDES
=========================================================*/

.footer-social{

    display:flex;

    gap:14px;

    margin-top:28px;

}

.footer-social a{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(255,255,255,.10);

    color:#FFF;

    font-size:18px;

    text-decoration:none;

    transition:.35s;

}

.footer-social a:hover{

    background:#F57C00;

    transform:translateY(-5px);

}

/*=========================================================
COPYRIGHT
=========================================================*/

.footer-copy{

    background:#2E0C48;

    color:#DDD;

    padding:20px 0;

    text-align:center;

    font-size:14px;

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

}

.footer-copy a{

    color:#EC5A9C;

    text-decoration:none;

}

.footer-copy a:hover{

    color:#FFF;

}

/*=========================================================
BOTÓN SUBIR
=========================================================*/

.back-to-top{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#EC5A9C;

    color:#FFF;

    border:none;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    transition:.35s;

    z-index:999;

}

.back-to-top:hover{

    background:#F57C00;

    transform:translateY(-5px);

}

/*=========================================================
EFECTOS
=========================================================*/

.footer-links a,
.footer-social a,
.footer-info a{

    transition:.35s;

}

.footer-imm .col-lg-4{

    transition:.35s;

}

.footer-imm .col-lg-4:hover{

    transform:translateY(-4px);

}

/*=========================================================
TABLET
=========================================================*/

@media(max-width:991px){

.footer-logo{

margin-bottom:45px;

}

.footer-logo img{

max-width:160px;

padding:18px;

}

.footer-title{

margin-top:20px;

}

.footer-social{

justify-content:flex-start;

}

}

/*=========================================================
MOVIL
=========================================================*/

@media(max-width:768px){

.footer-imm{

text-align:center;

padding:60px 0 35px;

}

.footer-title::after{

left:50%;

transform:translateX(-50%);

}

.footer-info p{

justify-content:center;

text-align:left;

}

.footer-social{

justify-content:center;

}

.footer-links{

align-items:center;

}

.footer-links a{

padding-left:0;

}

.footer-links a::before{

display:none;

}

.footer-logo img{

max-width:145px;

padding:16px;

}

.footer-copy{

font-size:13px;

padding:16px 10px;

}

}