/*  #region global */

.h1 {
    font-weight: bold;
    font-size: 30pt;
    color: var(--colores-colorMarino);
    background-color: var(--colores-colorGrisClaro); 
    width: 100%;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    padding: 20px;
}

.h2 {
    font-weight: bold;
    font-size: 28pt;
    color: var(--colores-colorMarino);
}

.h2.fondo-oscuro {
    color: white;
    background-color: var(--colores-colorMarino);
}

.h3 {
    font-size: 19pt;
    color: var(--colores-colorMarino);
    margin-bottom: 5rem;
}

.h4 {
    font-weight: 600;
    font-size: 22pt;
    color: var(--colores-colorMarino);
}

.texto-destacado {
    font-weight: 600;
    font-size: 50pt;
    color: var(--colores-colorMarino);
}

.parrafo {
    font-size: 13pt;
    color: var(--colores-colorGrisOscuro);
}

.parrafo strong{
    font-weight: 600;
    font-size: 13pt;
    color: var(--colores-colorMarino);
}

.enlace {
    text-decoration: underline;
    font-weight: bold;
    font-size: 11pt;
    color: var(--colores-colorMarino);
}

.resultados {
    font-size: 10pt;
    color: var(--colores-colorGrisOscuro); 
}

.todo-stock-div a.boton {
    margin: auto;
}

a.boton {
    text-decoration: none;
}

.todo-stock-div {
    display: flex;
    height: 100px;
}

.todo-stock-txt{
    margin: auto;
    text-align: center;
    border: 1px solid var(--colores-colorMarino);
    background: var(--colores-colorMarino);
    color: white;
    font-size: 17pt;
    font-weight: 600;
    width: 100%;
    max-width: 221pt;
    height: 38pt;
    padding: 8px 0px;
}

main.concesionario .todo-stock-txt{
    padding: 10px 0px;
    border: 2px solid var(--colores-colorMarino);
}

main.concesionario a.detalles-coche{
    border: none;
}

.todo-stock-txt:hover {
    background-color: var(--colores-colorFucsia);
    border-color: var(--colores-colorFucsia);
}

.h4:hover {
    color: var(--colores-colorFucsia);
}

.enlace:hover {
    color: var(--colores-colorMarino);
}

.checkbox {
    width: 11pt;
    height: 11pt;
    border-color: var(--colores-colorMarino);
    border-radius: 0 !important;
    margin-right: 2px;
}

.checks {
    display: flex;
    margin: auto 0px 10px;
    width: 100%;
    border-radius: 0;
}

.filtro_listado #form_listado_mobile .grupo + .grupo {
    margin-top: 0px;
}

.filtro_listado #form_listado_mobile .titulo {
    margin-bottom: 0;
}

.filtro_listado #form_listado_mobile .grupo .grupo-controles {
    margin-top: 12px;
}

.filtro_listado #form_listado_mobile .grupo.carroceria {
    height: 175px;
}

.filtro_listado #form_listado_mobile .grupo.combustible {
    margin-top: 15px;
}

.filtro_listado #form_listado_mobile .grupo .select {
    background-color: var(--colores-colorGrisFondoVO);
    border: none;
    width: 100%;
}

.filtro_listado #form_listado_mobile .grupo.cambio {
    margin-top: 15px;
}

#form_listado_mobile .checks label {
    /*margin: auto;*/
    font-weight: 100;
}

.filtro_listado #form_listado_mobile .grupo .grupo-controles .botones-cambio {
    max-width: unset;
    width: 47%;
    left: unset;
}

.filtro_listado #form_listado_mobile .grupo .grupo-controles .radio2.botones-cambio {
    right: 0;
}

.filtro_listado #form_listado_mobile .grupo.limpiar {
    margin-top: 50px;
}

.filtro_listado #form_listado_mobile .grupo .select::-ms-expand {
    display: none;
}

.form label {
    font-size: 16pt;
    color: var(--colores-colorMarino);
}

.form-check-input[type=checkbox] {
    border-radius: 0;
    margin-right: 5px;
}

.form-check-input:focus {
    border-color: var(--colores-colorMarino);
    outline: 0;
    box-shadow: 0 0 0 0 rgb(13 110 253 / 25%);
}

.form-control {
    border-radius: 0;
}

.slider {
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-color: white;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-color: white;
    --swiper-pagination-bullet-inactive-opacity: 1;
}

select {
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 13.47 7.44"  xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" fill="none" stroke="%238E8E93" d="M.35.35,6.73,6.73,13.12.35"/></svg>');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 91%;
}
.swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--colores-colorMarino);
    border: 5px solid white;
    box-shadow: 0 0 0 1px white;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: var(--colores-colorFucsia);
    border: 5px solid white;
    box-shadow: 0 0 0 1px var(--colores-colorFucsia);
}

.modal-header {
    border: none;
}

.botonColor {
    background-color: var(--colores-colorBoton);
    border: var(--colores-colorBoton) 1px solid;
    transition: all 0.2s linear;
}

.botonColor:hover {
    background-color: var(--colores-colorBotonHover);
    border: var(--colores-colorBotonHover) 1px solid;
}

.botonColorBlanco {
    background-color: white;
    border: white 1px solid;
    transition: all 0.2s linear;
    color: black;
}

.botonColorBlanco:hover {
    background-color: var(--colores-colorBotonBlancoHover);
    border: var(--colores-colorBotonBlancoHover) 1px solid;
    color: white;
}

.hover-azulclaro {
    transition: all 0.2s linear;
}

.hover-azulclaro:hover {
    background-color: var(--colores-colorBotonHover) !important;
}

.bg-grisclaro {
    background-color: #f8f8f8;
}

.no-events {
    pointer-events: none;
}

.pointer {
    cursor: pointer;
}

h1 {
    letter-spacing: 0.6px;
    line-height: 1em;
    color: var(--colores-colorGrisOscuro);
    margin: 0;
    font-size: 3.3rem;
    padding-bottom: 0.5em;
}

h2 {
    font-size: 3.3rem;
}

p.texto {
    color: var(--colores-colorGrisOscuro);
    font-size: 1.6rem;
    letter-spacing: -0.3px;
    line-height: 1.3em;
}

p.texto3 {
    font-weight: 100;
}

strong.azul {
    font-weight: 600;
    color: var(--color-azuloscuro);
    letter-spacing: 0;
}

ol.letra-peque {
    font-weight: 100;
    color: var(--colores-colorGrisOscuro);
    counter-reset: item;
    list-style-type: none;
    margin-top: 15px;
}

ol.letra-peque > li {
    counter-increment: item;
}
/*
ol.letra-peque > li::before {
    content: counters(item, '.') ' - ';
}
*/

ol.letra-peque strong {
    font-weight: 600;
}

.range-azul {
    -webkit-appearance: none;
    width: 100%;
    height: 0.4em;
    border-radius: 5px;
    background: #ededed;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.mobile-p0 {
    padding: 0;
}

.range-azul::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 0.9em;
    height: 0.9em;
    border-radius: 50%;
    background: var(--colores-colorMarino);
    cursor: pointer;
}

.range-azul::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--colores-colorMarino);
    cursor: pointer;
}

.h-40 {
    height: 40% !important;
}

.h-60 {
    height: 60% !important;
}

@font-face {
    font-family: "Poppins";
    font-weight: 300;
    font-stretch: normal;
    src: url("/font/Poppins-Regular.ttf") format("opentype");
}

@font-face {
    font-family: "Poppins";
    font-weight: lighter;
    font-stretch: normal;
    src: url("/font/Poppins-Light.ttf") format("opentype");
}

@font-face {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    src: url("/font/Poppins-Bold.ttf") format("opentype");
}

@font-face {
    font-family: "Poppins";
    font-weight: bold;
    font-stretch: normal;
    src: url("/font/Poppins-ExtraBold.ttf") format("opentype");
}

@font-face {
    font-family: "Poppins";
    font-weight: 500;
    font-stretch: normal;
    src: url("/font/Poppins-Medium.ttf") format("opentype");
}

@font-face {
    font-family: "Montserrat";
    font-weight: regular;
    font-stretch: normal;
    src: url("/font/Montserrat-Regular.ttf") format("opentype");
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-stretch: normal;
    src: url("/font/Montserrat-SemiBold.ttf") format("opentype");
}

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-stretch: normal;
    src: url("/font/Montserrat-Bold.ttf") format("opentype");
}

* {
    font-family: "Poppins";
}

.form-boton-enviar .spinner {
    display: none;
}

.todo-stock-div a.boton {
    width: 100%;
}

/*      #region tooltips */

[tooltip] {
    position: relative;
}

[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}

[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    min-width: 21em;
    max-width: 21em;
    padding: 1ch 1.5ch;
    background: white;
    color: black;
    border: var(--color-azuloscuro) 1px solid;
    z-index: 1000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: var(--color-azuloscuro);
}

[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before {
    left: 60%;
    transform: translate(-50%, .5em);
}

[tooltip][flow^="down"]::after {
    left: -200%;
    transform: translate(-50%, .5em);
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

/*      #endregion */
/*      #region botones */

.boton-principal {
    width: 100%;
    max-width: 256pt;
    height: 100%;
    max-height: 38pt;
    font-weight: 600;
    font-size: 17px;
    color: white;
    background-color: var(--colores-colorMarino);
    border: none;
}

.boton-principal.fondo-oscuro {
    font-size: 17pt;
    font-weight: 600;
    background-color: white;
    color:  var(--colores-colorMarino);
    line-height: 1em;
    padding: 0.5em 1em;
    width: fit-content;
    margin: 1.2em auto;
    display: block;
    text-decoration: none;
}

.boton-principal:hover{
    background-color: var(--colores-colorFucsia);
    border: none;
}

.boton-principal.fondo-oscuro:hover{
    background-color: var(--colores-colorTurquesa);
}

/*      #endregion */
/*      #region forms*/

.form-control:focus{
    box-shadow: none;
}

.buscador .checkbox {
    width: 11pt;
    height: 11pt;
    border-color: var(--colores-colorMarino);
    border-radius: 0;
    margin-right: 2px;
}

.select {
    font-size: 10pt;
    border-color: var(--colores-colorMarino);
    border-radius: 0;
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 13.47 7.44"  xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" fill="none" stroke="%238E8E93" d="M.35.35,6.73,6.73,13.12.35"/></svg>');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 91%;
}

.form-check-input:checked[type=checkbox] {
    border: none;
    background-color: var(--colores-colorFucsia);
}

/*      #endregion */
/*      #region slider */

.slider {
    color: var(--colores-colorMarino);
    width: 100%;
    max-width: 1024pt;
}

.slider {
    color: white;
}
/*
.slider:hover{
    color: var(--colores-colorMarino);
}

.slider:hover{
    color: var(--colores-colorFucsia);
}
*/

/*      #endregion */
/*      #region header */

.seccion-header .header-top {
    background-color: var(--colores-colorGrisClaro);
    padding: 10px 15px;
}

.seccion-header .header-top .container {
    padding: 0;
}

.seccion-header .header-top a {
    color: var(--colores-colorMarino);
    text-decoration: none;
    font-family: "Montserrat";
    font-weight: 500;
}

.seccion-header .header-top a svg, header .header-top svg.icon.email{
    fill: var(--colores-colorMarino);
    width: 25px;
    height: 25px;
}

.seccion-header .header-top a.boton {
    border: 1px solid var(--colores-colorMarino);
    padding: 3px 15px;
    text-decoration: none;
    font-weight: 500;
    font-size: 11pt;
}

.seccion-header .header-top .email, header .header-top .telf {
    font-size: 11pt;
    font-family: "Montserrat";
}

.seccion-header .header-top .col.text-end {
    display: flex;
    justify-content: space-between;
}

.seccion-header .header-top svg.icon.email {
    margin: auto;
}

.seccion-header .header-top .email {
    margin: auto 10px auto 5px;
}

.seccion-header .header-top a.a-telefono {
    width: 23%;
    text-align: right;
    margin: auto 10px auto 5px;
}

.seccion-header .header-mid img {
    width: 100%;
}

.seccion-header .header-mid .logo-cabecera {
    width: 100%;
    height: 100%;
}

.seccion-header .header-top a.a-telefono {
    display: flex;
    width: fit-content;
}

.seccion-header .header-top a.a-telefono .icon.telf {
    margin: auto 10px auto 0px;
}

.seccion-header .header-mid .logo-escritorio {
    display: none;
}

.seccion-header .header-mid .logo-movil {
    display: block;
}

.seccion-header .header-mid .logo-movil .logo {
    /* margin-top: -8px;
    position: absolute; */
    left: -35px;
    fill: var(--colores-colorMarino);
    height: 30px;
    top: 90px;
}

.seccion-header .header-mid .centrado .container .row {
    padding: 24px 0px;
}
 
.seccion-header .header-mid .col-3 {
    width: 65%;
}

.seccion-header .header-mid .centrado .container .row {
    justify-content: space-between;
}

.seccion-header .header-mid .col-9.d-block.d-lg-none.position-relative {
    width: fit-content;
}

.seccion-header .header-mid .col-9.d-block.d-lg-none.position-relative .menu-icon {
    font-size: 25pt;
    color: var(--colores-colorMarino);
}

.seccion-header .header-bot .flecha-header {
    color: white;
}

.seccion-header .header-top svg.icon.email {
    margin-right: 0;
}

#menu-mobile {
    background-color: var(--colores-colorMarino);
    color: white;
    position: fixed;  
    height: 100%;
    top: 0;
    width: 100%;
    /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 425.57 355.76" width="351"><path fill="%2300fff2" d="M424.89,354.37a1.17,1.17,0,0,0-.05-.35l-31.34-75.5L334.93,137.36l-20.73-50c-11.13-26.81-22.51-54.66-47.5-71.51-31.46-21.23-76.45-21.15-107.82,0-25.1,16.93-35.26,42-46.36,68.76l-22.7,54.7L32.65,277.1.11,355.49l-.11.27H91.13l6.22-14.95,67-161.18L178,146.83v-.65l33.59-80.77a1.26,1.26,0,0,1,2.34,0l33.59,80.77v.65l13.65,32.81,73.25,176.12h91.13Z"/></svg>'); */
    background-repeat: no-repeat;
    z-index: 3;
    background-position-y: bottom;
    background-position-x: calc(100% + 208px);
}

#menu-mobile .container-mobile {
    position: relative;
    padding-left: 22px;  
    height: 100%;
    display: grid;
    overflow: auto;
}

#menu-mobile .container-mobile .contenedor-ul-li {
    height: fit-content;
}

#menu-mobile .menu-icon-close {
    text-decoration: none;
    color: white;
    font-size: 34px;
    font-weight: 600;
    top: 7px;
    right: 15px;
    position: absolute;
}

#menu-mobile .icono.stroke-disabled {
    height: 100%;
    max-height: 86px;
    fill: white;
    width: 189px;
}

#menu-mobile ul {
    list-style: none;
    padding: 0;
}

#menu-mobile ul li {
    padding: 10px 0px;
    font-weight: 500;
    font-size: 16pt;
}

#menu-mobile ul li a {
    text-decoration: none;
    color: white;
}

#menu-mobile a:hover {
    color: var(--colores-colorTurquesa);
}

#menu-mobile ul li.nuestros-coches span,
#menu-mobile ul li.nuestros-servicios span {
    display: flex;
}

#menu-mobile ul li .desplegable-icono {
    width: 25px;
    height: 25px;
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 14.47 0.44" xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" fill="none" stroke="%23ffffff" d="M.35.35,6.73,6.73,13.12.35"/></svg>');
    background-repeat: no-repeat;
    margin-left: 20px;
}

#menu-mobile ul li ul li {
    font-weight: 400;
}

.rotacion-menu-mobile {
    transform: rotate(-90deg);
    transition: 0.2s;
}

#menu-mobile .container-mobile .a-lateral-mobile {
    position: absolute;
    bottom: 0;
    right: 0;
    /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 425.57 355.76"><path fill="%23f91652" d="M424.89,354.37a1.17,1.17,0,0,0-.05-.35l-31.34-75.5L334.93,137.36l-20.73-50c-11.13-26.81-22.51-54.66-47.5-71.51-31.46-21.23-76.45-21.15-107.82,0-25.1,16.93-35.26,42-46.36,68.76l-22.7,54.7L32.65,277.1.11,355.49l-.11.27H91.13l6.22-14.95,67-161.18L178,146.83v-.65l33.59-80.77a1.26,1.26,0,0,1,2.34,0l33.59,80.77v.65l13.65,32.81,73.25,176.12h91.13Z"/></svg>');
    height: 250px;
    width: 299px;
    background-repeat: no-repeat;
    background-position-x: 180px;*/
}

#menu-mobile .container-mobile .links-menu-mobile {
    bottom: 0;
    left: 22px;
    margin: auto 0px 0px;
}

#menu-mobile .container-mobile .links-menu-mobile ul li {
    padding: 5px 0px;
}

#menu-mobile .container-mobile .links-menu-mobile ul li a {
    font-weight: 300;
}

/*      #endregion */
/*      #region footer */

.seccion-footer .ul-titulo.margin-0 {
    margin: 0;
}

.seccion-footer .grupo.listado.columna ul {
    margin-bottom: 0.5rem;
}

.seccion-footer .div-a-lateral {
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 13.47 7.44"  xmlns="http://www.w3.org/2000/svg"><path fill="%2300fff2" d="M424.89,354.37a1.17,1.17,0,0,0-.05-.35l-31.34-75.5L334.93,137.36l-20.73-50c-11.13-26.81-22.51-54.66-47.5-71.51-31.46-21.23-76.45-21.15-107.82,0-25.1,16.93-35.26,42-46.36,68.76l-22.7,54.7L32.65,277.1.11,355.49l-.11.27H91.13l6.22-14.95,67-161.18L178,146.83v-.65l33.59-80.77a1.26,1.26,0,0,1,2.34,0l33.59,80.77v.65l13.65,32.81,73.25,176.12h91.13Z"/></svg>');
}

.seccion-footer .container.grupos.footer-escritorio{
    display: none;
}

.seccion-footer .footer-escritorio .grupo.direccion.columna.extremos .icono {
    width: 200px;
    /* height: 50px; */
    height: fit-content;
    margin-bottom: 17px;
}

.seccion-footer .footer-movil{
    display: block;
}

.seccion-footer .grupo.direccion.text-center svg.logo {
    --svgcolor: white;
    width: auto;
    height: 100%;
}

.seccion-footer .container.grupos.grupos-mbl.d-flex.d-xl-none {
    height: 50px;
    margin-bottom: 15px;
}

.seccion-footer {
    background-color: var(--colores-colorMarino);
    color: white;
    width: 100%;
    padding: 1rem 1.5rem;
    z-index: -1;
    /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 425.57 355.76"><path fill="%2300fff2" d="M424.89,354.37a1.17,1.17,0,0,0-.05-.35l-31.34-75.5L334.93,137.36l-20.73-50c-11.13-26.81-22.51-54.66-47.5-71.51-31.46-21.23-76.45-21.15-107.82,0-25.1,16.93-35.26,42-46.36,68.76l-22.7,54.7L32.65,277.1.11,355.49l-.11.27H91.13l6.22-14.95,67-161.18L178,146.83v-.65l33.59-80.77a1.26,1.26,0,0,1,2.34,0l33.59,80.77v.65l13.65,32.81,73.25,176.12h91.13Z"/></svg>'); */
    background-repeat: no-repeat;
    background-position-x: -300px;
    background-size: 28%;
    background-position-y: bottom;
}

.seccion-footer .a-lateral {
    position: absolute;
    width: 500px;
    height: 400px;
    top: -159px;
    fill: var(--colores-colorFucsia);
    left: -310px;
}

.seccion-footer .container.grupos{
    display: flex;
    justify-content: space-between;
}

.seccion-footer .logo {
    margin-bottom: 1rem;
}

.seccion-footer .legal a {
    /*margin-right: 15px;*/
    white-space: nowrap;
}

.seccion-footer .contenedor-superior {
    text-transform: uppercase;
    white-space: nowrap;
}

.seccion-footer a{
    color: white;
    text-decoration: none;
    font-size: 14.5px;
}

.seccion-footer .container.grupos svg{
    width: 25px;
    height: 25px;
    fill: white;    
}

.seccion-footer .container.grupos .icon:hover {
    fill: var(--colores-colorFucsia);
}

.seccion-footer .container.grupos .icon.centro {
    margin: 0 15px;
}

.seccion-footer .columna.extremos {
    font-size: 10pt;
}

.seccion-footer .columna.interiores {
    font-weight: 600;
    font-size: 12pt;
    text-transform: uppercase;
}

.seccion-footer .valores {
    font-weight: lighter;
    font-size: 12pt;
}

.seccion-footer ul {
    list-style:none;
    padding-left: 0;
}

.seccion-footer .strong{
    font-weight: 600;
}

.seccion-footer .columna.interiores:hover, .seccion-footer .valores:hover {
    color: var(--colores-colorFucsia);
}

.seccion-footer .texto{
    margin-top: 1rem;
}

.seccion-footer p {
    margin: 0;
}

.seccion-footer .container.grupos.footer-movil {
    display: block;
    padding: 0;
}

.seccion-footer .container.grupos.footer-movil .contenedor-superior {
    display: flex;
    justify-content: space-between;
}

.seccion-footer .container.grupos.footer-movil .contenedor-superior .div-listado-servicios {
    width: 50%;
}

.seccion-footer .container.grupos.footer-movil .contenedor-inferior {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.seccion-footer .container.grupos.footer-movil .contenedor-inferior .legal {
    display: flex;
    /*justify-content: space-between;*/
    width: 75%;
}

.seccion-footer .container.grupos.footer-movil .contenedor-inferior .legal svg {
    width: 35px;
    height: 35px;
}

.seccion-footer .container.grupos.footer-movil .contenedor-inferior .grupo.direccion.w-50.text-center.mb-3 p {
    text-align: left;
}

.seccion-footer .container.grupos.footer-movil .contenedor-inferior .grupo.legal {
    width: 50%;
}

.seccion-footer .footer-movil .valores {
    font-weight: 400;
}

.seccion-footer .negrita-aviso-legal {
    font-weight: 500;
    text-transform: uppercase;
}

.seccion-footer .negrita-footer {
    font-weight: 500;
}

.seccion-footer .ul-footer {
    margin-bottom: 0;
}

.seccion-footer .ul-titulo {
    margin: .5em 0px;
}

.seccion-footer .container.grupos.grupos-mbl.d-flex.d-xl-none {
    padding-left: 0;
}

/* .seccion-footer .container.grupos.grupos-mbl.d-flex.d-xl-none svg.icono.stroke-disabled { */
.seccion-footer .container.grupos.grupos-mbl.d-flex.d-xl-none .icono.stroke-disabled {
    width: 100%;
    max-width: 214px;
    /* height: 100%; */
    /* max-height: 70px; */
}

.seccion-footer .contenedor-inferior {
    margin-bottom: 3rem;
}

.seccion-footer .container.grupos.footer-movil .contenedor-inferior .grupo.direccion.mb-3 {
    width: 40% !important;
}

.seccion-footer .grupo svg {
    --svgcolor: white;
    --svgcolor2: var(--colores-colorMarino);
}

.seccion-footer .grupo svg:hover {
    --svgcolor2: var(--colores-colorMarino);
    --svgcolor: var(--colores-colorTurquesa);
}

.seccion-footer .iconos-rrss.legal a {
    margin-right: 10px;
}

/*      #endregion */
/*  #endregion */
/*  #region elementos / secciones  */
/*      #region elemento slider general */
/*      #endregion */
/*      #region elemento slider tipo inditex */
/*      #endregion */
/*      #region seccion slider-3cards */
/*      #endregion */
/*      #region seccion slider-cards */
/*      #endregion */
/*      #region seccion servicios */
/*      #endregion */
/*      #region empresas */
/*      #endregion */
/*      #region carcard */

.carcard {
    width: 100%;
    max-width: 256pt;
    height: 100%;
    max-height: 444pt;
    background-color: white;
    border: 1px solid var(--colores-colorGrisClaro);
    padding: 7px;
    margin: 0px 10px;
}

.carcard .tipo {
    height: 100%;
    max-height: 19pt;
    font-weight: bold;
    font-size: 11pt;
    color: white;
}

.carcard .foto {
    position: relative;
}

.carcard .foto img {
    width: 100%;
    height: 13.4em;
    object-fit: cover;
    object-position: center;
    display: block;
    background-image: url('/img/sinimagen.jpg');
    background-size: cover;
}

.carcard .comparar {
    width: 100%;
    max-width: 90pt;
    height: 100%;
    max-height: 19pt;
    font-weight: bold;
    color: var(--colores-colorMarino);
    border: 1px solid var(--colores-colorMarino);
    padding: 1px 4px;
    font-size: 11pt;
    background-color: white;
    text-decoration: none;
    font-weight: 600;
}

.carcard .comparar.comparado {
    color: white;
    background-color: var(--colores-colorFucsia);
    border-color: var(--colores-colorFucsia);
    fill: white;
}

.carcard .foto .comparar {
    position: absolute;
    top: 0;
    left: 0;
}

.carcard svg{
    width: 11pt;
    height: 11pt;
}

.carcard .icono .icon {
    width: 40pt;
    height: 30pt;
    margin: auto;
}

.carcard .icono .icon.combustible {
    width: 24pt;
    height: 25pt;
    margin-top: 8px;
}

.carcard .card-fav{
    width: 18pt;
    height: 18pt;
    border: 1px solid var(--colores-colorMarino);
    background-color: white;
    fill: white;
    position: absolute;
    bottom: 6px;
    left: 9px;
    display: flex;
}

.carcard .card-fav.fav{
    fill: var(--colores-colorFucsia);
    border: 1px solid var(--colores-colorFucsia);
}

.carcard .card-fav svg{
    width: 18pt;
    height: 18pt;
    margin: auto;
}

.carcard .foto .tipo {
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    border: 1px solid var(--colores-colorTurquesa);
    background-color: var(--colores-colorTurquesa);
    text-decoration: none;
    font-size: 11pt;
    font-stretch: condensed;
    padding: 1px 5px;
}

.carcard .titulo {
    font-weight: 600;
    font-size: 20pt;
    color: var(--colores-colorMarino);
    position: relative;
    margin-left: 1.3rem;
    margin-top: 7px;
    height: 64px;
    display: flex;
}

.carcard .titulo .titulo-coche-txt::after {
    display: block;
    content: '';
    margin: 0;
    width: 24%;
    height: 1pt;
    background-color: var(--colores-colorMarino);
    position: absolute;
    bottom: 0;
    left: 0;
}

.carcard .titulo .titulo-coche-div {
    margin: auto 0;
    position: relative;
    width: 100%;
}

.carcard .version{
    font-weight: 600;
    font-size: 10pt;
    color: var(--colores-colorMarino);
    margin-left: 1.3rem;
    margin-bottom: 5px;
}

.carcard .icono {
    font-weight: 600;
    font-size: 9pt;
    color: #6f6f6e;
    background-color: var(--colores-colorGrisClaro);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 8px;
}

.carcard .icono .dato {
    width: 37%;
    display: flex;
    flex-wrap: wrap;
}

.carcard .icono .dato.fecha {
    width: 25%;
}

.carcard .icono .dato svg{
    width: 20pt;
    height: 20pt;
    margin: 10px auto 0;
}

.carcard .icono .dato p{
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}

.carcard .precio {
    font-size: 22pt;
    color: var(--colores-colorMarino);
    padding-bottom: 10px;
}

.carcard .precio .euros {
    font-size: 14pt;
}

.carcard .euros {
    padding-bottom: 10px;
}


.carcard .detalles {
    width: 100%;
    max-width: 237pt;
    height: 100%;
    max-height: 29pt;
    color: var(--colores-colorMarino);
    border-color: var(--colores-colorMarino);
}

.carcard .contacto .boton {
    width: 100%;
    max-width: 50pt;
    height: 100%;
    max-height: 25pt;
    color: white;
    background-color: var(--colores-colorMarino);
}

.carcard .precios-coche{
    display: flex;
    font-weight: 500;
}

.carcard .precio {
    margin-top: auto;
    width: 50%;
}

.carcard .precio.cuota {
    width: auto;
}

.carcard .precio-cuota {
    display: flex;
    flex-wrap: wrap;
    border-left: 0.5px solid var(--colores-colorGrisClaro);
    padding-left: 10px;
}

.carcard .precioNum {
    margin: auto;
    margin-bottom: 0px;
    color: #6f6f6e;
    width: fit-content;
    margin: auto 15px 0px;
}

.carcard .precio-cuota .desde {
    font-size: 8pt;
    font-weight: 600;
    color: var(--colores-colorTurquesa);
    width: 100%;
    margin-top: 5px;
}

.carcard .precio-cuota .euros {
    margin: auto auto 5px 0;
}

.carcard .precio-cuota .euros {
    font-size: 14pt;
    color: var(--colores-colorMarino);
}

.carcard .detalles-coche-txt {
    color: var(--colores-colorMarino);
    text-decoration: none;
    border: 2px solid var(--colores-colorMarino);
    font-weight: 600;
    text-align: center;
    display: flex;
    height: 29pt;
}

.carcard a.detalles-coche {
    text-decoration: none;
    padding: 0;
    background-color: white;
}

.carcard .detalles-coche-txt .detalles-coche-txt-margin{
    margin: auto;
    font-size: 15pt;
}

.carcard .contactar-coche {
    display: none;
}

.carcard div.botones-coche {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
}

.carcard div.botones-coche button {
    border: none;
    background-color: transparent;
}

.carcard div.botones-coche button svg {
    --svgcolor: var(--colores-colorMarino);
    --svgcolor2: white;
    width: 50pt;
    height: 25pt;
    filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.3));
}

.carcard div.botones-coche button svg:hover {
    --svgcolor: var(--colores-colorFucsia);
    --svgcolor2: white;
}

.carcard:hover .detalles-coche-txt {
    background-color: var(--color-marcaoscuro);
    color: white !important;
}

.carcard .comparar:hover {
    color: white;
    background-color: var(--colores-colorFucsia);
    border-color: var(--colores-colorFucsia);
    fill: white;
}

.carcard .favoritos:hover {
    color: var(--colores-colorFucsia);
    background-color: white;
    border-color: var(--colores-colorFucsia);
}

.carcard .detalles:hover {
    color: white;
    background-color: var(--colores-colorMarino);
}

.carcard .contacto .boton:hover {
    background-color: var(--colores-colorFucsia);
}

.flex {
    display: flex;
}

/*      #endregion */
/*  #endregion */
/*  #region  componentes */
/*      #region componente 5050simple1 */
/*      #endregion */
/*      #region componente 5050simple2 */
/*      #endregion */
/*      #region componente botoncentrado */
/*      #endregion */
/*      #region componente destacado */


/*      #endregion */
/*      #region componente colecciones */


/*      #endregion */
/*      #region componente formulariocitaprevia */
/*      #endregion */
/*      #region componente formulariotasacion */



/*      #endregion */
/*      #region componente trabajaconnosotros */


/*      #endregion */
/*  #endregion */
/*  #region paginas  */
/*      #region pagina financiacion */

.seccion-financiacion .hero {
    height: 585px;
    background-image: url('/img/static/financiacion-cabecera.jpg');
    background-size: cover;
    background-position: center center;
}

.seccion-financiacion .container.extralarge .h2 {
    text-align: center;
    margin: 4rem 0px 2rem;
}

.seccion-financiacion .container.extralarge .subtitulo {
    text-align: center;
    width: 100%;
    margin: auto;
    color: var(--colores-colorMarino);
    margin-bottom: 4rem;
}

.seccion-financiacion .seccion.ctas {
    background-color: var(--colores-colorGrisFondoVO);
}

.seccion-financiacion .seccion.ctas .cta {
    flex-direction: row;
    align-items: center;
    padding: 1.2em 0;
    border-bottom: 2px solid var(--colores-colorMarino);
    color: var(--colores-colorMarino);
    /*padding-left: 4rem;*/
}

.seccion-financiacion .seccion.ctas .cta .cta-grupo1{
    width: unset;
    color: var(--colores-colorMarino);
    font-size: 1.5em;
    letter-spacing: .02em;
    text-align: center;
    line-height: 1.6em;
    padding-top: 0.3em;
}

.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .icono {
    width: 160px;
    height: 160px;
}

.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .icono .icono {
    --svgcolor: var(--colores-colorMarino);
    width: 100%;
}

.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .icono .icono:hover {
    --svgcolor: var(--colores-colorFucsia);
}

.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .icono .icon {
    width: 6em;
}

.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .divFlex {
    display: flex;
    /*width: 25.3em;*/
    width: 100%;
}

.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .divFlex .titulo {
    padding-left: 0em;
    text-align: left;
    width: fit-content;
    height: fit-content;
    /*margin: auto auto auto 45px;*/
    font-weight: 600;
    font-size: 25px;
}

.seccion-financiacion .seccion.ctas .cta:hover .cta-grupo1 .icono .icono,
.seccion-financiacion .seccion.ctas .cta:hover .cta-grupo1 .divFlex .titulo {
    --svgcolor: var(--colores-colorFucsia);
    color: var(--colores-colorFucsia);
}

.seccion-financiacion .seccion .cta:last-of-type {
    border-bottom: none;
}

.seccion-financiacion .seccion.ctas .cta .texto {
    /*font-weight: 600;
    color: var(--colores-colorMarino);*/
    font-weight: 400;
    color: var(--colores-colorMarino);
    font-size: 18px;
    line-height: 23px;
}

.seccion-financiacion .seccion.ctas .cta:hover {
    color: var(--colores-colorFucsia);
}

.seccion-financiacion .seccion.ctas .container {
    padding: 4rem 0px;
}

.seccion-financiacion .seccion.contactamos .h2 {
    margin-bottom: 0.5rem;
}

.seccion-financiacion .seccion.contactamos .h3 {
    text-align: center;
    font-size: 20pt;
    font-weight: 300;
    margin-bottom: 2rem;
}


.seccion-financiacion .seccion.contactamos .div-contenido-centro {
    justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
}

.seccion-financiacion .seccion.contactamos .div-contenido-centro .textarea-label {
    margin-bottom: 2rem;
}

.seccion-financiacion .seccion.contactamos .div-contenido-centro label {
    font-weight: lighter;
    padding-top: 10px;
}

.seccion-financiacion .seccion.contactamos .div-contenido-centro .check-label {
    width: 89%;
    font-size: 11pt;
    padding-top: 0px;
}

.seccion-financiacion .seccion.contactamos .div-contenido-centro .check-label a {
    font-weight: 600;
    text-decoration: none;
    color: var(--colores-colorMarino)
}

.seccion-financiacion .seccion.contactamos .div-contenido-centro .check-label a:hover {
    color: var(--colores-colorFucsia);
}

.seccion-financiacion .seccion.contactamos .div-contenido-centro .form-control {
    border-color: var(--colores-colorMarino);
}

.seccion-financiacion .seccion.contactamos .boton-principal .spinner {
    display: none;
}

.seccion-financiacion .seccion.contactamos .boton-principal {
    margin: 2rem auto;
    padding: 10px 0px;
    font-size: 18pt;
}

/*.seccion-financiacion .seccion.contactamos .form-respuesta {
    display: none;
}*/

.seccion-financiacion .seccion.contactamos select.form-control {
    background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 13.47 7.44"  xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.5" fill="none" stroke="%23183251" d="M.35.35,6.73,6.73,13.12.35"/></svg>');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 95%;
}

.seccion-financiacion .seccion.contactamos textarea.form-control {
    min-height: 110px;
}

/*      #endregion */
/*      #region seguros */

.seccion-seguros .hero {
    height: 40rem;
    background-size: cover;
    background-image: url('/img/static/seguros-cabecera.jpg');
    background-position-y: 35%;
}

.seccion-seguros .container.texto-primero .row {
    margin-bottom: 4rem;
}

.seccion-seguros .h2 {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.seccion-seguros .fondo-lineas {
    background-color: var(--colores-colorMarino);
    position: relative;
    padding-top: 4rem;
}

.seccion-seguros .fondo-lineas .h2 {
    color: white;
    width: fit-content;
    text-align: left;
    margin: 4rem auto 2rem;
}

.seccion-seguros .fondo-lineas .icon {
    width: 175px;
}

.seccion-seguros .fondo-lineas .col-md-6 {
    color: white;
    text-align: center;
    margin-bottom: 2rem;
}

.seccion-seguros .fondo-lineas .col-md-6 .servicio {
    width: 100%;
    max-width: 340px;
    margin: auto;
}

.seccion-seguros .fondo-lineas .container .coche {
    position: absolute;
    bottom: 36px;
    width: 50%;
    left: 911px;
}

.seccion-seguros .fondo-lineas .container .icon {
    --svgcolor2: var(--colores-colorMarino);
    --svgcolor: white;
}

.seccion-seguros .fondo-lineas .container .col-md-6:hover .icon,
.seccion-seguros .fondo-lineas .container .col-md-6:hover .titulo {
    --svgcolor: var(--colores-colorTurquesa);
    color: var(--colores-colorTurquesa);
}

.seccion-seguros .fondo-lineas .container .a-lateral {
    position: absolute;
    --svgcolor: var(--colores-colorFucsia);
    height: 334px;
    width: 474px;
    left: 870px;
    bottom: -90px;
}

.seccion-seguros .servicio .titulo {
    white-space: nowrap;
}

.seccion-seguros .container.seccion-contactamos-contigo .h2 {
    margin-bottom: 0;
}

.seccion-seguros .container.seccion-contactamos-contigo .h3 {
    margin-bottom: 2rem;
}
/*      #endregion */
/*      #region pagina contacto */
/*      #endregion */
/*      #region pagina contacto */
/*      #endregion */
/*      #region paginas modulares  */
/*      #endregion */
/*      #region pagina noticias  */
/*      #endregion */
/*      #region pagina trabaja con nosotros   */
/*      #endregion */
/*      #region pagina tasacion*/
/*      #endregion */
/*      #region pagina detalle vehiculo */
/*      #endregion */
/*      #region pagina politica privacidad */
/*      #endregion */
/*      #region pagina error*/
/*          #region pagina error 404*/
/*          #endregion */
/*          #region pagina error 500*/
/*          #endregion */
/*      #endregion */
/*      #region  pagina home */

.home .buscador .titulo{
    font-weight: 300;
    font-size: 25pt;
    color: var(--colores-colorMarino);
    margin: 0;
    height: 28px;
    width: 70%;
}

.home .buscador .boton-principal{
    margin: auto;
}

.home .buscador .todo-stock{
    width: 100%;
    margin: auto;
    text-align: center;
}

.home .servicios .servicio .parrafo {
    font-weight: lighter;
    font-size: 13pt;
}

.home .hero {
    background-image: url(/img/static/hero-home.jpg);
    height: 415pt;
    background-position: center;
    padding-top: 60px;
}

.home .hero .container {
    padding: 0;
    display: flex;
}

.home .hero .container .buscador {
    margin: auto;
}

.home .container.extraextralarge .seccion.slider-3cards.d-block.d-xxl-none .h3 {
    font-size: 15pt;
    margin-bottom: 2rem;
}

.home .buscador {
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 432px;
    padding: 1.7rem 1.8rem;
    max-width: 345px;
    display: flex;
    flex-wrap: wrap;
}

.home .buscador .checks {
    display: flex;
    margin: auto 0px 10px;
    width: 100%;
}

.home .buscador .checks label {
    margin: auto;
    font-weight: 100;
    display: flex;
}

.home .buscador .checks .buscador-tiposCoche {
    margin-top: 3px;
}

.home .buscador select {
    font-size: 10pt;
    border-color: var(--colores-colorGrisOscuro);
    border-radius: 0;
    height: 40px;
    margin: auto 0px;
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 13.47 7.44"  xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" fill="none" stroke="%238E8E93" d="M.35.35,6.73,6.73,13.12.35"/></svg>');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 91%;
}

.home .buscador .ver-resultados.boton-principal {
    width: 73%;
    height: 10%;
    text-transform: uppercase;
    border: none;
}

.home .buscador a.enlace {
    font-weight: 600;
}

.home .seccion.slider-3cards .h2, .home .seccion.slider-3cards .h3 {
    text-align: center;
}

.home .seccion.slider-3cards .h2 {
    padding-top: 3rem;
}

.home .slider-3cards .slider {
    display: flex;
    justify-content: space-between;
}

.home .buscador .boton-principal:hover {
    background-color: var(--colores-colorFucsia) !important;
    border-color: var(--colores-colorFucsia);
}

.home .todo-stock a:hover {
    color: var(--colores-colorFucsia);
}

.home .carcard .foto .comparar:hover {
    background-color: var(--colores-colorFucsia);
}

.home .carcard div.botones-coche button:hover {
    --svgcolor: var(--colores-colorFucsia);
}

.home .container.extraextralarge {
    /*max-width: 1024pt;*/
    max-width: 1440px;
}

.home .h2 {
    font-weight: 600;
}

.home .carcard .detalles-coche-txt:hover {
    background-color: var(--colores-colorMarino);
}

.home .carcard .foto a.card-fav:hover svg {
    --svgcolor: var(--colores-colorFucsia);
    stroke: var(--colores-colorFucsia);
}

.home .carcard .foto a.card-fav:hover {
    border-color: var(--colores-colorFucsia);
}
/*          #region  mapa */
.home .seccion-mapa {
    background-color: rgb(230, 234, 238);
    width: 100%;
    height: 420px;
}

.home .seccion-mapa .mapav2 {
    width: 100%;
    height: 100%;
}

.mapav2 h1.firstHeading {
    font-size: 1.5rem;
    padding: 0 0 0.3em 0;
}

/*          #endregion */
/*      #endregion */
/*      #region pagina concesionario */

/* #region form-modal */

.form-modal label {
    color: var(--colores-colorGrisOscuro);
    font-size: 1.1em;
    width: 100%;
    padding-left: 3px;
    margin-top: 0.5em;
}

.form-modal label.check-label {
    width: 100%;
    margin-top: 0.2em;
    padding-left: 8px;
    font-size: 0.98em;
    line-height: 1.2em;
}

.form-modal label.check-label input {
    width: 1em;
    height: 1em;
    display: inline-block;
    padding: 0;
    margin-right: 0.7em;
    font-size: 1.1em;
    position: relative;
    top: 0.15em;
    border-radius: 0;
    border: 2px solid var(--colores-colorGrisOscuro);
    vertical-align: inherit;
}

.form-modal .modal-footer .boton {
    font-size: 1.4rem;
    border: none;
}

/* #endregion */

/* #region seccion */
.seccion h2 {
    font-size: 2.3rem;
    padding: 0.8em 0 0 0;
    text-align: left;
    letter-spacing: 0.6px;
    line-height: 1em;
    margin: 0;
}

.seccion .subtitulo {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1.1rem;
    font-weight: 100;
    letter-spacing: 0.5px;
    line-height: 1em;
    margin-top: 0.5em;
}

/* #endregion */
/* #region seccion slider-3cards */
.slider-3cards {
    padding-bottom: 0.8rem;
}

.slider-3cards .slider {
    display: flex;
    justify-content: space-between;
}

.modal-footer {
    border-top: none;
}

.slider-3cards .boton,
.boton.estandar {
    margin: 15px auto 0em;
    display: block;
    font-size: 1.8rem;
    text-decoration: none;
    color: white;
    text-align: center;
    letter-spacing: -0.7px;
    width: 100%;
    line-height: 1em;
    transition: all 0.2s linear;
}

.slider-3cards .boton:hover,
.boton.estandar:hover {
    color: white;
}

.slider-4cards {
    position: relative;
}

.slider-4cards .swiper-pagination {
    position: unset;
    margin: 1em 0;
}

main.detalle .slider-stock + .boton.estandar {
    margin: .2em auto;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1.5em;
    padding-bottom: 0.5em;
}

.slider-4cards .swiper-pagination-bullet {
    /*width: 1em;
    height: 1em;*/
    width: 18px;
    height: 18px;
    margin: 0.4em !important;
}

#modalCompartirDetalle .iconShareModal{
    font-size: 35px;
}

#modalCompartirDetalle a .divIconsShare{
    width: 100%;
    margin: 30px auto;
    text-align: center;
    border-radius: 5px;
}

#modalCompartirDetalle .iconShareModal{
    color: #fff;
}

#modalCompartirDetalle .divIconsShare.facebook{
    background-color: #3b5998;
}

#modalCompartirDetalle .divIconsShare.twitter{
    background-color: #1DA1F2;
}

#modalCompartirDetalle .divIconsShare.whatsapp{
    background-color: #25D366;
}

#modalCompartirDetalle .divIconsShare.copy{
    background-color: #ff7686;
}

#modalCompartirDetalle .iconsShare a {
    color: white;
    text-decoration: none;
}

#modalCompartirDetalle .iconsShare a .txtShare{
    font-size: 25px;
    padding-left: 10px;
}

#modalCompartirDetalle .divIconsShare.copy{
    color: white;
    text-decoration: none;
    font-size: 25px;
    padding-left: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
}

#modalCompartirDetalle .msg-copy{
    display: none;
    margin-top: 20px;
}

/* #endregion */

/* #region modal avisamesibaja */

#avisameSiBajaModal .modal-dialog {
    max-width: 600px;
}

#avisameSiBajaModal .modal-dialog .modal-content {
    border-radius: 0;
}

#avisameSiBajaModal .modal-dialog .modal-content .modal-header,
#avisameSiBajaModal .modal-dialog .modal-content .modal-body {
    padding: 20px 40px 0;
}

/* #endregion */

/* #region modal meInteresaModal */

#meInteresaModal .modal-dialog {
    max-width: 500px;
}

#meInteresaModal label {
    font-weight: 100;
    font-size: 18px;
    margin-top: 5px;
}

#meInteresaModal label.check-label {
    font-size: 13px;
}

#meInteresaModal .modal-dialog .modal-content {
    border-radius: 0;
}

#meInteresaModal .modal-dialog .modal-content .modal-header,
#meInteresaModal .modal-dialog .modal-content .modal-body {
    padding: 20px 40px 0;
}

/* #endregion */

/* #region seccion slider-cards */

.slider-cards {
    padding-bottom: 0.8rem;
}

.slider-cards .slider {
    display: flex;
    justify-content: space-between;
}

.slider-cards .boton {
    margin: 1.2em auto;
    display: block;
    font-size: 1.5rem;
    text-decoration: none;
    color: white;
    background-color: var(--color-azuloscuro);
    text-align: center;
    letter-spacing: -0.7px;
    padding: 0.5em 2.9em 0.4em;
    width: fit-content;
    line-height: 1em;
    transition: all 0.2s linear;
}

.slider-cards .boton:hover {
    background-color: var(--color-azulclaro);
}

/* #endregion */
/* #region seccion servicios */

.seccion.servicios {
    padding-top: 8px;
    padding-bottom: 10px;
}

.seccion.servicios .listado-servicios {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.seccion.servicios .listado-servicios .servicio {
    font-size: 0.7rem;
    width: 50%;
    text-align: center;
    padding: 1rem;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}

.seccion.servicios .servicio.disabled {
    pointer-events: none;
}

.seccion.servicios .servicio.disabled img {
    filter: brightness(0) opacity(0.5);
}

.seccion.servicios .servicio.disabled .texto {
    color: #77777a;
}

.seccion.servicios .servicio .icon {
    height: 10em;
    transition: all 0.1s linear;
}

.seccion.servicios .servicio:not(.disabled):hover .icon {
    transform: scale(1.2);
}

.seccion.servicios .servicio .titulo {
    font-size: 1.8em;
    font-weight: 600;
    color: var(--colores-colorGrisOscuro);
    margin-top: 0.65em;
    margin-bottom: 0;
    height: 2.2em;
    line-height: 1.1em;
}

.seccion.servicios .servicio .texto {
    font-size: 1.35em;
    color: var(--color-azuloscuro);
    font-weight: 100;
    line-height: 1.15em;
    margin-top: 0.75em;
}

/* #endregion */
/* #region carcard */

.carcard {
    width: 24.5em;
    height: 39.5em;
    padding: 11px;
    margin-bottom: 15px;
    font-size: 0.8rem;
    cursor: pointer;
}

.carcard:hover a.detalles-coche {
    color: white;
}

.carcard.borde-transparent {
    border: transparent 1px solid;
    background-color: white;
}



.carcard.borde-negro .datos-coche {
    background-color: #e6e5e5;
}

.carcard .foto {
    position: relative;
}

.carcard .foto img {
    width: 100%;
    height: 13.4em;
    object-fit: cover;
    object-position: center;
    display: block;
    background-image: url('/img/sinimagen.jpg');
    background-size: cover;
}

.carcard .comparar {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid var(--colores-colorMarino);
    text-decoration: none;
    font-size: 1.3em;
    font-stretch: condensed;
    padding: 0.05em 0.6em 0 0.3em;
    font-weight: 600;
}

.carcard .foto .comparar:hover {
    background-color: var(--color-marcaoscuro);
    color: white;
}

.carcard .foto .comparar.comparado {
    background-color: var(--colores-colorFucsia);
    color: white;
}

svg.icon.comparar {
    fill: var(--color-azuloscurotitulos);
    width: 0.8em;
    height: 1em;
    padding-bottom: 3px;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

button:hover svg.icon.comparar {
    fill: white;
}

.carcard .foto .comparar svg {
    fill: var(--colores-colorMarino);
    padding-bottom: 3px;
}

.carcard .foto .comparar svg:hover {
    fill: white;

}

.carcard .foto .comparar.comparado svg {
    fill: white;
}

.carcard .foto .comparar:hover svg {
    fill: white;
}

.carcard .foto a.card-fav {
    position: absolute;
    bottom: 6px;
    left: 9px;
}

.card-fav.fav {
    --svgcolor: var(--colores-colorFucsia);
    stroke: var(--colores-colorFucsia);
}

.card-fav:not(:hover):not(.fav) .icon {
    --svgcolor: transparent;
    --svgcolor2: #28303f;
}

main.detalle .card-fav.fav {
    --svgcolor2: var(--colores-colorFucsia);
}

.card-fav:hover .icon {
    /*--svgcolor: transparent;*/
    --svgcolor2: var(--colores-colorFucsia);
    --svgcolor: var(--colores-colorFucsia);
}

main.concesionario .card-fav:hover .icon {
    /*--svgcolor: transparent;*/
    --svgcolor2: var(--color-marcaoscuro);
    --svgcolor: var(--color-marcaoscuro);
}

main.concesionario .card-fav:hover  {
    border-color: var(--color-marcaoscuro);
}

/*.card-fav:hover .icon {
    --svgcolor: var(--color-marcaoscuro);
    stroke: var(--color-marcaoscuro);
}*/

a.card-fav.fav .icon {
    --svgcolor: var(--colores-colorFucsia);
    --svgcolor2: var(--colores-colorFucsia);
    stroke: var(--colores-colorFucsia);
}

.listado .card-fav:hover .icon {
    --svgcolor: var(--color-marcaoscuro);
    --svgcolor2: var(--color-marcaoscuro);
    stroke: var(--color-marcaoscuro);
}

main.concesionario a.card-fav.fav .icon {
    --svgcolor: var(--color-marcaoscuro);
    --svgcolor2: var(--color-marcaoscuro);
    stroke: var(--color-marcaoscuro);
}

main.concesionario a.card-fav.fav {
    border-color: var(--color-marcaoscuro);
}

main.concesionario .card-fav:hover .icon {
    --svgcolor: var(--color-marcaoscuro);
    --svgcolor2: var(--color-marcaoscuro);
    stroke: var(--color-marcaoscuro);
}
/*
.carcard .foto .tipo {
    font-weight: 100;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    border: 1px solid var(--color-azuloscurotitulos);
    background-color: var(--color-azuloscurotitulos);
    text-decoration: none;
    font-size: 11pt;
    font-stretch: condensed;
    padding: 0.2em 0.6em 0 0.5em;
}
*/
.carcard .titulo-coche {
    font-size: 2.1em;
    font-weight: 600;
    padding: 0.4em 0 0 0.8em;
    font-stretch: condensed;
    position: relative;
    line-height: 1em;
    height: 1.4em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.carcard .titulo-coche::after {
    display: block;
    content: '';
    margin: 0 0 0 0.8em;
    width: 23%;
    height: 3px;
    background-color: var(--color-marcaoscuro);
    position: absolute;
    bottom: 0;
    left: 0;
}

.carcard .subtitulo-coche {
    font-stretch: condensed;
    font-size: 1em;
    line-height: 1em;
    padding: 0.2em 0 0.3em 1.8em;
    height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5em;
    white-space: nowrap;
}

.carcard .datos-coche {
    background-color: rgb(240, 239, 239);
    height: 5.3em;
    padding: 1.1em 1.5em 1em 2.2em;
    display: flex;
    justify-content: space-between;
}

.carcard .datos-coche svg {
    width: 1.8em;
    height: 1.8em;
}

.carcard .datos-coche svg.icon.km {
    transform: scale(1.2);
}

.carcard .datos-coche .dato {
    text-align: center;
}

.carcard .datos-coche p {
    font-size: 1em;
    font-stretch: condensed;
    margin-top: 5px;
    color: var(--colores-colorGrisOscuro);
}

.carcard .precios-coche {
    display: flex;
    position: relative;
}
.carcard .precios-coche .precio-tachado-abs {
    position: absolute;
    top: 5px;
    left: 0;
    opacity: 0.5;
    color: #6f6f6e;
}
.carcard .precios-coche .precio-tachado-abs .abs {
    text-decoration: line-through;
}

.container-titulo-precio {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.container-titulo-precio .titulo {
    height: fit-content;
    margin: auto 0;
}

.carcard .precio-pvp {
    width: 50%;
    height: 100%;
    font-size: 2.4em;
    font-stretch: condensed;
    font-weight: 600;
    padding: 0.6em 0 0 0;
    text-align: center;
    color: var(--colores-colorGrisOscuro);
}

.carcard .precio-pvp .eur {
    font-size: 2rem;
}

.carcard .precio-cuota {
    color: black;
    width: 50%;
    height: 100%;
    border-left: 1px solid rgb(217, 217, 217);
    position: relative;
    font-size: 2.4em;
    font-stretch: condensed;
    font-weight: 500;
}

.carcard .precio-cuota .precio-desde {
    position: absolute;
    font-size: 0.3333em;
    top: 13px;
    font-weight: 100;
    color: var(--colores-colorGrisOscuro);
    margin-left: 2px;
}

.carcard .precio-cuota .eurmes {
    font-size: 0.8em;
}

.carcard a.detalles-coche {
    /*border: 1px solid black;*/
    display: block;
    color: var(--color-marcaoscuro);
    transition: all 0.1s linear;
    text-decoration: none;
    font-stretch: condensed;
    font-weight: 600;
    /*padding-top: 0.35em;*/
    text-align: center;
    font-size: 1.45em;
    background-color: white;
}

.carcard p.contactar-coche {
    font-size: 1.45em;
    color: black;
    padding-top: 0.65em;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    font-stretch: condensed;
    line-height: 1em;
    margin: auto;
    padding-bottom: 0.65em;
    display: none;
}

.carcard .botones-coche {
    display: flex;
    justify-content: space-evenly;
    padding-top: 0.65em;
}

.carcard div.botones-coche button {
    border: none;
    background-color: transparent;
}

.carcard div.botones-coche button svg {
    --svgcolor: var(--color-marcaoscuro);
    --svgcolor2: white;
    width: 5em;
    height: 2.5em;
    filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.3));
}

main.listado .cuerpo .carcard div.botones-coche button:hover svg {
    --svgcolor2: white;
}

main.comparador.estandar .carcard{
    height: auto;
}

main.comparador.estandar .card-fixed{
    position: sticky;
    position: -webkit-sticky;
    top: 0; 
    background-color: white;
}

/* #endregion */

/* #region forms  */

form.form-controls [type="checkbox"],
[type="checkbox"].form-check-input {
    accent-color: var(--color-marcaoscuro);
    width: 15px;
    height: 15px;
    /*margin-right: 0.8em;*/
    border: 1px solid var(--colores-colorMarino);
    border-radius: 0;
}

form.form-controls [type="checkbox"].md,
[type="checkbox"].form-check-input.md {
    width: 19px;
    height: 19px;
}

form.form-controls label,
label.form-control {
    margin-right: 0.8em;
}

.form-check-input {
    border-color: var(--color-azuloscuro);
    border-radius: 0;
}

.form-check-input:checked {
    background-color: var(--color-marcaoscuro);
}

form.form-controls select,
select.form-control {
    border-radius: 0;
    border-color: var(--color-marcaoscuro);
    color: var(--colores-colorGrisOscuro);
    margin-bottom: 18px;
    margin-top: 20px;
    font-size: 1.1rem;
    padding-left: 0.9em;
    height: 2.3em;
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 13.47 7.44"  xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" fill="none" stroke="%238E8E93" d="M.35.35,6.73,6.73,13.12.35"/></svg>');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 91%;
}

form.form-controls select:focus,
select.form-control:focus {
    box-shadow: 0 0 0 2px var(--color-marcaoscuroclaro);
}

form.form-controls button,
button.form-control {
    background-color: var(--colores-colorBoton);
    border: var(--colores-colorBoton) 1px solid;
    color: white;
    font-size: 1.2rem;
    line-height: 1em;
    padding: 0.5em 1.5em;
    margin: 26px auto 21px;
    display: block;
    height: 2em;
}

form.formAjax button .spinner {
    display: none;
    width: 1em;
    height: 1em;
    margin: auto;
}

.alert-success, .alert-danger {
    display: none;
}

/* #endregion */


/* #region appbuttons listado  */

.appbuttons {
    display: flex;
    flex: 1 1 auto;
    /*position: fixed;*/
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
}

.appbuttons > button.btn {
    border-radius: 0;
    border: 0;
    margin: 0;
    background-color: var(--color-marcaoscuro);
    border-right: 1px solid white;
    font-size: 0.8rem;
    padding: 0.9em;
    flex: 1 1 auto;
    color: white;
}

.appbuttons > button.btn:last-of-type {
    border-right: none;
}

/* #endregion */
/* #region swiper   */

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper.controls-bottom .swiper-button-next,
.swiper.controls-bottom .swiper-button-prev {
    position: unset;
    font-weight: 900;
    border-radius: 100%;
    padding: 24px;
    margin: 0 17px 0 0;
    border: 1px solid var(--color-azuloscuro);
    font-size: 1.8em;
    filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.3));
    background-color: var(--color-azuloscuro);
    color: white;
}

.swiper.controls-bottom .swiper-button-next:after,
.swiper.controls-bottom .swiper-button-prev:after {
    font-size: 0.6em;
}

.swiper.controls-bottom .swiper-pagination-div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.swiper.controls-bottom .swiper-pagination-progressbar {
    background-color: #bebebd;
    width: calc(100% - 14em);
    position: unset;
}

.swiper.controls-bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: black;
    height: 3px;
}

/* #endregion */
/* #region concesionario > menuconcesionario   */
.menu-concesionario h1.titulo,
.menu-concesionario-mobile h1.titulo {
    color: var(--colores-colorGrisOscuro);
    text-align: center;
    padding-top: 0.5em;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: -0.7px;
}

.menu-concesionario-mobile {
    font-size: 1.25rem;
    color: var(--colores-colorGrisOscuro);
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #f4f4f4;
}

.menu-concesionario-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-concesionario-mobile-header .menu-icon-marca {
    border: 0;
    background-color: transparent;
    padding-top: 0.2em;
    font-size: 1.75em;
    color: var(--colores-colorGrisOscuro);
}

.menu-concesionario-mobile-header h1.titulo,
.menu-concesionario-mobile-header .h1.titulo {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 18px;
    background-color: white;
}

.menu-concesionario-mobile-header .logo img {
    height: 2em;
}

.menu-concesionario-mobile .menu-items-marca {
    width: 100%;
}

.menu-concesionario-mobile .menu-items-marca > div {
    padding: 0.2em 0.5em;
}

.menu-concesionario-mobile .menu-items-marca a {
    text-decoration: none;
    font-size: 20px;
    color: var(--colores-colorGrisOscuro);
    padding: 0 0 0.5em 0;
}

.menu-concesionario {
    height: 11em;
    display: none;
    font-size: 0.8rem;
}

#menu-principal {
    padding-left: 0;
}

.menu-concesionario div .menu-items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*padding-left: 31px;*/
    height: 62px;
    padding-top: 25px;
}

.menu-concesionario div .menu-items > div {
    border-right: 1px solid var(--colores-colorGrisOscuro);
    text-align: center;
    padding-top: 4px;
    font-size: 1.4em;
    padding: 4px 0 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.menu-concesionario div .menu-items a {
    height: 100%;
    padding-bottom: 2px;
    white-space: nowrap;
    text-decoration: none;
    color: var(--colores-colorGrisOscuro);
    margin: 0 12px;
    display: inline;
}

.menu-concesionario div .menu-items a:hover {
    border-bottom: 3px solid var(--color-marcaoscuro);
    color: var(--color-marcaoscuro);
}

.menu-concesionario div .menu-items a.active {
    border-bottom: 3px solid var(--color-marcaoscuro);
    color: var(--color-marcaoscuro);
}

.menu-concesionario div .menu-items > div:first-of-type {
    border-right: 0;
}

.menu-concesionario div .menu-items > div:last-of-type {
    border-right: 0;
    padding-right: 0;
}

.menu-concesionario div .menu-items > div:last-of-type a {
    margin-right: 0;
}

.menu-concesionario div .menu-items > div.logo img.bmw-motorrad {
    width: auto;
    height: 1.8em;
    margin-top: -0.5em;
    padding: 0;
}

.menu-concesionario div .menu-items > div.logo {
    width: 100px;
    padding-left: 0;
}

.concesionario .hero .container {
    margin: auto;
}

.menu-concesionario div .menu-items > div.logo img {
    width: auto;
    height: 3.4em;
    margin-top: -1em;
    padding: 0;
}

/* #endregion */


main.concesionario .slider-stock .titulo {
    font-weight: 600;
}

main.concesionario .carcard .foto .comparar.comparado {
    background-color: var(--color-marcaoscuro);
    border-color: var(--color-marcaoscuro);
}

main.concesionario .carcard .foto .tipo {
    background-color: var(--color-marcaoscuro);
    border-color: var(--color-marcaoscuro);
}

main.concesionario .carcard .precio-cuota .desde {
    color: var(--color-marcaoscuro);
}

main.concesionario .carcard .detalles-coche-txt {
    color: var(--color-marcaoscuro);
    border-color: var(--color-marcaoscuro);
}

main.concesionario .carcard .detalles-coche-txt:hover {
    color: white;
    background-color: var(--color-marcaoscuro);
}

main.concesionario .carcard div.botones-coche button svg {
    --svgcolor: var(--color-marcaoscuro);
}

main.concesionario .carcard div.botones-coche button:hover svg {
    --svgcolor: var(--color-marcaclaro);
}

main.concesionario .seccion.buscador-vehiculos h2 {
    font-weight: 600;
    text-align: center;
    padding: 0.5em 0 0 0;
    width: 100%;
    max-width: 238px;
    margin: auto;
}

main.concesionario .seccion.buscador-vehiculos .checks {
    width: fit-content;
    margin: 1.8em auto;
}

main.concesionario .container-boton-resultados {
    text-align: center;
    max-width: 375px;
    margin: auto;
}

main.concesionario .seccion.buscador-vehiculos .checks label {
    color: white;
    width: fit-content;
    margin: 0 0.5rem;
    font-size: 14pt;
}

main.concesionario form.form-controls [type="checkbox"], 
main.concesionario [type="checkbox"].form-check-input {
    accent-color: white;
}

main.concesionario .seccion.buscador-vehiculos [type='checkbox'] {
    width: 15pt;
    height: 26pt;
    margin-right: 0.3em;
    vertical-align: text-top;
}

main.concesionario .seccion.buscador-vehiculos label {
    display: flex;
}

main.concesionario .seccion.buscador-vehiculos label .label-txt {
    margin: auto;
}

main.concesionario .seccion.buscador-vehiculos select {
    padding: 0.3em 0 0.3em 1.4em;
    height: auto;
    font-weight: 300;
    color: var(--colores-colorGrisOscuro);
}

main.concesionario .carcard .foto .comparar {
    color: var(--color-marcaoscuro);
    border-color: var(--color-marcaoscuro);
}

main.concesionario .carcard .foto .comparar svg {
    fill: var(--color-marcaoscuro);
}

main.concesionario .carcard .foto .comparar.comparado svg,
main.concesionario .carcard .foto .comparar:hover svg {
    fill: white;
}

main.concesionario .carcard .foto .comparar.comparado,
main.concesionario .carcard .foto .comparar:hover {
    color: white;
}

main.concesionario .slider {
    margin: auto;
}

main.concesionario .slider .swiper-wrapper {
    width: fit-content;
    margin: auto;
}

main.concesionario .seccion.gama .boton,
main.concesionario .seccion.ocasion .boton {
    width: 100%;
    /*height: 100%;*/
}

main.concesionario .seccion.gama .boton .todo-stock-txt,
main.concesionario .seccion.ocasion .boton .todo-stock-txt {
    background-color: var(--color-marcaoscuro);
    border-color: var(--color-marcaoscuro);
}

main.concesionario .seccion.gama .boton .todo-stock-txt:hover,
main.concesionario .seccion.ocasion .boton .todo-stock-txt:hover {
    /*background-color: var(--color-marcaicono);
    border-color: var(--color-marcaicono);*/
    background-color: var(--color-marcaclaro);
    border-color: var(--color-marcaclaro);
    color: var(--color-marcaicono);
}

main.concesionario .seccion.posventa {
    background-color: #f6f9f9;
}

main.concesionario .seccion.posventa h2 {
    text-align: center;
    font-weight: 600;
    color: var(--colores-colorGrisOscuro);
}

main.concesionario .seccion.posventa button .icon {
    --svgcolor: var(--color-marcaoscuro);
}

main.concesionario .seccion.posventa button:hover .icon, 
main.concesionario .seccion.posventa button:hover p {
    /*--svgcolor: var(--color-marcaicono);
    color: var(--color-marcaicono);*/
    --svgcolor: var(--color-marcaclaro);
    color: var(--color-marcaclaro);
}

main.concesionario .seccion.posventa button .texto {
    display: flex;
    margin-top: 5px;
}

main.concesionario .seccion.posventa button .icon {
    /*width: 50%;*/
    height: auto;
}

main.concesionario .cta4x1 {
    display: flex;
    flex-wrap: wrap;
}

main.concesionario .cta4x1 a {
    width: 50%;
    height: 210px;
    position: relative;
}

main.concesionario .cta4x1 a .texto {
    font-size: 18pt;
    width: 100%;
    text-align: center;
}

main.concesionario .cta4x1 a .imagen{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-position-y: 50%;
    background-position-x: 39%;
}

main.concesionario .cta4x1 a .filtro{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    transition: all 0.2s;
    mix-blend-mode: multiply;
}

main.concesionario .cta4x1 a .texto{
    position: absolute;
    top: 44%;
    color: white;
    font-weight: 600;
}

main.concesionario .cta4x1 a.cta4 .texto {
    top: 34%;
}

/*          #region menu   */
/*          #endregion */
/*          #region  botones cta  */
/*          #endregion */
/*          #region botones posventa   */
/*          #endregion */
/*      #endregion */
/*      #region pagina listado coches  */
/*          #region filtros  */

.filtro_listado .grupo .titulo{
    font-weight: 600;
    font-size: 15pt;
    color: var(--colores-colorMarino);
}

.filtro_listado .grupo .icono{
    font-size: 9pt;
    color: var(--colores-colorMarino);
    width: 100%;
    height: 50px;
    --svgcolor: var(--color-marcaoscuro);
}

.filtro_listado .grupo .label-icono-coche:hover .icono{
    --svgcolor: var(--color-marcaclaro);
}

.filtro_listado .grupo input[type='checkbox']{
    width: 11pt;
    height: 11pt;
    border-color: var(--colores-colorMarino);
    border-radius: 0;
}

.filtro_listado .grupo label {
    font-size: 15pt;
    /*color: var(--colores-colorGrisOscuro);*/
}

.filtro_listado .grupo .botones-cambio {
    width: 100%;
    max-width: 82pt;
    height: 100%;
    max-height: 26pt;
    font-size: 10pt;
    color: var(--colores-colorMarino);
    border: 1px solid var(--colores-colorMarino);
    font-weight: 500;
    text-align: center;
    padding: 7px;
    cursor: pointer;
}

.filtro_listado .grupo .boton {
    width: 100%;
    max-width: 133pt;
    height: 100%;
    max-height: 25pt;
    font-size: 10pt;
    color: white;
    background-color: var(--colores-colorMarino);
}

.filtro_listado .grupo-controles .label-icono-coche:hover {
    color: var(--color-marcaclaro);
    /*background-color: var(--colores-colorFucsia);*/
}

.filtro_listado .grupo-controles .container-iconos-coches label {
    width: 100%;
}

.filtro_listado .grupo input[type='checkbox'].botones:hover {
    font-weight: 600;
    color: white;
    background-color: var(--colores-colorMarino);
}

.filtro_listado .grupo .boton:hover {
    background-color: var(--colores-colorFucsia);
}

.filtro_listado .containerEnlace {
    padding: 5px 0px 10px;
}

.filtro_listado #form_listado_mobile .containerEnlace a.enlace {
    text-decoration: none;
    border: none;
}

.filtro_listado .grupo .grupo-controles.flex-column.flex-xl-row {
    display: flex;
}

.filtro_listado .grupo .form-control.select.xs {
    width: 44%;
    margin: auto;
    margin-left: 0;
    /*border-color: var(--colores-colorMarino);*/
    border-radius: 0;
    font-size: 10pt;
    padding: 10px 15px;
    font-weight: 300;
    height: 40px;
    font-size: 14px;
}

.filtro_listado .grupo .form-control.select.xs.select-der {
    margin-left: auto;
    margin-right: 10px;
}

.filtro_listado .grupo {
    margin-top: 25px;
}

.filtro_listado .grupo-controles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*padding-left: 10px;*/
}

.filtro_listado .grupo.cambio .grupo-controles {
    padding: 0;
    justify-content: left;
}

.filtro_listado .limpiar-filtros.d-none.d-lg-block.boton-principal{
    margin: 0;
    text-transform: uppercase;
    font-size: 10pt;
}

.filtro_listado .container-iconos-coches p {
    font-size: 9pt;
    text-align: center;
}

.filtro_listado .container-iconos-coches input {
    display: none;
}

.filtro_listado .container-iconos-coches {
    width: 30%;
}

.filtro_listado .iconsCoches {
    --svgcolor: var(--colores-colorMarino);
    width: 85px;
}

.filtro_listado .iconsCoches:hover {
    --svgcolor: var(--colores-colorFucsia);
}

.filtro_listado .grupo-controles.vertical {
    display: block;
}

.filtro_listado .grupo-controles.vertical .displayFlex{
    display: flex;
}

.filtro_listado .grupo-controles.vertical .displayFlex .checkbox.md{
    margin: auto 10px auto 0px;
}

.filtro_listado .grupo-controles.vertical .displayFlex label{
    font-weight: 300;
}

.filtro_listado .limpiar-filtros{
    border: none;
    width: 133pt;
    /*height: 25pt;*/
    margin: auto;
}

.filtro_listado .select {
    padding: 10px 15px;
    font-weight: 300;
}

.filtro_listado #cambio-automatico, .filtro_listado #cambio-manual {
    display: none;
}

.filtro_listado .grupo.cambio [type=checkbox]:checked+label{
    font-weight: 600;
    color: white;
    background-color: var(--color-marcaoscuro);
}

.filtro_listado a {
    font-weight: 600;
}

/*          #endregion */
/*          #region listado  */

.listado .orden .container.extralarge {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1157pt;
    padding: 40px 17px 40px 125px;
}

.listado .cuerpo .container.extralarge {
    padding-bottom: 2rem;
}

.listado #listado_coches {
    display: flex;
    flex-wrap: wrap;
    width: 115%;
}

.listado #listado_coches .carcard {
    margin: 15px 10px;
}

.carcard .comparar {
    font-size: 11pt;
}

#listado_coches .carcard .comparar:hover {
    background-color: var(--color-marcaoscuro);
    border-color: var(--color-marcaoscuro);
}

#listado_coches .carcard .comparar.comparado, #listado_coches .carcard .foto .tipo {
    background-color: var(--color-marcaoscuro);
    border-color: var(--color-marcaoscuro);
    font-size: 11pt;
}

#listado_coches .carcard .detalles-coche-txt {
    border-color: var(--color-marcaoscuro);
    color: var(--color-marcaoscuro);
}

#listado_coches .carcard .detalles-coche-txt:hover {
    color: white;
}

#listado_coches .carcard a.detalles-coche {
    border-color: var(--color-marcaoscuro);
}

#listado_coches .carcard div.botones-coche button svg {
    --svgcolor: var(--color-marcaoscuro);
}

/*#listado_coches .carcard div.botones-coche button:hover svg {
    --svgcolor: var(--color-marcaclaro);
}*/

#listado_coches .carcard div.botones-coche button:hover svg,
main.concesionario .carcard div.botones-coche button:hover svg {
    --svgcolor: var(--color-marcaclaro);
    --svgcolor2: var(--color-marcaicono);
}

#listado_coches .carcard .precio-cuota .desde {
    color: var(--color-marcaoscuro);
}

#filtro_orden {
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 13.47 7.44"  xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" fill="none" stroke="%238E8E93" d="M.35.35,6.73,6.73,13.12.35"/></svg>');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 91%;
    border-radius: 0;
    border-color: var(--colores-colorMarino);
}


/*          #endregion */
/*          #region appbuttons  */

.paginacion {
    display: flex;
    justify-content: center;
    width: 102%;
    padding: 5rem 0px;
}

.paginacion .texto {
    font-size: 12pt;
    font-weight: 500;
    color: var(--colores-colorGrisOscuro);
    height: fit-content;
    text-decoration: none;
    display: flex;
}

.paginacion .texto .fas {
    font-size: 10pt;
    height: fit-content;
    margin: auto;
}

.paginacion .anterior.texto {
    margin: auto 21px auto 0px;
}

.paginacion .siguiente.texto {
    margin: auto 0 auto 0;
}

.paginacion .texto i {
    margin: 0px 5px;
}

.paginacion .numero {
    width: 43px;
    height: 43px;
    margin-right: 21px;
    border: 1px solid var(--colores-colorMarino);
    font-size: 1.8em;
    text-decoration: none;
    color: var(--colores-colorMarino);
    font-weight: 500;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 0.1em;
}

.paginacion .numero.actual, .paginacion .numero:hover {
    font-weight: 600;
    color: white;
    background: var(--colores-colorFucsia);
    border-color: var(--colores-colorFucsia);
}

.listado .orden .container.extralarge .resultados {
    height: fit-content;
    margin: auto 0px;
    font-size: 11pt;
}

.orden .ordenar label {
    white-space: nowrap;
    height: fit-content;
    margin: 0 15px;
}
.cards-genericas #listado_coches .carcard div.botones-coche button:hover svg {
    --svgcolor2: white;
}

/*          #endregion */
/*      #endregion */
/*      #region pagina  favoritos   */

main.favoritos #listado_coches .carcard {
    margin: 15px 5px;
}

/*      #endregion */
/*      #region pagina comparador   */

main.comparador #listado_coches .carcard {
    margin: 0;
}

main.comparador #listado_coches .card-fixed{
    width: 341px;
}

main.comparador #listado_coches .carcard .titulo-coche {
    padding-left: 8px;
}

main.comparador #listado_coches .carcard .titulo-coche::after {
    margin-left: 10px;
    background-color: var(--colores-colorMarino);
}

main.comparador #listado_coches .subtitulo-coche {
    height: auto;
    padding-left: 10px;
}

main.comparador #listado_coches .carcard .comparar.comparado,
main.comparador #listado_coches .carcard .foto .tipo {
    background-color: var(--colores-colorFucsia);
    border-color: var(--colores-colorFucsia);
}

/*      #endregion */
/*  #endregion */

.form-input-control {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.form-input-control::-ms-expand {
    display: none;
}

.container-favoritos-comparador {
    position: fixed;
    right: 20px;
    top: 50%;
    z-index: 3;
}
.container-favoritos-comparador img {
    width: 45px;
}
.container-favoritos-comparador a {
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
    width: fit-content;
    margin-left: auto;
}
.container-favoritos-comparador a:hover > div .container-txt {
    width: 125px; 
    margin-left: 10px; 
    border-right: 2px solid white;
    padding: 0 10px 0 5px;
    visibility: visible;
}
.container-favoritos-comparador a.comparador:hover > div .container-txt {
    width: 160px; 
}
.container-favoritos-comparador a > div {
    display: flex;
    flex-wrap: wrap;
    background: #253350;
    color: white;
    font-size: 20px;
    border-radius: 11px;
}
.container-favoritos-comparador a > div .container-txt {
    transition: width 0.2s;
    transform: margin-left 0.2s;
    width: 0;
    margin-left: 0;
    height: fit-content;
    margin: auto;
    visibility: hidden;
    transition-duration: 0.2s !important;
}
@media(max-width: 600px) {
    .container-favoritos-comparador img {
        width: 35px;
    }
    .container-favoritos-comparador {
        top: unset;
        bottom: 30px;
    }
    .container-favoritos-comparador a > div {
        font-size: 15px;
    }
    .container-favoritos-comparador a:hover > div .container-txt {
        width: 95px;
    }
    .container-favoritos-comparador a.comparador:hover > div .container-txt {
        width: 123px;
    }
    .container-favoritos-comparador a {
        margin-bottom: 15px;
    }
    .container-favoritos-comparador a > div {
        background: #183251;
    }
}
.carcard .icono .dato .container-precio-p {
    height: 36px;
    width: 100%;
    display: flex;
}
.carcard .icono .dato p {
    margin: auto;
}
.carcard .icono .dato svg {
    margin: 10px auto 5px;
}
.carcard .icono .icon {
    margin-top: 5px;
}