#fichamoto .helper .bi { color: white !important; } #formAnuncioStep3 span.select2 { width: 100% !important; position: relative; } .select2-dropdown { z-index: 10000 !important; } #formAnuncioStep3 .select2-selection { height: auto !important; border: 0 !important; } #formAnuncioStep3 .select2-selection__arrow { display: none; } #formAnuncioStep3 .select2-selection__rendered { padding: 0.75rem 0.75rem; font-size: 15px; font-weight: 600; line-height: 20px; color: #000000; border: 1px solid #ced4da; appearance: none; border-radius: 0.375rem; box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%); } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: black; } #formAnuncioStep3 .select2-container--open.select2-container--above .select2-selection__rendered { border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: 0; } #formAnuncioStep3 .select2-container--open.select2-container--below .select2-selection__rendered { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 0; } .select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below { border-color: #ced4da; } #formAnuncioStep3 span.select2:after { font-family: 'Line Awesome Free'; font-weight: 900; content: "\f107"; border: 0; position: absolute; top: 50%; right: 10px; width: auto; height: auto; transform: translate(0, -50%); font-size: 12px; -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; transition: transform 0.4s ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; color: #000000; margin: 0; } #formAnuncioStep3 span.select2.select2-container--open:after { transform: translate(0, -50%) rotate(180deg); } #formAnuncioStep3 .wrap_dropdown_label.is-invalid .select2-selection__rendered { border-color: #dc3545; padding-right: calc(1.5em + 1.5rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.375rem + 0.7rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } #formAnuncioStep3 .wrap_dropdown_label.is-valid .select2-selection__rendered { border-color: #198754; padding-right: calc(1.5em + 1.5rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.375rem + 0.7rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } #capaPrecioTransporte { display: inline-block; font-size: 1.5rem; margin-bottom: 1.5rem; margin-top: 0.5rem; line-height: 1.2; color: #ef3340; font-weight: 600; } /*#calculaTuTransporte input,*/ #calculaTuTransporte select, /*#calculaTuPrecio input, */ #calculaTuPrecio select { font-size: 13px; } .subheader { position: relative; z-index: 988; } .subheader .nav .nav-item.con_submenu { position: relative; } .subheader .nav .nav-item.con_submenu > a.nav-link { border-radius: 20px !important; transition-delay: 0.4s; transition: border-bottom-left-radius 0.15s ease-in-out, border-bottom-right-radius 0.15s ease-in-out; } .subheader .nav .nav-item.con_submenu > a.nav-link { border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; transition-delay: 0s; } .subheader .nav .nav-item.con_submenu:hover > a.nav-link { background-color: #e5e5e5; transition-delay: 0s; } .subheader .nav .nav-item.con_submenu ul { position: absolute; top: 100%; left: 0; background-color: transparent; overflow: hidden; max-height: 0; height: auto; transition: max-height 0.15s ease-in-out; padding: 0; text-align: left; } .subheader .nav .nav-item.con_submenu:hover ul { max-height: 119px; background-color: #e5e5e5; } .subheader .nav .nav-item.con_submenu ul li { list-style: none; text-align: left; white-space: nowrap; } .subheader .nav .nav-item.con_submenu ul li a { border-radius: 0 !important; } .subheader .nav .nav-item.con_submenu ul li a.active { background-color: #ef3340 !important; } .subheader .nav .nav-item.con_submenu.active > a.nav-link { background-color: #ef3340 !important; border-radius: 20px !important; color: #fff !important; box-shadow: 0 0 0.3rem 0 #ef3340 !important; transition-delay: 0.2s; } .subheader .nav .nav-item.con_submenu.active:hover > a.nav-link { border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; transition-delay: 0s; } .pagina.pagina4 .subheader .nav .nav-link { padding: 0.5rem 1.5rem; } @media (min-width: 991.99px) { .subheader .nav .nav-item.con_submenu_mobile { display: none !important; } } @media (max-width: 991.98px) { .subheader .nav .nav-item.con_submenu { display: none !important; } } header { position: relative; z-index: 998; } .minificha a.model { text-decoration: none !important; } .wrap_acordeones .accordion-item:first-child { border-top: 1px solid var(--bs-accordion-border-color) !important; } .wrap_acordeones .accordion-item { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; } .wrap_acordeones .accordion-button { border-radius: 0 !important; background-color: transparent !important; color: #232842; } .wrap_acordeones .accordion-button:focus { z-index: 3 !important; border-color: transparent !important; outline: 0 !important; box-shadow: none !important; } .wrap_acordeones .accordion-button:not(.collapsed) { color: #ef3340 !important; } .wrap_acordeones .accordion-button::after { content: "\f107"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 20px; color: #232842; background-image: none; } .wrap_acordeones .accordion-button:not(.collapsed)::after { color: #ef3340 !important; } .wrap_acordeones .btn_link_footer { color: #232842; background-color: transparent; font-size: 13px; display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; padding: 5px 7px; border: 1px solid #ef3340; line-height: 13px; border-radius: 13px; text-decoration: none; -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; transition: transform 0.4s ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } .wrap_acordeones .btn_link_footer:hover { color: #ffffff; background-color: #ef3340; } #buscadorfilters .ms-options-wrap button > span { z-index: 988; } header { z-index: 989; } html #buscadorcontrol { display: none !important; } html.filtro_abierto #buscadorcontrol { display: inline !important; } html #buscadorfilters { display: none !important; } html.filtro_abierto #buscadorfilters { display: inline !important; } .wrapBtnVerResultadosMobile { display: none !important; } @media (max-width: 1023px) { #filtrador { background-color: #f0f1f2 !important; } } @media (max-width: 767px) { #filtrador, #filtrador .controls { padding-top: 0 !important; padding-bottom: 0 !important; } html.filtro_abierto #filtrador { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 999 !important; background-color: #f0f1f2 !important; } html.filtro_abierto #filtrador > .container { display: block; width: 100%; height: 100%; overflow-y: scroll; } html.filtro_abierto #filtrador #buscadorfilters form { padding-bottom: 250px; } html.filtro_abierto .wrapBtnVerResultadosMobile { display: block !important; position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background-color: #f0f1f2 !important; z-index: 999999; border-top: 1px solid black; } html.filtro_abierto .wrapBtnVerResultadosMobile a { font-size: 15px; line-height: 15px; width: 100%; border-radius: 30px; } #filtrador.scroll-to-fixed-fixed { z-index: 999 !important; background-color: #f0f1f2 !important; } } #scrollToTop { position: fixed; bottom: 30px; right: 30px; z-index: 998; background-color: #232842; color: white; border-radius: 100%; width: 50px; height: 50px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); line-height: 50px; text-align: center; cursor: pointer; font-size: 25px; display: none; } /* FCL - 20/05/2023: Estilos para ajustar temas de las motos vendidas */ .minificha_moto_vendida .badge_for_vendida { position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); padding: 5px 15px !important; } .minificha_moto_vendida .minifichalnk, .minificha_moto_vendida .content_info_minificha, .minificha_moto_vendida .content_info_finance_minificha { opacity: 0.6; } .ficha_moto_vendida #fichafotos { position: relative; } .ficha_moto_vendida #fichafotos .badge_for_vendida { padding: 10px 25px !important; font-size: 20px !important; font-weight: lighter !important; position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); z-index: 2; } .ficha_moto_vendida #fichafotos .container-fluid { position: relative; z-index: 1; opacity: 0.5; } /* //FCL - 20/05/2023: Estilos para ajustar temas de las motos vendidas */ /* FCL - 22/05/2023: Ajustar estilos de Como funciona */ ol.comofunciona .wrap_titulo_como_funciona .icono { top: 0 !important; transform: translate(0, 0) !important; } ol.comofunciona .wrap_titulo_como_funciona .icono .meganum { padding: 0 !important; line-height: 60px !important; color: white !important; font-size: 25px !important; } ol.comofunciona .wrap_titulo_como_funciona { display: flex !important; align-content: center !important; align-items: center !important; min-height: 60px !important; margin-bottom: 20px; } ol.comofunciona p { font-size: 1.2rem !important; } ol.comofunciona .wrap_titulo_como_funciona p.lead.text-principal { margin: 0 !important; font-size: 1.6rem !important; } .color-danger { color: #ef3340 !important; } #btnbuscarmotos a.btn { width: 250px; margin: 0 auto; display: block; } #fichamoto .widgetcontrata .accordion-item.servicioEspecial { border-bottom: solid 3px #ef3340; } #fichamoto .widgetcontrata .accordion-item.servicioEspecial .form-check-label { font-size: 1.2rem; } #fichamoto .widgetcontrata .accordion-item.servicioEspecial .form-check .form-check-input { width: 1.7em; height: 1.7em; margin-left: -2.3em; } #fichamoto .widgetcontrata .accordion-item.servicioNormal .form-check { padding: 1rem 0 1rem 3em; } .detalle3 { width: 170px; } @media (max-width: 767px) { ol.comofunciona p { font-size: 1rem !important; } ol.comofunciona .wrap_titulo_como_funciona p.lead.text-principal { font-size: 1.25rem !important; } } /* //FCL - 22/05/2023: Ajustar estilos de Como funciona */ /* FCL - 24/05/2023: Metiendo capa de ayuda dentro del listado de motos */ #resultadosBusqueda #fichamoto .helper { margin: 0; } #resultadosBusqueda #fichamoto .helper > div > div { font-size: 1rem; } #resultadosBusqueda #fichamoto .helper h6 { font-size: 1.4rem; } #resultadosBusqueda #fichamoto .helper h3 { font-size: 1.7rem; } @media (max-width: 575.98px) { .minificha { margin-top: 0rem !important; margin-bottom: 1.5rem !important; } #resultadosBusqueda #fichamoto .helper { margin-bottom: 1.5rem !important; } } /* //FCL - 24/05/2023: Metiendo capa de ayuda dentro del listado de motos */ /* FAQs */ .warp_faqs { } .warp_faqs .titulo_faqs { padding: 10px 0; position: relative; } .warp_faqs .titulo_faqs h2 { font-weight: 600; margin-bottom: 0; font-size: 1.5rem; line-height: 1.2; color: #242941; } .myAccordion { padding-left: 23px; margin-bottom: 30px; } .myAccordion > h3 { margin-bottom: 0 } .myAccordion > h3 a { margin: 0; border: 0; border-radius: 0; color: #ef3340; margin-top: 15px; padding: 10px 20px; cursor: pointer; position: relative; min-height: 43px; box-sizing: border-box; width: 100%; display: block; font-size: 20px; line-height: 24px; font-weight: 700; text-decoration: none !important; } .myAccordion > h3 a:after { content: "\f107"; color: #ef3340; font-family: 'Line Awesome Free'; font-weight: 900; line-height: 43px; height: 43px; width: 43px; display: block; position: absolute; top: 0; left: -30px; font-size: 34px; text-align: center } .myAccordion > h3.open a:after { content: "\f106"; } .myAccordion > div { border: 0; padding: 10px 20px; font-size: 16px; line-height: 20px } .popover { padding: 10px 15px !important; } .popover .popover-header { padding: 0 !important; background-color: transparent !important; border: 0 !important; } #banner_calcula_seguro img { display: block; width: 100%; border-radius: 1rem; margin-top: 0rem !important; margin-bottom: 60px !important; } #fichamoto.horizontal .helper { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: space-evenly !important; align-content: center !important; align-items: stretch !important; padding: 30px 25px; background: #ef3340 url(../images/fondo_helper.svg) no-repeat 100% 11px; margin-top: 0 !important; margin-bottom: 40px !important; } #fichamoto.horizontal .helper h3 { width: 100%; text-align: center; } #fichamoto.horizontal .helper > div > div { border-bottom: 0 !important; } .minificha .botonera { position: relative; z-index: 9999999999; } .ms-close-custom { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 100%; color: white; background-color: #242941; text-align: center; line-height: 30px; font-size: 20px; cursor: pointer; padding: 0; z-index: 9999; display: none; } .ms-active .ms-close-custom { display: block; } .ms-close-custom:hover { color: white; background-color: #ef3340; } .ui-datepicker .ui-datepicker-header { padding: 0; padding-right: 30px; } .ui-datepicker .ui-datepicker-next { right: 32px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close { position: absolute; top: 5px; right: 7px; width: 20px; height: 20px; border-radius: 100%; color: white !important; background-color: #242941 !important; text-align: center; line-height: 20px; font-size: 12px; cursor: pointer; margin: 0 !important; padding: 0 !important; border: 0 !important; text-decoration: none !important; background-image: none !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:hover { color: white !important; background-color: #ef3340 !important; } .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close { top: 8px; right: 12px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: 37px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:after { content: "\f105"; font-family: 'Line Awesome Free'; font-weight: 900; } .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:after { content: "\f00d"; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: 7px; right: auto; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after { content: "\f104"; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next span, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span { display: none !important; } .ui-datepicker .ui-datepicker-buttonpane { position: absolute; top: 0; right: 0; margin: 0; padding: 0; } .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current { display: none; } .ui-state-highlight.dz-preview{ width: 150px; height: 100px; border-radius: 10px; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; background-color: #242941; color: white; border: 0; } @media (max-width: 767px) { /*dmr*/ #header_concesionario{ margin-top: -24px; } .btn_buscar_moto_2, #porqueappmoto { display: none !important; } body > header { padding: 0; position: fixed; top: 0; left: 0; width: 100%; background-color: white; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); z-index: 998; } body > header .container.py-3 { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; padding-top: 15px !important; padding-bottom: 15px !important; } .header_sticky body > header .container.py-3 { padding-top: 0 !important; padding-bottom: 0 !important; } body { padding-top: 110px; } .pagina2 body { padding-top: 140px; } #filtrador { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; position: fixed; /* top: 86px; */ top: 135px; left: 0; width: 100%; z-index: 999; } .header_sticky #filtrador { top: 56px; } } /* AJUSTES Publicar anuncio responsive */ #publicaranuncio .comprobador div.img { width: 30% !important; } #publicaranuncio .comprobador div.txt { width: 70% !important; } @media (max-width: 1199px) { .subheader .nav .nav-link { padding: 0.5rem 1.5rem; font-size: 14px; } #formAnuncioStep3 .select2-selection__rendered, #publicaranuncio .wrap_input_label>input, #publicaranuncio .wrap_dropdown_label>select, #formdatos label, #publicaranuncio label, #suscripcion label, #compra label { font-size: .75rem; white-space: nowrap; } } #offCanvasContactoButton{ } #offCanvasContactoButtonMobile{ display: none; } @media (max-width: 767px) { #offCanvasContactoButtonMobile{ display: block; } #offCanvasContactoButton{ display: none !important; } #scrollToTop{ bottom: 80px; right: 15px; } }