/* Aquí inicia el footer */

footer {
    width: 100%;
    background: #303739;
    position: absolute;
    bottom: 0;
}

a {
    text-decoration: none;
    color: white;
}

a:hover,
a:active {
    color: #FF7333;
}

.footerContent {
    padding: 20px;
    box-sizing: border-box;
    max-width: 1250px;
    background: #303739;
    margin: 0 auto;
    min-width: 280px;
}

.footerContent_Container{
    background: #303739;
    padding: 30px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.selectCountry {
    display: inline-block;
}

@media (min-width: 901px){
    .footerContent_ContainerMobile {
        display: none;
    }

    .footerContent_Menus {
        padding-bottom: 20px;
    }

    .footerContent_Menu {
        display: inline-block;
        /* padding-right: 50px; */
        vertical-align: top;
        width: 18%;
    }

    .footerTitulo {
        color: white;
        font-size: 15px;
        font-weight: bold;
    }

    .footerContent_Menu ul {
        list-style: none;
        padding: 0;
        padding-top: 10px;
        font-size: 13px;
    }

    .footerContent_Menu ul li {
        padding-bottom: 5px;
    }

    .footerContent_Menu ul li a {
        text-decoration: none;
        color: white;
    }

    .footerContent_Menu ul li a:hover,
    .footerContent_Menu ul li a:active {
        color: #FF7333;
    }
    
    .footerContent_PaisTC {
        border-top: solid 1px #455560;
        padding-top: 30px;
        padding-bottom: 10px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .footerPais {
        color: white;
        font-weight: bold;
        align-items: center;
        display: inline-flex;
        width: 40%;
        padding-right: 50px;
    }

    .footerPais div {
        display: inline-block;
        padding-right: 10px;
    }

    .footerTC {
        display: inline-block;
        text-align: right;
        color: white;
        font-size: 12px;
        width: 56%;
    }

    .footerTC  div {
        display: inline-block;
        padding-left: 20px;
    }

    .footerContent_Logo {
        display: inline-block;
        text-align: right;
        width: 26%;
    }

    .footerLogoNegativo {
        padding-bottom: 20px;
    }

    .footerIcono {
        display: inline-block;
        padding-right: 3px;
        padding-left: 3px;
    }

    .selectClass {
        padding-left: 10px;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        color: white;
        background: none;
        border: none;
    }
}

@media (max-width: 900px){
    .footerContent_Container {
        display: none;
    }

    .footerTitle {
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
        text-align: center;
        font-weight: bold;
    }

    .footerContenido {
        color: white;
        text-align: center;
        font-size: 14px;
    }

    .footerContenido ul {
        list-style: none;
        padding: 0;
    }

    .footerContenido ul li {
        padding-top: 5px;
    }

    .footerContenido ul li a {
        text-decoration: none;
        color: white;
    }
    
    .footerProductos {
        padding: 20px;
        padding-bottom: 10px;
        color: white;
        text-align: center;
        font-weight: bold;
    }
    
    .footerProductos_Contenido {
        text-align: center;
        color: white;
        display: none;
    }
    
    .footerRecursos {
        padding: 20px;
        padding-bottom: 10px;
        color: white;
        text-align: center;
        font-weight: bold;
    }
    
    .footerRecursos_Contenido {
        text-align: center;
        color: white;
        display: none;
    }
    
    .footerCompañia {
        padding: 20px;
        padding-bottom: 10px;
        color: white;
        text-align: center;
        font-weight: bold;
    }
    
    .footerCompañia_Contenido {
        text-align: center;
        color: white;
        display: none;
    }
    
    .footerPais_Contenido {
        text-align: center;
        color: white;
        border-bottom: solid 1px #455560;
        border-top: solid 1px #455560;
        margin-top: 30px;
    }
    
    .footerTC {
        padding: 10px;
        color: white;
        text-align: center;
        font-size: 10px;
        display: inline-block;
        width: 25%;
    }
    
    .footerPolitica {
        padding: 10px;
        color: white;
        text-align: center;
        font-size: 10px;
        display: inline-block;
        width: 25%;
    }
    
    .footerPais {
        padding: 10px;
        color: white;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
        width: 25%;
    }
    
    .footerContenido {
        padding: 10px;
        font-size: 12px;
    }
    
    .footerLogoIconos {
        height: 60px;
        display: flex;
        align-items: center;
        min-width: 280px;
    }
    
    .footerLogo {
        display: inline-block;
        width: 30%;
    }
    
    .footerIconos {
        display: inline-block;
        padding-top: 13px;
        position: absolute; 
        right: 50px;
    }
    
    .footerIcono {
        display: inline-block;
        padding-right: 3px;
        padding-left: 3px;
    }

    .selectClass {
        padding-left: 10px;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        color: white;
        background: none;
        border: none;
    }
}