) ocupa todo */ } @media (max-width: 991px) { .map-view .col-dispo, .col-filtro, .pestanaRight { display: none; } .map-view .row { display: block; } .map-view .col-resume, .map-view .col-mapa { position: absolute; } .map-view .col-mapa { height: 100vh; width: 100% !important; } .map-view .col-resume { width: 100% !important; z-index: 1; display: none; } } .map-view .col-filtro, .map-view .col-dispo { background-color: #f5f5f8; } .map-view a:focus { outline: 0; } .map-view .filter { background-color: #fff; border: 0; margin: 15px; padding: 10px; } .map-view .filter .tit18 { margin-top: 3px; margin-bottom: 17px; } .map-view #caja_hoteles_box, .map-view .nav-functions { background-color: #fff; } .map-view .nav-functions { border-radius: 4px 4px 0 0; } .map-view #caja_hoteles_box { position: relative; border-radius: 0 0 4px 4px; padding: 6px 10px 10px 10px; margin-bottom: 0; } .map-view #caja_hoteles_box ~ #navbar_b { background-color: #fff; margin-bottom: 15px; border-radius: 4px; } .map-view .col-dispo { padding-right: 15px; } .map-view .nav-functions { margin: 15px 0 0 0; padding: 10px 10px 4px 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .map-view .nav-functions > div { padding-right: 0; } .map-view .tit-hoteles { position: absolute; top: -50px; } .map-view .head-box-hotel .img-hotel img { max-height: 205px; } .map-view .estiloCapaAgencia { height: 100vh; background-color: #fff; margin-bottom: 0; border: 0; } .map-view .estiloCapaAgencia .capa_mapa-btn div a, .map-view .estiloCapaAgencia .capa_mapa-btn div button.btn-white { color: #5388aa; outline: 1px solid #5388aa; outline-offset: -1px; border: none; background-color: #fff; font-size: 1.4rem; letter-spacing: normal; outline-color: #5388aa; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; } .map-view .estiloCapaAgencia .capa_mapa-btn div a i, .map-view .estiloCapaAgencia .capa_mapa-btn div button.btn-white i { margin-right: 7px; } .map-view .estiloCapaAgencia .capa_mapa-btn div a:focus, .map-view .estiloCapaAgencia .capa_mapa-btn div button.btn-white:focus { color: #5388aa; outline: 1px solid #5388aa; outline-offset: -1px; background-color: #ffffff; } .map-view .estiloCapaAgencia .capa_mapa-btn div a:hover, .map-view .estiloCapaAgencia .capa_mapa-btn div button.btn-white:hover { outline: 1px solid #00abbd; outline-offset: -1px; background-color: #ffffff; color: #00abbd; } .map-view .estiloCapaAgencia .capa_mapa-btn div a:active, .map-view .estiloCapaAgencia .capa_mapa-btn div button.btn-white:active { outline: 1px solid #00abbd; outline-offset: -1px; background-color: #00abbd; color: #ffffff; } .map-view .estiloCapaAgencia .capa_mapa-btn div a:active:focus, .map-view .estiloCapaAgencia .capa_mapa-btn div button.btn-white:active:focus { background-color: #00abbd; outline: 1px solid #00abbd; } .map-view .estiloCapaAgencia .capa_mapa-btn div a, .map-view .estiloCapaAgencia .capa_mapa-btn div button.btn-white { font-size: 1.2rem; padding: 6px 12px; } .map-view .estiloCapaAgencia .capa_mapa-btn div a i, .map-view .estiloCapaAgencia .capa_mapa-btn div button.btn-white i { font-weight: 400; } .map-view .capa_mapa-btn { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; position: relative; z-index: 10; padding: 15px 15px 20px 15px; border-bottom: 2px solid #eee; } .map-view .capa_mapa-btn_left { margin-right: 8px; -webkit-box-flex: 1; -ms-flex: 1 1 66%; flex: 1 1 66%; display: -webkit-box; display: -ms-flexbox; display: flex; } .map-view .capa_mapa-btn_left button { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .map-view .capa_mapa-btn_right { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; display: -webkit-box; display: -ms-flexbox; display: flex; } .map-view .capa_mapa-btn_right button { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .map-view .capa_address { right: 10px; } @media only screen and (max-width: 599px) { .map-view .estiloCapaAgencia .panel-map, .map-view .estiloCapaAgencia .mapaHotel { height: calc(100% - 120px); } .map-view .estiloCapaAgencia .capa_address { display: none; } .map-view .capa_mapa-btn { padding-top: 30px; } } @media only screen and (min-width: 600px) { .map-view .capa_mapa-btn { background-color: rgba(255, 255, 255, 0.85); } .map-view .capa_mapa-btn_left { margin-right: 8px; -webkit-box-flex: 1; -ms-flex: 1 1 66%; flex: 1 1 66%; display: -webkit-box; display: -ms-flexbox; display: flex; } .map-view .capa_mapa-btn_left button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .map-view .capa_mapa-btn_right { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .map-view .capa_mapa-btn_right button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .map-view .search-container, .map-view .resume-container { padding: 15px; } .map-view .resume-container { background-color: #fff; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2); } .map-view .resume-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 8px 30px 8px 10px; background-color: #245069; border-radius: 4px; color: #f5f5f8; font-size: 1.3rem; } .map-view .resume-zona, .map-view .resume-date { padding-right: 8px; } .map-view .resume-zona { font-weight: bold; } .map-view a.resume-ico { position: absolute; right: 8px; top: 6px; font-size: 1.6rem; color: #fff; } .map-view a.resume-ico:hover, .map-view a.resume-ico:focus { color: #00abbd; } .map-view .search-container { position: relative; background-color: #f5f5f8; border-bottom: 1px solid #DDDDDD; } .map-view .search-number { font-size: 1.2rem; line-height: 1.8rem; } .map-view .active-filter_container { margin-top: 8px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .map-view .active-filter_container .chip:first-child { margin-left: 0; } .map-view .active-filter_container .chip:last-child { margin-right: 0; } .map-view .col-mapa .active-filter_container { margin-top: 0; background-color: rgba(255, 255, 255, 0.85); position: absolute; top: 81px; z-index: 10; width: 100%; } .map-view .col-mapa .active-filter_container .chip-clean_container { display: none; } .map-view .col-mapa .active-filter_container .chip-list { margin: 8px 16px 0 16px; } .map-view .col-mapa .active-filter_container .filters-chip_container { margin-right: 0; } .map-view .filter-clean_btn { font-size: 1.3rem; } .map-view .btn-toggle-map { position: absolute; z-index: 999; top: 8px; right: -18px; width: 18px; height: 32px; border: 0; border-radius: 0 4px 4px 0; background-color: #f5f5f8; border-bottom: 1px solid #DDDDDD; } .map-view .btn-toggle-map::after { font-family: "Font Awesome 5 Pro"; content: "\f104"; color: #5388aa; font-size: 22px; line-height: 0; position: relative; top: 3px; right: 1px; } .map-view.no-dispo .btn-toggle-map::after { content: "\f105"; } .map-view #mostrar_filtros, .map-view #mostrar_filtros3 { margin-right: 8px; } @media only screen and (min-width: 600px) { .map-view .col-mapa .active-filter_container { top: 66px; } } @media only screen and (min-width: 992px) { .map-view .capa_mapa-btn #mostrar_filtros, .map-view .capa_mapa-btn #mostrar_filtros3 { display: none; } .map-view .col-mapa .active-filter_container { display: none; } } .map-view .leaflet-pane .result-box-hotel, .map-view .infoBox .result-box-hotel { margin-bottom: 0; } .map-view .leaflet-pane .panel-default, .map-view .infoBox .panel-default { border: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .map-view .leaflet-pane .panel-default.head-box-hotel .categoria-nodisp, .map-view .infoBox .panel-default.head-box-hotel .categoria-nodisp { margin-bottom: 4px; } .map-view .leaflet-pane .panel-body.map-popup-actions, .map-view .infoBox .panel-body.map-popup-actions { border-top: 1px solid #e3e3e7; margin-top: 15px; } .map-view .leaflet-pane .panel-body.map-popup-actions .link-card, .map-view .infoBox .panel-body.map-popup-actions .link-card { font-size: 1.2rem; line-height: 1.8rem; float: right; } .map-view .leaflet-pane .panel-body.map-popup-actions .link-card::before, .map-view .infoBox .panel-body.map-popup-actions .link-card::before { content: "\f055"; font-family: "Font Awesome 5 Pro"; font-weight: bold; margin-right: 4px; opacity: 0.8; } .map-view .leaflet-pane .panel-body.map-popup-actions .link-card::after, .map-view .infoBox .panel-body.map-popup-actions .link-card::after { position: relative; } .map-view .leaflet-pane .panel-body.map-popup-actions .link-card:hover, .map-view .infoBox .panel-body.map-popup-actions .link-card:hover { color: #00abbd; } .map-view .leaflet-pane .panel-body.map-popup-actions .link-card:focus, .map-view .infoBox .panel-body.map-popup-actions .link-card:focus { outline: none; } .map-view .leaflet-pane .panel-body.disp-hab-item-content, .map-view .infoBox .panel-body.disp-hab-item-content { padding-bottom: 0; } .map-view .leaflet-pane .hotel-card__distance, .map-view .infoBox .hotel-card__distance { display: none; } .map-view .leaflet-pane .list-tag .item-list-info:last-child, .map-view .infoBox .list-tag .item-list-info:last-child { padding-bottom: 0; } .map-view .leaflet-pane .map-popup-value, .map-view .infoBox .map-popup-value { position: absolute; top: 8px; left: 8px; z-index: 1; } .map-view .leaflet-pane .map-popup-value .valoracion.comments, .map-view .infoBox .map-popup-value .valoracion.comments { border-radius: 4px; padding: 2px 5px; font-size: 1.2rem; line-height: 1.8rem; } .map-view .leaflet-pane .map-popup-value .valoracion.comments.valor-green, .map-view .infoBox .map-popup-value .valoracion.comments.valor-green { background-color: #5CB75C; } .map-view .leaflet-pane .map-popup-value .valoracion.comments.valor-yellow, .map-view .infoBox .map-popup-value .valoracion.comments.valor-yellow { background-color: #E6BA0B; } .map-view .leaflet-pane .map-popup-value .valoracion.comments.valor-red, .map-view .infoBox .map-popup-value .valoracion.comments.valor-red { background-color: #B75C5C; } .map-view .leaflet-pane .map-popup-value .valoracion.comments a, .map-view .infoBox .map-popup-value .valoracion.comments a { color: #fff; } .map-view .leaflet-pane .map-popup-value .valoracion.comments i, .map-view .infoBox .map-popup-value .valoracion.comments i { margin-right: 4px; } .map-view .leaflet-popup-content-wrapper { border-radius: 4px; border: 0; -webkit-box-shadow: 0px 2px 3px #949a9e; box-shadow: 0px 2px 3px #949a9e; padding: 0; } .map-view .leaflet-popup-content { margin: 0; } .map-view .leaflet-popup-tip-container { margin-top: -18px; } .map-view .leaflet-popup-tip { -webkit-box-shadow: 3px 3px 3px #949a9e; box-shadow: 3px 3px 3px #949a9e; border: 0; } .map-view .leaflet-popup-close-button { display: none; } .map-view .infoBox { padding: 0; border: 0; border-radius: 4px; -webkit-box-shadow: 0px 2px 3px #949a9e; box-shadow: 0px 2px 3px #949a9e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .map-view .infoBox::after { content: ""; height: 18px; width: 18px; background-color: #fff; display: block; position: relative; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 3px 3px 3px #949a9e; box-shadow: 3px 3px 3px #949a9e; } .map-view .infoBox > img { display: none; } .map-view .infoBox .panel-default { -webkit-box-shadow: none; box-shadow: none; } .map-view .infoBox .foot-box-hotel { margin-bottom: 0; } .map-view .infoBox .panel-body.map-popup-actions { padding: 8px 15px 0 15px; } @media (max-width: 991px) { .map-view .leaflet-pane .panel-body, .map-view .infoBox .panel-body { padding: 8px; } .map-view .leaflet-pane .panel-body.map-popup-actions, .map-view .infoBox .panel-body.map-popup-actions { margin-top: 8px; } } .leaflet-price-marker { background: transparent; border: 0; } .map-price-marker { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; padding: 0 9px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 999px; background-color: #fff; color: #507387; font-size: 1.3rem; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); -webkit-transition: background-color 0.15s ease, color 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease; } .map-price-marker--selected { background-color: #507387; color: #fff; -webkit-transform: scale(1.08); transform: scale(1.08); } .map-price-marker--hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); background-color: #e8eef1; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } .map-price-marker--selected.map-price-marker--hover { background-color: #6a8898; color: #fff; -webkit-transform: translateY(-1px) scale(1.08); transform: translateY(-1px) scale(1.08); }