/**
 * En este archivo se encuentran todos los estilos relacionados a los mapas
 *
 */

/* Altura por defecto del mapa */
div.google-map {
    height: 300px;

    /* Para animar el redimensionado */
    -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out, height 300ms ease-in-out;
    transition: width 300ms ease-in-out, height 300ms ease-in-out;
}

div.modal div.google-map {
    height: 250px;
}

/* Altura según el tamaño de la pantalla */
@media screen and (min-width: 768px) {
    div.google-map {
        height: 400px;
    }
    div.modal div.google-map {
        height: 300px;
    }
}
@media screen and (min-width: 1367px) {
    div.google-map {
        height: 550px;
    }
    div.modal div.google-map {
        height: 400px;
    }
}