@font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Thin.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Thin-Italic.otf') format('opentype'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Extra Light.otf') format('opentype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Extra-Light-Italic.otf') format('opentype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Light-Italic.otf') format('opentype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Regular-Italic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Regular-Italic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Semi-Bold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Semi-Bold-Italic.otf') format('opentype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Bold-Italic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Black.otf') format('opentype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: Lota; src: url('/Imagenes/fonts/Los-Andes-Lota-Grotesque-Black-Italic.otf') format('opentype'); font-weight: 800; font-style: italic; font-display: swap; } :root{ --costesseguro: #496cd2; --costesmantenimiento: #e4824d; --costesneumaticos: #eae714; --costesivtm: #e4d64d; --costesestacioncarga: #854de4; --costesora: #668dff; --costescombustible: #475e6f; --costespeaje: #a02896; --costesco2: #a03e28; --lightgray: #8b99a4; --adquisicion: #bf0c68; --tenencia: #ff682a; } .tooltip {z-index:999999999;} .tooltipancho .tooltip-inner {max-width:1600px;} .tooltip-inner {max-width:400px;} .text-adquisicion {color:var(--adquisicion);} .text-tenencia {color:var(--tenencia);} .text-gray {color:var(--lightgray);} .text-blue {color:#496cd2;} .text-seguro {color:var(--costesseguro);} .text-mantenimiento {color:var(--costesmantenimiento);} .text-neumaticos {color:var(--costesneumaticos);} .text-ora {color:var(--costesora);} .text-ivtm {color:var(--costesivtm);} .text-estacioncarga {color:var(--costesestacioncarga);} .text-combustible {color:var(--costescombustible);} .text-peaje {color:var(--costespeaje);} .text-co2 {color:var(--costesco2);} .bg-seguro {background-color:var(--costesseguro);} .bg-mantenimiento {background-color:var(--costesmantenimiento);} .bg-neumaticos {background-color:var(--costesneumaticos);} .bg-ivtm {background-color:var(--costesivtm);} .bg-ora {background-color:var(--costesora);} .bg-estacioncarga {background-color:var(--costesestacioncarga);} .bg-combustible {background-color:var(--costescombustible);} .bg-peaje {background-color:var(--costespeaje);} .bg-co2 {background-color:var(--costesco2);} .bg-gray {background-color:var(--lightgray);} small {font-weight:inherit;} .custom-select {-moz-appearance: none;-webkit-appearance: none;appearance: none;} hr.primary {border-color:var(--bs-primary);} .cursor-pointer {cursor:pointer;} .dropdown-item {font-weight:300;} .fa-stack-1em {font-size:0.8em;overflow:hidden;} .fa-stack-1em i {vertical-align:middle;} @media (min-width: 768px) { .fa-stack-1em {font-size:0.5em;} } .btn-link {text-decoration:none;} .cortinilla-container {position:relative;} #drawerNavegacion {width:250px;z-index:1;padding-bottom:3em;} footer {z-index: 2;} .drawer { height: 100%;width: 0; position: fixed;z-index: 1; top: 0;left: 0;overflow-x: hidden; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: translateX(-100%); transform: translateX(-100%); } body.drawer-in .drawer > .row {} body.drawer-in .drawer {transform: translate(0);-webkit-transform: translate(0);} header + div {transition: margin-left .3s ease;} body.drawer-in header + div {margin-left: 250px;border-left:solid 1px #e1e1e1;} @-webkit-keyframes rotarChevron { 0% {transform: none;} 100% {transform: rotate(90deg);} } @-moz-keyframes rotarChevron { 0% {transform: none;} 100% {transform: rotate(90deg);} } @-o-keyframes rotarChevron { 0% {transform: none;} 100% {transform: rotate(90deg);} } @keyframes rotarChevron { 0% {transform: none;} 100% {transform: rotate(90deg);} } [data-bs-toggle="collapse"][aria-expanded="true"] .collapse-chevrons .fa-chevron-right { -webkit-animation: rotarChevron 0.3s ease-out; -moz-animation: rotarChevron 0.3s ease-out; -o-animation: rotarChevron 0.3s ease-out; -animation: rotarChevron 0.3s ease-out; transform: rotate(90deg); } #cabecera .btn { font-size:0.9rem; } #cabecera .hideNombre > p {display:none;} #cabecera #logotipo {height:40px;} #cabecera .hideNombre #logotipo {height:40px;} #cabecera [data-bs-target="#modalConfiguracion"] {display:none;} html.Analisis #cabecera [data-bs-target="#modalConfiguracion"] {display:flex;} #cabecera a.disabled {color:#bbb !important;} #cabecera a.disabled:hover {text-decoration:none;} @media (min-width: 865px) { .headerLogo-sm { display: none; } .headerLogo { display: flex; } } @media (max-width: 864px) { .headerLogo-sm { display: flex; } .headerLogo { display: none; } } #home-btns-accesodirecto a.btn {width:12em;} #container-home { background-image: url(../Imgs/fotos/effimove.jpg); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } #cortinilla-home { background-color: rgba(1,1,1,0.6); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #0275d8 !important; background: #0d2a70 !important; font-weight: normal !important; color: #ffffff !important; } .filtro-con-corner {overflow:hidden;position:relative;display:inline-block;margin:1em auto 0px;text-align:center;cursor:pointer;border:solid 2px #fff;} .filtro-con-corner.selected {border-color: var(--bs-primary);} .corner-check { display: block; width: 15px; height: 15px; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent var(--bs-primary) transparent transparent; position: absolute; top: 0;right: 0;z-index: 999; color: #fff; text-shadow: 0 0 15px 5px #fff; -webkit-filter: drop-shadow(0 1px 5px #000000); filter: drop-shadow(0 1px 5px #000000); } .corner-check > i, .corner-check > .svg-inline--fa { position: relative; font-size: 1em; right: -27px; line-height: 50px; vertical-align: middle; color:#fff; font-size:1em; } .filtro-con-corner .corner-check {display:none;} .filtro-con-corner.selected .corner-check {display:inherit;} @media (max-width: 768px) { .filtro-con-corner {border-width:3px;} .filtro-con-corner.selected .corner-check {display:none;} } #footer-bottom-btnseleccion { position:sticky; bottom:0px; } .nowrap {white-space:nowrap;} .stylized-horizontal-scroll { } .stylized-horizontal-scroll::-webkit-scrollbar { margin-top: 1rem; height: 8px; } .stylized-horizontal-scroll::-webkit-scrollbar-track { background: #f1f1f1; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .stylized-horizontal-scroll::-webkit-scrollbar-thumb { background: var(--bs-secondary); border-radius: 10px; } .stylized-horizontal-scroll::-webkit-scrollbar-thumb:hover { background: #2cb879; } . #slidemodal-vehiculos-tipo .filtro-con-corner {border:solid 1px #dadada;width:100%;} #slidemodal-vehiculos-tipo .filtro-con-corner img {max-width:70%;} .slidemodal {position:absolute;top:0px;left:0px;right:0px;background:rgba(0,0,0,0.7);overflow:hidden;bottom:100%; transition: bottom .4s ease; } .slidemodal.open {bottom:0px;} [data-pmb-filtrovehiculo="marca"] img {border:solid 1px #dadada;} .rowfiltros .grupofiltro.active, .rowfiltros .dropdown > .grupofiltro.show { border: solid 1px var(--bs-secondary); color: var(--bs-secondary); } [data-pmb-filtrovehiculo].dropdown-item-text.selected { color: #fff; background-color: var(--bs-secondary) !important; } #cortinilla-cesta {position:absolute;top:0px;left:0px;right:0px;background:rgba(0,0,0,0.7);overflow:hidden;bottom:100%; transition: bottom .4s ease;z-index:900; } #cortinilla-cesta.open {bottom:0px;} #cortinilla-cesta [data-pmb-vehselectedpk] {border-bottom:solid 1px #eaeaea;padding-bottom:1rem;margin-bottom:1em;} #cortinilla-cesta > .bg-white { max-height: 98%; overflow-y: auto; } .rowfiltros, .rowselecteje { display:none; } .rowfiltros-sm, .rowselecteje-sm { overflow-x:auto; max-width:unset; } .rowselecteje-sm .stylized-horizontal-scroll { overflow-x:auto; max-width:unset; } @media (min-width: 865px) { .rowfiltros-sm { display:none; } .rowfiltros { display:flex; } } @media (max-width: 904px) { .colhiddensm { display:none; } } @media (min-width: 905px) { .rowselecteje-sm { display:none; } .rowselecteje { display:flex; } } .stickyBlockScrolled { background-color: white; z-index: 800; padding-top: 16px; } .stickyBlockScrolled .floatingHeaderTopGradient { height: 5px; } .stickyBlockScrolled .floatingHeaderBotGradient { height: 5px; background-image: linear-gradient(#808080, #fff); margin-top: 10px; } #modalFiltrosSM { } #modalFiltrosSM .modal-content, #modalSelectEjeSM .modal-content { max-height: 90vh; } #modalFiltrosSM .modal-body, #modalSelectEjeSM .modal-body { overflow: auto; } #modalFiltrosSM .modalfiltroheader, #modalSelectEjeSM .modalselectejeheader { border-top: solid 1px #dadada; } #modalFiltrosSM .modalfiltroheader:first-child, #modalSelectEjeSM .modalselectejeheader:first-child { border-top: none; } [data-pmb-sortfiltrado].selected { color: #fff; background-color: var(--bs-secondary) !important; } #modalAjustesComparativa .tabnavigation .nav-tabs .nav-item { min-width:30%; max-width:30%; } #modalAjustesComparativa .tabnavigation .nav-tabs .nav-link { background: rgba(0,0,0,0.5); color: #fff; } #modalAjustesComparativa .tabnavigation .nav-tabs .nav-link.active { background: #fff; color: var(--bs-primary); } .floatingHeader { position: sticky; top: 0px; background-color: white; z-index: 800; } #versiones-seleccionar [data-pmb-version] { box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); } .btnselectversion .text-selected {display:none;} .btnselectversion.selected .text-selected {display:inline;} .btnselectversion.selected .text-noselected {display:none;} html.SeleccionVersion .filtro-hidden-selectversion { display:none !important; } html.SeleccionVersion .filtro-static-selectversion .removefiltro{ display:none !important; } .modeloversion { padding:1em !important; } .icono-carroceria { filter: opacity(40%); max-width: 50%; height: auto; } .bleft {border-left:solid 1px #dadada;} .dropdown-item-text[data-pmb-cambioeje]:hover { background-color: var(--bs-secondary) !important; color: #fff !important; } .dropdown-item-text[data-pmb-cambioeje].selected { color: #fff; background-color: var(--bs-secondary) !important; cursor: default; } .vehicle-comparador-bar {height:20px;overflow:hidden;} .vehicle-comparador-bar > .bar-costes-vehiculo {height:20px;overflow:hidden;} .vehicle-comparador-bar > .bar-costes-vehiculo > [data-pmb-coste] {height:20px;overflow:hidden;} .row-vehicleactions { font-size:1.4rem;} .row-vehicleactions [data-pmb-vehicleaction="personalizar"]:hover {color: var(--bs-secondary);} form.formdetallevehiculo, .row-vehicleactions * {line-height:1em;} form.formdetallevehiculo button[type="submit"] {border:none;background:none;line-height:1em;color: var(--bs-primary);} form.formdetallevehiculo button[type="submit"]:hover {color: var(--bs-secondary);} form.formremoveveh button[type="submit"] {border:none;background:none;line-height:1em;} form.formremoveveh button[type="submit"]:hover {color: var(--bs-secondary);} .row-vehicleactions [data-pmb-vehicleaction="personalizar"] {line-height:1em;} .has-ion-slider.nomax .irs.isinmax span.irs-to::before, .has-ion-slider.nomax .irs span.irs-max::before, .has-ion-slider.nomax .irs.isinmax span.irs-single::before { content: "≥"; } .rowleyendacomparador { position: sticky; bottom: 0rem; background-color: rgba(255,255,255,1); } .vehicle-comparador .btnToggleFavorito.btn-outline-light, .vehicle-comparador-detalle .btnToggleFavorito.btn-outline-light { border-color: #ffff00; color: #444; } .vehicle-comparador .btnToggleFavorito.btn-outline-light:hover, .vehicle-comparador-detalle .btnToggleFavorito.btn-outline-light:hover { border-color: #444; color: #111; } .vehicle-comparador .btnToggleFavorito, .vehicle-comparador-detalle .btnToggleFavorito {background-color:#ffff00;} .vehicle-comparador .btnToggleFavorito.activo, .vehicle-comparador-detalle .btnToggleFavorito.activo {background-color:var(--bs-secondary);} .vehicle-comparador .btnToggleFavorito.activo:hover, .vehicle-comparador-detalle .btnToggleFavorito.activo:hover {color:#fff;} @media (max-width: 575px) { .vehicle-comparador .btnToggleFavorito, .vehicle-comparador-detalle .btnToggleFavorito { display:block; } } .btnToggleFavorito.btn-outline-light span.solicitada {display:none;} .btnToggleFavorito.btn-secondary span.solicitar {display:none;} .text-disclaimer {font-weight:300;line-height:1.2em;} .comparador-leyenda-activa *{ opacity: 1.0 !important; font-weight: bold; transform: scale(1.1) !important; } table#tableVentajas {border-collapse: separate;border-spacing: 0;table-layout: fixed;} table#tableVentajas thead th {position:sticky;top:0;background-color:#fff;background-clip: padding-box;font-weight:400;z-index:1;} table#tableVentajas thead th:after{ content:'';position:absolute;left: 0;bottom: 0;width:100%;border-bottom: 2px solid #bbb; } table#tableVentajas thead th.car {min-width:110px;border-left: solid 1px #dadada;border-right: solid 1px #dadada;padding-left:0.5em;padding-right:0.5em;vertical-align:top;} table#tableVentajas th, table#tableVentajas td {vertical-align:middle;} table#tableVentajas td {border-left: solid 1px #dadada;border-right: solid 1px #dadada;padding-left:0.5em;padding-right:0.5em;} table#tableVentajas tr {border-bottom: solid 1px #dadada;} table#tableVentajas th {padding:0.7em 1em;} table#tableVentajas th[scope="row"].icon > img {max-width:64px;} table#tableVentajas th[scope="row"].no_ve {max-width:400px;} table#tableVentajas thead th.stickycol {position: sticky;left: 0;z-index: 2;border-right: solid 1px #dadada;} table#tableVentajas tbody th.stickycol {position: sticky;left: 0;background: white;z-index: 1;border-right: solid 1px #dadada;} @media (max-width: 575px) { table#tableVentajas tr > th:first-child { display:none; } } @media (min-width: 576px) { table#tableVentajas th.stickycol {min-width:250px;} } table#tableVentajas tbody > tr > th, table#tableVentajas tbody > tr > td {border-bottom:solid 1px #f1f1f1;} .table-ctecnicas { border-collapse: collapse; } .table-ctecnicas td, .table-ctecnicas th { vertical-align:middle; padding: 0.75rem; } .table-ctecnicas td, .table-ctecnicas th[scope="row"]:first-child { padding-top: 0px; padding-bottom: 0px; overflow: hidden; } .table-ctecnicas td, .table-ctecnicas th[scope="row"]:first-child > img { margin-top: -8%; margin-bottom: -5%; } .table-ctecnicas td { text-align:center; } .table-ctecnicas tbody > tr.trspacing td, .table-ctecnicas tbody > tr.trspacing th{ padding:0px; line-height:1rem; } .table-ctecnicas thead > tr { background-color: #fff; position: sticky; z-index: 2; top:0; } .table-ctecnicas th[scope="col"].stickycol { background-color: #fff; position:sticky; left:0; z-index:2; } .table-ctecnicas th[scope="row"].stickycol { background-color: #fff; position:sticky; left:0; z-index:1; } @media (max-width: 767px) { table.table-ctecnicas tr > th:first-child { display:none; } } .popover.popoverMovesIII { max-width:700px; font-weight:300; } #containerMsg {position: absolute; top: 2em; left:1em; right:1em;pointer-events:none;} #containerMsg .close {pointer-events:all;} #btn-backToTop { position: fixed; bottom: 40px; right: 20px; display: none; z-index: 100; background-color: #050f19; border-color: #2fba7c; }