/* Pantalla ordenador */

@media screen and (min-width: 970px) and (max-width: 1199px) {
    /* ------------------------- Explorador */
    #explorador {
        width: 95%;
        margin: 0 auto;
        text-align: center;
    }
    #explorador .filtro {
        font-family: "Chelsea Market";
        font-weight: bold;
        font-size: 18px;
        color: #DA291C;
        background-color: #EFF3F5;
        border-radius: 5px;
        padding: 1px 5px;
        margin-left: 3px;
        border: 1px solid;
    }
    #explorador .filtrog {
        font-family: "Chelsea Market";
        font-weight: bold;
        font-size: 14px;
        color: #DA291C;
        background-color: #EFF3F5;
        border-radius: 5px;
        padding: 1px 5px;
        margin-left: 3px;
        border: 1px solid;
    }
    #explorador .prefiltro {
        margin-left: 10px;
        font-family: Chilanka;
        font-size: 11px;
        color: #666;
    }
    #explorador .boton {
        font-family: "Chelsea Market";
        font-size: 20px;
        font-weight: bold;
        color: #DA291C;
        background-color: #EFF3F5;
        border: #DA291C solid 1px;
        border-radius: 6px;
        padding: 4px;
        margin-left: 3px;
    }
    #explorador .boton:hover {
        background-color: #B6D7E6;
        color: #000;
    }
    #explorador .precioestimado {
        width: 30%;
        border-radius:10px;
        text-align: center;
        margin: 0 auto;
        font-family: Chilanka;
        font-size: 70px;
        font-weight: bold;
        color: #333;
        background-color: #66CCFF;
    }
}

/* Pantalla móviles */

@media screen and (max-width: 480px) {
    #explorador {
        width: 95%;
        margin: 0 auto;
        text-align: center;
    }
    #explorador .filtro {
        display: block;
        margin: 0.2em auto;
        padding: 0 0.4em;
        font-family: "Chelsea Market";
        font-weight: bold;
        font-size: 1.9rem;
        color: #DA291C;
        background-color: #EFF3F5;
        border-radius: 5px;
        border: 1px solid;
    }
    #explorador .filtrog {
        display: block;
        margin: 0.2em auto;
        padding: 0 0.4em;
        font-family: "Chelsea Market";
        font-weight: bold;
        font-size: 1.2rem;
        color: #DA291C;
        background-color: #EFF3F5;
        border-radius: 5px;
        border: 1px solid;
    }
    #explorador .boton {
        font-family: "Chelsea Market";
        font-size: 2.5em;
        font-weight: bold;
        color: #DA291C;
        background-color: #EFF3F5;
        border: #DA291C solid 1px;
        border-radius: 6px;
        padding: 0.3em;
        margin-left: 0.2em;
    }
    #explorador .boton:hover {
        background-color: #B6D7E6;
        color: #000;
    }
    #explorador .precioestimado {
        width: 90%;
        border-radius:10px;
        text-align: center;
        margin: 0 auto;
        font-family: Chilanka;
        font-size: 70px;
        font-weight: bold;
        color: #333;
        background-color: #66CCFF;
    }
}

/* Pantalla tablets */

@media screen and (min-width: 481px) and (max-width: 969px) {
    #explorador {
        width: 95%;
        margin: 0 auto;
        text-align: center;
    }
    #explorador .filtro {
        display: block;
        margin: 0.2em auto;
        padding: 0 0.4em;
        font-family: "Chelsea Market";
        font-weight: bold;
        font-size: 2rem;
        color: #DA291C;
        background-color: #EFF3F5;
        border-radius: 5px;
        border: 1px solid;
    }
    #explorador .filtrog {
        display: block;
        margin: 0.2em auto;
        padding: 0 0.4em;
        font-family: "Chelsea Market";
        font-weight: bold;
        font-size: 1.5rem;
        color: #DA291C;
        background-color: #EFF3F5;
        border-radius: 5px;
        border: 1px solid;
    }
    #explorador .boton {
        font-family: "Chelsea Market";
        font-size: 2.5em;
        font-weight: bold;
        color: #DA291C;
        background-color: #EFF3F5;
        border: #DA291C solid 1px;
        border-radius: 6px;
        padding: 0.3em;
        margin-left: 0.2em;
    }
    #explorador .boton:hover {
        background-color: #B6D7E6;
        color: #000;
    }
    #explorador .precioestimado {
        width: 60%;
        border-radius:10px;
        text-align: center;
        margin: 0 auto;
        font-family: Chilanka;
        font-size: 70px;
        font-weight: bold;
        color: #333;
        background-color: #66CCFF;
    }

}

/* Pantalla full width */

@media screen and (min-width: 1200px) {

    #explorador {
        width: 95%;
        margin: 0 auto;
        text-align: center;
    }
    #explorador .filtro {
        font-family: "Chelsea Market";
        font-weight: bold;
        font-size: 1.5rem;
        color: #DA291C;
        background-color: #EFF3F5;
        border-radius: 5px;
        padding: 1px 5px;
        margin-left: 3px;
        border: 1px solid;
    }
    #explorador .filtrog {
        font-family: "Chelsea Market";
        font-weight: bold;
        font-size: 1.2rem;
        color: #DA291C;
        background-color: #EFF3F5;
        border-radius: 5px;
        padding: 1px 5px;
        margin-left: 3px;
        border: 1px solid;
    }
    #explorador .prefiltro {
        margin-left: 10px;
        font-family: Chilanka;
        font-size: 11px;
        color: #666;
    }
    #explorador .boton {
        font-family: "Chelsea Market";
        font-size: 2rem;
        font-weight: bold;
        color: #DA291C;
        background-color: #EFF3F5;
        border: #DA291C solid 1px;
        border-radius: 6px;
        padding: 4px;
        margin-left: 3px;
    }
    #explorador .boton:hover {
        background-color: #B6D7E6;
        color: #000;
    }

    #explorador .precioestimado {
        width: 25%;
        border-radius:10px;
        text-align: center;
        margin: 0 auto;
        font-family: Chilanka;
        font-size: 70px;
        font-weight: bold;
        color: #333;
        background-color: #66CCFF;
    }
}