/* INICIO FOOTER */
/* footer {
 
} */
.footer {
    background-color: black;
    /* min-height: 400px; */
}
.footer-bottom {
    background-color: var(--color-dark);
}
.footer-protec {
    display: flex;
    width: 100%;
    justify-content: space-between;
    /* padding: 40px 0 20px 0; */
    color: white;
    text-align: center;
    flex-wrap: wrap;
}

.sub-footer-protec {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 20px 0 20px 0;
    color: white;
    text-align: center;
    /* background-color: black; */
    background-image: linear-gradient(90deg, #000000 0%, #242626 50%, #000000 55%);
}

.white-mode  .sub-footer-protec {
    /* background-color: white; */
    color: black;
    box-shadow: 0 0px 15px 0px rgb(0 0 0 / 80%);
    -webkit-box-shadow: 0 0px 15px 0px rgb(0 0 0 / 80%);
    z-index: 99999;
    display: inline-block;
    background-image: linear-gradient(90deg, #ffffff 0%, #f1f1f1 50%, #ffffff 55%);
}


.footer-protec > div {
    flex: 1;
    padding: 50px 20px 50px 20px;
}

.footer-protec > div:nth-child(1) {
    background-color: rgba(255, 255, 255, 0.15);
}
.footer-protec > div:nth-child(2) {
    background-color: rgba(255, 255, 255, 0.10);
}
.white-mode .footer-protec > div:nth-child(2) {
    background-color: rgba(255, 255, 255, 0.4);
}
.footer-protec > div:nth-child(3) {
    background-color: rgba(255, 255, 255, 0.05);
}
.white-mode .footer-protec > div:nth-child(3) {
    background-color: rgba(255, 255, 255, 0.7);
}

.white-mode .footer-protec > div:nth-child(4) {
    background-color: rgba(255, 255, 255, 1);
}

.white-mode .footer-protec > div:nth-child(4) p {
    color: black;
}

.titulo-footer {
    color: var(--color-protec);
    margin-bottom: 20px;
    width: auto;
    font-style: italic;
}

.single-casos-de-exito .titulo-footer {
    color: var(--color-casos-exito);
}
.single-post .titulo-footer {
    color: var(--color-novedades);
}
.single-servicios .titulo-footer {
    color: var(--color-protec);
}
.single-soluciones .titulo-footer {
    color: var(--color-productos);
}

#submenu-footer-menu-uno li,
#submenu-footer-menu-dos li {
    list-style: none;
    margin-bottom: 5px;
}

#submenu-footer-menu-uno li a,
#submenu-footer-menu-dos li a {
    text-decoration: none;
    color: white;
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
    border-bottom: 2px solid var(--color-protec);
    text-transform: capitalize;
    padding: 0 5px 5px 5px;
    box-shadow: inset 0px 0 0 0 var(--color-protec);
    transition: color 0.5s ease-in-out, box-shadow 0.3s ease-in-out;
}


    #submenu-footer-menu-uno li a:hover,
    #submenu-footer-menu-dos li a:hover {  
    color: #ffffff;
    font-weight: 700;    
    border-bottom: 4px solid var(--color-protec);
    box-shadow: inset 0px -50px 0 0 var(--color-protec);
}  



.footer-protec .wp-block-image {
    margin-bottom: 30px;
}

.footer-protec {
    box-shadow: 0 0px 23px 3px rgb(0 0 0 / 90%);
    -webkit-box-shadow: 0 0px 23px 3px rgb(0 0 0 / 90%);
}

.white-mode .footer-protec {
    box-shadow: 0 0px 15px 0px rgb(0 0 0 / 80%);
    -webkit-box-shadow: 0 0px 15px 0px rgb(0 0 0 / 80%);
}

.arriba-top {
color: #ffffff;
font-size: 2rem;
 background-color: var(--color-protec);
width: auto;
position: fixed;
right: 1rem;
bottom: 1rem;
padding: 10px 18px;
border-radius: 100%;
cursor: pointer;
box-shadow: inset 0 0 0 0 var(--color-protec);
transition: color .3s ease-in-out, box-shadow .5s ease-in-out;
}

.arriba-top:hover {
    box-shadow: inset 0 -100px 0 0 grey;
}

#casos-de-exito .arriba-top,
.single-casos-de-exito .arriba-top {
    background-image: var(--degrade-casos-exito);
    box-shadow: inset 0 0 0 0 var(--color-casos-de-exito);
    transition: color .3s ease-in-out, box-shadow .5s ease-in-out;    
    }

    #casos-de-exito .arriba-top:hover,
.single-casos-de-exito .arriba-top:hover {
    box-shadow: inset 0 -100px 0 0 grey;
    color: white;   
    }

#novedades .arriba-top,
.single-post .arriba-top  {
    background-image: var(--degrade-novedades);   
    box-shadow: inset 0 0 0 0 var(--color-novedades);
    transition: color .3s ease-in-out, box-shadow .5s ease-in-out;
}

#novedades .arriba-top:hover,
.single-post .arriba-top:hover  {
    /* background-image: var(--degrade-novedades); */
    box-shadow: inset 0 -100px 0 0 var(--color-protec);
    color: white;
    
}

#soluciones .arriba-top,
.single-soluciones .arriba-top {
    background-image: var(--degrade-productos);
    box-shadow: inset 0 0 0 0 var(--color-soluciones);
    transition: color .3s ease-in-out, box-shadow .5s ease-in-out;
}

#soluciones .arriba-top:hover,
.single-soluciones .arriba-top:hover {
    box-shadow: inset 0 -100px 0 0 grey;
    color: white;

}



/* De 1400px para ABAJO */
@media (max-width: 1400.98px) {   

    .footer-protec > div {
        flex-wrap: wrap;
        min-width: 44vw;
    }
}

/* De 1400px para ABAJO */
@media (max-width: 800.98px) {   

    .footer-protec {
        flex-direction: column !important;
        text-align: center !important;
        min-width:auto;
    }
    /* .footer-protec > div {
        margin-bottom: 25px;
    } */
}


/* FIN FOOTER */