/* #region demo */
.seccion.promociones {
display: none;
min-height: 850px;
background-image: url(/img/tmp_pre/fondo_marca_inicio_promociones.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
main.concesionario .extralarge {
padding: 0;
}
/* #endregion */
/* /debug */
/* #region global */
:root {
--color-azuloscurotitulos: rgb(40, 48, 63);
--color-azuloscuro: #226095;
--color-azulclaro: #0096cb;
--color-gris: #76777a;
--color-marcaclaro: var(--colores-colorBotonHover);
--color-marcaoscuro: var(--colores-colorBoton);
--color-marcaoscuroclaro: #226095cc;
--color-marcaicono: var(--color-azuloscurotitulos);
--svgcolor2: white;
}
/* #endregion */
/* #endregion */
/* #region error page*/
.pagina-error {
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
}
/* #endregion */
/* #region index / index hero */
.home .hero form.form-controls button {
padding: 0.5em;
}
.home .ver-resultados:hover {
border-color: var(--colores-botonHover);
}
.home .hero {
background-image: url(/img/static/home-cabecera.jpg);
height: 555px;
background-size: cover;
background-position: center;
padding-top: 60px;
}
.home .buscador {
border: 1px solid white;
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 432px;
margin: auto;
padding: 1.7rem 1.8rem;
}
.home .buscador .titulo {
font-size: 2.5rem;
font-weight: 600;
width: 97%;
line-height: 0.95em;
color: var(--colores-colorGrisOscuro);
margin-bottom: 0.25em;
}
.home .buscador .checks {
margin-left: -10px;
margin-right: -30px;
}
.home .todo-stock {
text-align: center;
}
.home .todo-stock a {
font-size: 1.1rem;
color: var(--colores-colorMarino);
}
.home .componente-destacado {
height: 39rem;
}
.home .slider-stock {
overflow: hidden;
}
.home .carcard {
height: 41.5em;
}
.home .slider-stock.container.extraextralarge .h2 {
margin-top: 2rem;
}
.home .slider-stock.container.extraextralarge .h3,
.home .slider-stock.container2.extraextralarge .h3 {
margin-bottom: 2.5rem;
}
.home .slider-stock.container.extraextralarge .h2,
.home .slider-stock.container.extraextralarge .h3,
.home .slider-stock.container2.extraextralarge .h2,
.home .slider-stock.container2.extraextralarge .h3 {
text-align: center;
}
.home .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
margin-bottom: 0;
}
.home .container2 {
background-color: #f4f4f4;
padding-top: 2rem;
}
.home .container2 .swiper-pagination-bullet {
border: 5px solid #f4f4f4;
box-shadow: 0 0 0 1px #f4f4f4;
}
.home .container2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
box-shadow: 0 0 0 1px var(--colores-colorFucsia);
}
/* #endregion */
/* #region home servicios */
.listado-servicios {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 90%;
margin: auto auto 25px;
}
.listado-servicios a {
width: 45%;
text-decoration: none;
}
.seccion.servicios .h2, .seccion.servicios .h3{
text-align: center;
}
.seccion.servicios .h2 {
margin-top: 3rem;
}
.seccion.servicios .h3 {
margin-bottom: 2rem;
}
.listado-servicios .div-titulo {
color: var(--colores-colorMarino);
}
.listado-servicios .servicio:hover .div-titulo {
color: var(--colores-colorFucsia);
}
.listado-servicios .servicio:hover .div-titulo .icon {
--svgcolor: var(--colores-colorFucsia);
}
.listado-servicios .titulo {
font-weight: 500;
font-size: 17pt;
text-align: center;
margin: auto;
}
.listado-servicios .servicio .texto {
color: var(--colores-colorGrisOscuro);
text-align: center;
font-size: 0.8em;
font-weight: 300;
margin-top: 7px;
}
.listado-servicios .servicio {
text-align: center;
}
.listado-servicios .servicio img.icon {
width: 100%;
max-width: 140px;
}
.listado-servicios .servicio svg {
--svgcolor: var(--colores-colorMarino);
}
.listado-servicios .servicio svg use{
width: 500pt;
height: 250pt;
}
.listado-servicios .div-titulo-txt {
height: 64px;
display: flex;
}
.listado-servicios .div-titulo-txt .titulo{
margin: auto;
}
.listado-servicios .servicio .icon {
width: 100%;
}
.listado-servicios .servicio .icon:hover {
--svgcolor: var(--colores-colorFucsia);
}
.listado .resultados {
font-weight: 300;
}
/* #endregion */
/* #region home > mapa */
.home .mapa {
background-color: rgb(230, 234, 238);
width: 100%;
height: 420px;
}
.home .mapa .mapav2 {
width: 100%;
height: 100%;
}
.mapav2 h1.firstHeading {
font-size: 1.5rem;
padding: 0 0 0.3em 0;
}
/* #endregion */
/* #region listado coches */
main.listado .orden .grupo.limpiar .limpiar-filtros {
text-transform: uppercase;
font-weight: 600;
padding-left: 20px;
padding-right: 20px;
}
.container-flex main.listado .orden .container.extralarge {
justify-content: flex-start;
}
.container-flex main.listado .orden .container.extralarge {
height: fit-content;
}
main.listado .orden .container.extralarge .resultados {
padding: 0px 20px 0px 0px;
}
main.listado .orden {
height: 0;
padding: 30px 0;
border-top: 1px solid #f4f4f4;
}
main.listado .menu-concesionario + .orden {
padding: 0 0 30px;
}
main.listado .orden .container.extralarge {
padding: 0 28px;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
}
main.listado .resultados {
color: var(--colores-colorGrisOscuro);
height: 1em;
font-size: 1.1rem;
margin-right: 1em;
}
main.listado .cuerpo .row {
padding: 0 13px;
}
main.listado .w-23 {
width: 23%;
}
main.listado .w-77 {
width: 77%;
}
main.listado .generico .comparar.comparado,
main.listado .generico .comparar:hover,
#listado_coches .carcard .foto .tipo,
#listado_coches .carcard .foto .tipo:hover {
/*background-color: var(--colores-colorFucsia) !important;
border-color: var(--colores-colorFucsia)!important;*/
background-color: var(--colores-colorTurquesa) !important;
border-color: var(--colores-colorTurquesa)!important;
}
.cards- #listado_coches .carcard .foto .tipo {
background-color: var(--color-marcaoscuro) !important;
border-color: var(--color-marcaoscuro)!important;
}
#paginacion-mbl {
display: flex;
}
#paginacion {
display: none;
}
/* #region filtrado listado coches */
main.listado .filtro_listado {
padding: 38px 0;
}
.filtro_listado .titulo {
color: var(--color-azuloscurotitulos);
font-size: 2.35rem;
font-weight: 600;
font-stretch: condensed;
margin-bottom: 0.7em;
line-height: 1em;
}
.filtro_listado label {
color: var(--colores-colorGrisOscuro);
font-size: 11pt;
margin-left: 3px;
margin-right: 11px;
}
.filtro_listado .grupo + .grupo {
margin-top: 52px;
}
.filtro_listado .grupo .grupo-titulo {
margin-top: 14px;
font-size: 1.8rem;
font-stretch: condensed;
margin-left: 2px;
letter-spacing: -0.3px;
line-height: 1em;
margin-bottom: 0;
color: var(--color-azuloscurotitulos);
}
.filtro_listado .grupo .grupo-controles {
margin-top: 23px;
display: flex;
justify-content: space-between;
}
.filtro_listado .grupo .grupo-controles.vertical {
flex-direction: column;
}
.filtro_listado .grupo.combustible .grupo-controles.vertical div {
margin-bottom: 7px;
margin-top: 3px;
}
.filtro_listado .grupo.carroceria {
margin-top: 43px;
height: fit-content;
margin-bottom: -86px;
}
.filtro_listado .grupo.carroceria .icon.carroceria {
font-size: 4.3em;
width: 0.6em;
height: 0.6em;
fill: white;
overflow: visible;
}
.filtro_listado .grupo.combustible .grupo-controles {
margin-left: 13px;
}
.filtro_listado .grupo .select.xs {
width: 98%;
}
.filtro_listado .grupo .select.md {
width: 98%;
}
.filtro_listado #form_listado_mobile .grupo .select {
background-image: url('data:image/svg+xml;utf8,');
}
.filtro_listado .grupo .select {
border-radius: 0;
/*border-color: var(--color-marcaoscuro);*/
border-color: var(--colores-colorMarino);
color: var(--colores-colorGrisOscuro);
margin-bottom: 0;
margin-top: 0;
height: 40px;
font-size: 14px;
padding-left: 0.5em;
padding-top: 0.5em;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-y: 50%;
background-position-x: 91%;
}
.filtro_listado .grupo .select + .select {
margin-right: 0;
}
main.listado #form_listado_mobile .grupo-controles.flex-column.flex-xl-row select {
width: 100%;
margin-bottom: 15px !important;
border: none;
background-color: var(--colores-colorGrisFondoVO);
}
main.listado #form_listado_mobile .container-iconos-coches .label-icono-coche {
height: 64px;
}
.filtro_listado .checkbox.md {
vertical-align: sub;
margin-top: 0;
}
.filtro_listado .checkbox.md + label {
font-size: 14pt;
font-stretch: condensed;
font-weight: 300;
line-height: 0.8em;
}
.filtro_listado a {
color: var(--colores-colorMarino);
font-size: 12pt;
display: inline-block;
/*margin-top: 19px;*/
text-decoration: none;
border-bottom: 1px solid var(--colores-colorGrisOscuro);
line-height: 0.9em;
margin-left: 0.3em;
}
.filtro_listado .grupo #filtro_ubicacion ,.filtro_listado .grupo #filtro_ciudad {
width: calc(100%);
}
/* carroceria checks button style*/
.filtro_listado .grupo.carroceria label,
.filtro_listado .grupo.carroceria [type="checkbox"] {
text-align: center;
align-items: center;
justify-content: center;
position: absolute;
display: flex;
width: 124px;
height: 41px;
border: none;
padding: 0;
cursor: pointer;
/* background-color: white;*/
color: var(--colores-colorGrisOscuro);
}
.filtro_listado .grupo.carroceria .grupo-controles {
margin-top: 50px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.filtro_listado .grupo.carroceria .grupo-controles div {
width: 78px;
height: 86px;
position: relative;
}
.filtro_listado .grupo.carroceria label {
width: 90%;
display: flex;
flex-direction: column;
/*filter: grayscale(100%);*/
font-size: 1.1em;
font-stretch: condensed;
justify-content: flex-end;
}
.filtro_listado .grupo.carroceria [type="checkbox"] {
display: none;
height: unset;
}
/*.filtro_listado .grupo.carroceria input:not(:checked) + label:hover {
filter: brightness(125%);
}*/
.filtro_listado .grupo.carroceria .grupo-controles div [type="checkbox"]:checked + label {
/* background: var(--color-azuloscuro);*/
/* border-color: var(--color-azuloscuro);*/
/* color: white;*/
filter: none;
}
.filtro_listado .grupo.cambio label.radio1 {
top: -2px;
left: 0;
/*border-right: none;*/
}
.filtro_listado .grupo.cambio label.radio2 {
top: -2px;
left: 99px;
}
.filtro_listado .grupo.cambio label.radio2:not(:checked) label.radio2:hover,
.filtro_listado .grupo.cambio label.radio1:not(.checked) label.radio1:hover {
color: white;
background-color: var(--color-azulclaro);
}
/* /carroceria checks button style*/
/* cambio checks button style*/
.filtro_listado .grupo.cambio .grupo-controles {
position: relative;
}
.filtro_listado .grupo.cambio label,
.filtro_listado .grupo.cambio [type="checkbox"] {
text-align: center;
align-items: center;
justify-content: center;
position: absolute;
display: flex;
width: 100px;
height: 41px;
padding: 0;
cursor: pointer;
background-color: white;
border: 1px solid var(--colores-colorGrisOscuro);
color: var(--colores-colorGrisOscuro);
}
.filtro_listado .grupo.cambio [type="checkbox"] {
display: none;
}
.filtro_listado .grupo.cambio label:hover {
background: var(--color-marcaoscuro);
color: white;
border-color: var(--color-marcaoscuro);
}
.filtro_listado .grupo.cambio [type="checkbox"]:checked + label {
background: var(--color-marcaoscuro);
border-color: var(--color-marcaoscuro);
color: white;
}
.filtro_listado .grupo.limpiar {
margin-top: 4em;
}
.grupo.limpiar .limpiar-filtros {
background: var(--color-marcaoscuro);
border-color: var(--color-marcaoscuro);
border-width: 0;
color: white;
font-size: 1em;
padding: 0.5em;
width: 100%;
}
.filtro_listado .grupo.cambio label.radio1 {
top: -2px;
left: 0;
/*border-right: none;*/
}
.filtro_listado .grupo.cambio label.radio2 {
top: -2px;
left: 123px;
}
.filtro_listado .grupo.carroceria .grupo-controles div {
display: none;
}
ol#filtro_orden_mobile {
list-style: none;
padding-left: 1em;
font-size: 20px;
}
ol#filtro_orden_mobile li a {
display: block;
width: 100%;
line-height: 2em;
text-decoration: none;
color: var(--colores-colorGrisOscuro);
}
ol#filtro_orden_mobile li a:hover {
color: var(--color-azuloscuro);
}
ol#filtro_orden_mobile li a.selected {
font-weight: 600;
}
.modal-fullscreen .modal-footer {
padding: 1px;
}
.modal-fullscreen button.submit {
width: 100%;
border-radius: 0;
border: 0;
margin: 0;
background-color: var(--color-marcaoscuro);
font-size: 0.8rem;
padding: 0.9em;
flex: 1 1 auto;
color: white;
}
/* #region listado coches */
/*main.listado .cuerpo {
background-color: #f4f4f4;
}*/
main.listado .orden .container.extralarge {
padding-right: 30px;
}
main.listado .ordenar {
display: flex;
transform: translateY(8px);
}
main.listado .ordenar label {
width: 11em;
text-align: right;
padding-right: 1.5em;
color: var(--colores-colorGrisOscuro);
font-size: 1.1rem;
padding-top: 0;
}
main.listado .ordenar #filtro_orden {
margin: 0;
width: 283px;
transform: translateY(-6px);
}
main.listado .cuerpo {
padding-bottom: 87px;
}
main.listado #listado_coches {
display: flex;
padding: 15px 0 38px;
width: 102%;
grid-template-columns: repeat(1, 1fr);
column-gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
main.listado .cards-genericas #listado_coches .carcard .foto .tipo,
main.listado .cards-genericas #listado_coches .carcard .foto .comparar.comparado,
main.listado .cards-genericas #listado_coches .carcard .foto .comparar:hover {
background-color: var(--colores-colorFucsia);
border-color: var(--colores-colorFucsia);
}
main.listado .cards-genericas #listado_coches .carcard .foto a.card-fav:hover,
main.listado .cards-genericas #listado_coches .carcard .foto a.card-fav.fav {
border-color: var(--colores-colorFucsia);
}
main.listado .cards-genericas #listado_coches .carcard .foto a.card-fav:hover svg,
main.listado .cards-genericas #listado_coches .carcard .foto a.card-fav.fav svg {
--svgcolor: var(--colores-colorFucsia);
--svgcolor2: var(--colores-colorFucsia);
stroke: var(--colores-colorFucsia);
}
main.listado #listado_coches .carcard .foto a.card-fav.fav {
border-color: var(--color-marcaoscuro);
}
main.listado #listado_coches .carcard .foto a.card-fav.fav svg {
--svgcolor: var(--color-marcaoscuro);
--svgcolor2: var(--color-marcaoscuro);
stroke: var(--color-marcaoscuro);
}
main.listado .cards-genericas #listado_coches .carcard .foto a.card-fav.fav svg {
--svgcolor: var(--colores-colorFucsia);
--svgcolor2: var(--colores-colorFucsia);
stroke: var(--colores-colorFucsia);
}
main.listado .cards-genericas #listado_coches .carcard .precio-cuota .desde {
color: var(--colores-colorTurquesa);
}
main.listado #listado_coches .carcard {
width: 100%;
height: fit-content;
}
/*main.listado #paginacion {
display: flex;
}*/
main.listado #paginacion .anterior,
main.listado #paginacion .siguiente {
margin-right: 15px;
font-size: 1.1rem;
text-decoration: none;
color: var(--colores-colorGrisOscuro);
font-weight: 300;
/*display: flex;*/
align-items: center;
}
main.listado #paginacion .anterior i,
main.listado #paginacion .siguiente i {
margin-left: 8px;
margin-right: 9px;
}
main.listado #paginacion {
/*display: flex;*/
justify-content: center;
width: 102%;
}
main.listado #paginacion .bolita {
width: 43px;
height: 43px;
margin-right: 21px;
border: 1px solid var(--color-marcaoscuro);
font-size: 1.8em;
text-decoration: none;
color: var(--color-marcaOscuro);
font-weight: 300;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
padding-top: 0.1em;
}
main.listado #paginacion .bolita.actual {
color: white;
background-color: var(--color-marcaoscuro);
}
main.listado #paginacion .bolita:not(.actual):hover {
color: white;
background-color: var(--color-marcaoscuro);
}
main.listado #paginacion.paginacion-generica .bolita.actual {
background-color: var(--colores-colorFucsia);
border-color: var(--colores-colorFucsia);
}
main.listado #paginacion.paginacion-generica .bolita:not(.actual):hover {
background-color: var(--colores-colorFucsia);
border-color: var(--colores-colorFucsia);
}
main.listado #paginacion .anterior {
display: flex;
justify-content: flex-end;
padding-right: 15px;
/*padding-top: 10px;*/
}
main.listado #paginacion .siguiente {
margin-left: -21px;
transform: translateX(21px);
padding-left: 10px;
/*padding-top: 10px;*/
}
main.listado .filtro_listado .limpiar-filtros.d-none.d-lg-block.boton-principal:hover {
background-color: var(--colores-colorFucsia);
}
main.listado .filtro_listado {
padding: 0;
}
main.listado #exampleModalLabel {
font-size: 28pt;
}
main.listado #form_listado_mobile .h2 {
display: none;
}
main.listado .modal-header .btn-close {
background: white;
font-size: 28pt;
font-weight: 600;
color: var(--colores-colorGrisOscuro);
opacity: 1;
}
/* #endregion */
/* #region appbuttons listado */
.appbuttons {
display: flex;
flex: 1 1 auto;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: white;
}
.appbuttons > button.btn {
border-radius: 0;
border: 0;
margin: 0;
background-color: var(--color-azuloscuro);
border-right: 1px solid white;
font-size: 0.8rem;
padding: 0.9em;
flex: 1 1 auto;
color: white;
}
/* #endregion */
/* #region concesionario > menuconcesionario */
/* #endregion */
/* #region concesionario > cuerpo */
.concesionario .hero {
background-image: url(/img/static/home-cabecera.jpg);
background-size: cover;
background-position: center;
position: relative;
}
.concesionario .hero video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.concesionario .hero .container {
height: 100%;
z-index: 2;
position: relative;
}
.concesionario .hero .container .texto {
margin-top: 0;
margin-bottom: 1em;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: rgba(255, 255, 255, 0.75);
font-size: 1em;
/*font-family: 'BMW';*/
padding: 0.7em 2em 0 3em;
color: var(--colores-colorGrisOscuro);
}
.concesionario .seccion .subtitulo {
font-size: 2.1rem;
/*font-family: 'BMW';*/
letter-spacing: -0.2px;
color: var(--color-marcaoscuro);
margin-bottom: 1em;
}
.concesionario .seccion.gama .boton {
margin-top: 1em;
}
#modal-filtros .modal-title,
#modal-orden .modal-title {
font-size: 20px;
}
/* #region concesionario > buscador-vehiculos */
.concesionario .seccion.buscador-vehiculos form {
font-size: 0.75em;
}
.concesionario .seccion.buscador-vehiculos {
font-size: 0.8rem;
background-color: var(--color-marcaoscuro);
}
.concesionario .seccion.buscador-vehiculos h2 {
color: white;
font-size: 2.75em;
/*font-family: 'BMW';*/
}
.concesionario .seccion.buscador-vehiculos .checks {
margin: 2.8em 0;
text-align: center;
}
.concesionario .seccion.buscador-vehiculos .checks label {
font-size: 1.95em;
color: white;
}
.concesionario .seccion.buscador-vehiculos [type='checkbox'] {
width: 1.07em;
height: 1.1em;
margin-right: 0.6em;
}
.concesionario .seccion.buscador-vehiculos [type='checkbox']:focus {
box-shadow: none;
}
.concesionario .seccion.buscador-vehiculos [type='checkbox']:checked {
background-color: white;
}
/*.concesionario .seccion.buscador-vehiculos [type='checkbox']:checked::after {
content: 'X';
height: 1em;
display: block;
color: var(--colores-colorGrisOscuro);
text-align: center;
position: relative;
top: -0.2em;
padding-top: 0.1em;
}*/
.concesionario .seccion.buscador-vehiculos .selects {
margin: 0;
display: block;
justify-content: center;
align-items: center;
flex-direction: row;
padding-bottom: 4em;
flex-wrap: wrap;
}
.concesionario .seccion.buscador-vehiculos .selects label {
font-size: 1.95em;
color: white;
margin-right: 0;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
flex-wrap: wrap;
width: 100%;
max-width: 300px;
margin: auto;
}
.concesionario .seccion.buscador-vehiculos select {
font-size: 0.8em;
padding: 0.45em 0 0.45em 1.4em;
color: var(--colores-colorGrisOscuro);
margin-bottom: 0;
height: 2.2em;
margin-top: 0;
}
.concesionario .seccion.buscador-vehiculos .selects button {
font-size: 2.05em;
color: white;
width: calc(100% - var(--bs-gutter-x, .75rem) * 2);
display: inline-block;
background-color: transparent;
border: 1px solid white;
height: 1.7em;
margin-bottom: 0;
line-height: 0.8em;
transition: all 0.2s linear;
}
.concesionario .seccion.buscador-vehiculos .selects button: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);
}
/* #endregion */
.concesionario .slider-stock {
overflow: hidden;
}
.concesionario .slider-stock h2 {
font-size: 20pt;
padding: 0.8em 0 0 0;
text-align: center;
letter-spacing: 0px;
line-height: 1em;
color: var(--colores-colorGrisOscuro);
margin: 0;
/*font-family: 'BMW';*/
}
.concesionario .slider-stock h2 + .subtitulo {
text-align: center;
font-size: 15pt;
color: var(--color-marcaoscuro);
width: 100%;
max-width: 265px;
margin: 1.1rem auto 2.1rem;
font-weight: 100;
/*font-family: 'BMW';*/
letter-spacing: -0.03em;
}
.concesionario .swiper-pagination-bullet {
/*background: var(--color-marcaclaro);*/
width: 17px;
height: 17px;
border-radius: 50%;
/*background-color: var(--colores-colorMarino);*/
background-color: var(--colores-colorMarino);
/*border: 5px solid var(--colores-colorMarino);*/
/*box-shadow: 0 0 0 1px white;*/
margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap, 4px) - 9px) !important;
}
.concesionario .swiper-pagination-bullet.swiper-pagination-bullet-active {
/*background: var(--color-marcaoscuro);*/
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);
/*margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap, 4px) - 9px) !important;*/
}
.concesionario .slider-componente-destacado .swiper-pagination-bullet {
/*background: var(--color-marcaclaro);*/
width: 17px;
height: 17px;
border-radius: 50%;
/*background-color: var(--colores-colorMarino);*/
background-color: white;
/*border: 5px solid var(--colores-colorMarino);*/
/*box-shadow: 0 0 0 1px white;*/
margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap, 4px) - 9px) !important;
}
.concesionario .slider-componente-destacado .swiper-pagination-bullet.swiper-pagination-bullet-active {
/*background: var(--color-marcaoscuro);*/
width: 17px;
height: 17px;
border-radius: 50%;
background-color: var(--colores-colorFucsia);
border: 5px solid var(--colores-colorMarino);
box-shadow: 0 0 0 1px var(--colores-colorFucsia);
/*margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap, 4px) - 9px) !important;*/
}
.instalaciones {
background-color: #f3f4f4;
/*height: 420pxvh;*/
height: 87vh;
}
.instalaciones-titulo {
margin-bottom: 1em;
}
.instalaciones-titulo .titulo {
padding-top: 0.5em;
font-weight: 600;
text-align: center;
color: var(--colores-colorGrisOscuro);
}
.instalaciones .caja-instalaciones {
font-size: 0.85rem;
width: 100%;
height: 100%;
margin-right: 5em;
margin-left: auto;
padding: 1em 0;
}
.instalaciones .caja-instalaciones a.como-llegar {
text-decoration: none;
font-size: 0.8em;
color: var(--color-marcaoscuro);
}
.instalaciones .caja-instalaciones a.email {
text-decoration: none;
font-size: 0.95em;
color: var(--color-marcaoscuro);
}
.instalaciones .caja-instalaciones a.telf {
text-decoration: none;
font-size: 0.95em;
color: var(--color-marcaoscuro);
margin-right: 1em;
}
.instalaciones .caja-instalaciones a.como-llegar:hover {
text-decoration: underline;
}
.instalaciones .caja-instalaciones .caja-botones {
display: flex;
justify-content: space-between;
}
.instalaciones .caja-instalaciones .caja-botones button {
width: 32%;
border: 1px solid var(--color-marcaoscuro);
background-color: transparent;
font-size: 1em;
color: var(--color-marcaoscuro);
/*padding: 0.45em 0.45em 0.1em 0.45em;*/
margin-top: 0.3em;
margin-bottom: 0.5em;
line-height: 1em;
letter-spacing: -0.01em;
white-space: nowrap;
min-width: fit-content;
padding: 0.4rem;
margin: 7px 0.1rem;
}
.instalaciones .caja-instalaciones .caja-botones button.active {
background-color: var(--color-marcaoscuro);
color: white;
}
.instalaciones .caja-instalaciones .caja-contenido {
overflow-y: scroll;
height: calc(100% - 3.8em);
background-color: white;
border: var(--colores-colorGrisOscuro) 1px solid;
width: 100%;
scrollbar-color: var(--color-marcaoscuro) white;
scrollbar-width: thin;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta {
min-height: 3em;
border-bottom: var(--colores-colorGrisOscuro) 1px solid;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo {
background-color: transparent;
border: 0;
color: var(--color-marcaoscuro);
/*font-family: 'BMW';*/
margin-left: 0.15em;
font-size: 11pt;
font-weight: 600;
letter-spacing: -0.02em;
padding: 0.7em 0.45em 0;
display: flex;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100%;
margin: 0;
transition: ease 0.1s;
text-align: left;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo:not(.collapsed) {
transition: ease 0.1s;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo .desplegablemas,
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo .desplegablemenos {
width: 1em;
height: 1em;
margin-right: 0.3em;
fill: var(--color-marcaoscuro);
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo:not(.collapsed) .desplegablemas {
display: none;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo.collapsed .desplegablemas {
display: block;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo:not(.collapsed) .desplegablemenos {
display: block;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo.collapsed .desplegablemenos {
display: none;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .cuerpo {
color: var(--colores-colorGrisOscuro);
/*font-family: 'BMW';*/
padding: 0 5em 0 1.8em;
font-size: 11pt;
line-height: 1.3em;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .cuerpo > * {
margin-top: 0;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .cuerpo p a {
font-weight: 500;
font-size: 0.95em;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .cuerpo p a.email {
font-size: 11px;
}
.instalaciones .caja-instalaciones .caja-contenido .tarjeta .cuerpo p strong {
font-weight: 500;
}
/* #region concesionario > posventa / botones */
main.concesionario .seccion.posventa {
background-color: white;
}
main.concesionario .seccion.posventa h2 {
padding-top: 0.9em;
}
main.concesionario .seccion.posventa .subtitulo {
font-size: 1.5rem;
margin-bottom: 0.5em;
line-height: 1.1em;
margin-top: 0.5em;
}
main.concesionario .seccion.posventa .subtitulo.dk {
display: none;
}
main.concesionario .seccion.posventa .subtitulo.mbl {
display: block;
margin: 0.5em;
}
main.concesionario .seccion.posventa .botones {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
main.concesionario .seccion.posventa button {
width: 50%;
background-color: transparent;
border: 0;
/*padding: 3em 1em*/
}
main.concesionario .seccion.posventa button .icon {
width: 65%;
height: 50%;
transition: all 0.1s linear;
}
main.concesionario .seccion.posventa button .texto {
height: 45px;
}
main.concesionario .seccion.posventa button .texto .texto-span {
font-weight: 600;
margin: auto;
}
main.concesionario .seccion.posventa button:hover .icon {
transform: scale(1.1);
}
main.concesionario .seccion.posventa button p {
font-size: 1.2em;
text-align: center;
line-height: 1.1em;
margin-top: -0.3em;
letter-spacing: -0.02em;
height: 2em;
color: var(--color-marcaoscuro);
}
main.concesionario .seccion.posventa button.cta:hover p {
color: var(--color-marcaoscuro);
}
main.concesionario .seccion.posventa button.cta:hover svg {
--svgcolor2: var(--color-marcaicono);
}
main.concesionario .h1.titulo {
color: var(--colores-colorGrisOscuro);
text-transform: none;
}
main.concesionario .seccion.buscador-vehiculos .selects label {
margin-bottom: 10px;
font-size: 15pt;
width: 100%;
max-width: 375px;
}
main.concesionario .seccion.buscador-vehiculos .selects button {
border-width: 2px;
font-size: 16pt;
height: auto;
font-weight: 600;
max-width: 416px;
}
/* #endregion */
/* #region concesionario > posventa / cta2x2 */
.seccion.cta2x2 {
width: 100%;
height: 95vh;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.seccion.cta2x2 a {
width: 100%;
height: calc(25% - 6px);
display: block;
position: relative;
}
.seccion.cta2x2 .imagen,
.seccion.cta2x2 .filtro,
.seccion.cta2x2 .texto {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.seccion.cta2x2 .imagen {
background-size: cover;
background-position: center;
}
.seccion.cta2x2 .filtro {
transition: all 0.2s;
mix-blend-mode: multiply;
}
.seccion.cta2x2 .texto {
width: 64%;
height: 2.7em;
top: 0;
left: unset;
right: 0;
padding: 0.1em 1.02em;
font-size: 1.7em;
/*font-family: 'BMW';*/
line-height: 1.2em;
text-align: right;
display: flex;
align-content: center;
justify-content: flex-start;
flex-direction: row-reverse;
align-items: center;
color: white;
text-decoration: none;
}
.seccion.cta2x2 .texto {
pointer-events: none;
}
.seccion.cta2x2 .cta1 .filtro {
background-color: #1e5f93;
}
.seccion.cta2x2 .cta2 .filtro {
background-color: #6f6f6e;
}
.seccion.cta2x2 .cta1 {
margin-top: 7px;
}
.seccion.cta2x2 .cta2 {
margin-top: 7px;
}
.seccion.cta2x2 .cta3 {
margin-top: 7px;
}
.seccion.cta2x2 .cta4 {
margin-top: 7px;
}
.seccion.cta2x2 .cta3 .filtro {
background-color: #6f6f6e;
}
.seccion.cta2x2 .cta4 .filtro {
background-color: #1e5f93;
}
.seccion.cta2x2 .cta1 .imagen {
background-image: url('/public/img/static/posventa-empresas.jpg');
}
.seccion.cta2x2 .cta2 .imagen {
background-image: url('/public/img/static/posventa-financiacion.jpg');
}
.seccion.cta2x2 .cta3 .imagen {
/*background-image: url('/public/img/static/posventa-compramos.jpg');*/
background-image: url('/public/img/static/empresas-cabecera.jpg');
}
.seccion.cta2x2 .cta4 .imagen {
background-image: url('/public/img/static/posventa-seguros.jpg');
}
.seccion.cta4x1 .cta1 .imagen {
background-image: url('/public/img/static/posventa-empresas.jpg');
}
.seccion.cta4x1 .cta2 .imagen {
background-image: url('/public/img/static/posventa-financiacion.jpg');
background-position-x: 70%;
background-position-y: 50%;
}
.seccion.cta4x1 .cta3 .imagen {
background-image: url('/public/img/static/posventa-seguros.jpg');
/*background-image: url('/public/img/static/empresas-cabecera.jpg');*/
background-position-x: center;
}
.seccion.cta4x1 .cta4 .imagen {
background-image: url('/public/img/static/posventa-compramos.jpg');
background-position-x: center;
}
.seccion.cta4x1 .imagen {
background-size: cover;
}
.seccion.cta4x1 .cta1 .filtro,
.seccion.cta4x1 .cta2 .filtro,
.seccion.cta4x1 .cta3 .filtro,
.seccion.cta4x1 .cta4 .filtro {
background-color: #363636b7;
}
/*
.seccion.cta4x1 .cta1 .filtro:hover {
background-color: #95c3e9;
}
.seccion.cta4x1 .cta2 .filtro:hover {
background-color: #b9b9b9;
}
.seccion.cta4x1 .cta3 .filtro:hover {
background-color: #b9b9b9;
}
.seccion.cta4x1 .cta4 .filtro:hover {
background-color: #95c3e9;
}
*/
/* alternar filtros */
/*
.seccion.cta2x2 .cta1 .filtro:hover {
background-color: #6f6f6e;
}
.seccion.cta2x2 .cta2 .filtro:hover {
background-color: #1e5f93;
}
.seccion.cta2x2 .cta3 .filtro:hover {
background-color: #1e5f93;
}
.seccion.cta2x2 .cta4 .filtro:hover {
background-color: #6f6f6e;
}
*/
/* /alternar filtros */
/* hover azul filtros */
/*
.seccion.cta2x2 .cta1 .filtro {
background-color: #1e5f93;
}
.seccion.cta2x2 .cta2 .filtro {
background-color: #1e5f93;
}
.seccion.cta2x2 .cta3 .filtro {
background-color: #1e5f93;
}
.seccion.cta2x2 .cta4 .filtro {
background-color: #1e5f93;
}
.seccion.cta2x2 .filtro:hover {
background-color: #6f6f6e;
}*/
/* hover azul filtros */
/* hover claro filtros */
.seccion.cta2x2 .cta1 .filtro:hover {
background-color: #95c3e9;
}
.seccion.cta2x2 .cta2 .filtro:hover {
background-color: #b9b9b9;
}
.seccion.cta2x2 .cta3 .filtro:hover {
background-color: #b9b9b9;
}
.seccion.cta2x2 .cta4 .filtro:hover {
background-color: #95c3e9;
}
/* hover claro filtros */
/* #endregion */
/* #endregion */
/* #region favoritos */
main.favoritos #listado_coches {
display: flex;
flex-wrap: wrap;
column-gap: 15px;
justify-content: left;
margin: 35px auto;
width: 100%;
max-width: 315px;
}
main.favoritos .carcard .card-fav:hover {
border-color: var(--colores-colorFucsia);
}
main.favoritos .carcard .card-fav:hover svg {
--svgcolor: var(--colores-colorFucsia);
stroke: var(--colores-colorFucsia);
}
main.favoritos #listado_coches .carcard .comparar:hover,
main.favoritos #listado_coches .carcard .comparar.comparado,
main.favoritos #listado_coches .carcard .foto .tipo {
background-color: var(--colores-colorFucsia);
border-color: var(--colores-colorFucsia);
}
/*.h1.favoritos-h1 {
background-color: white;
text-transform: none;
}*/
.favoritos .slider-dk {
display: none;
}
.favoritos .mySwiper {
overflow: hidden;
}
.favoritos .swiper-pointer-events {
touch-action: pan-y;
}
/* #endregion */
/* #region comparador */
main.comparador .h1 {
text-transform: none;
background-color: white;
width: 100%;
max-width: 311px;
margin: auto;
}
main.comparador .subtitulo-coche {
display: none;
}
main.comparador #listado_coches {
display: flex;
/*flex-wrap: wrap;*/
column-gap: 15px;
justify-content: flex-start;
overflow-x: auto;
margin-top: 35px;
width: 100%;
max-width: 1155px;
margin: auto;
}
main.comparador .h2 {
text-align: center;
font-size: 23pt;
font-weight: 600;
padding: 10px;
}
main.comparador .carcard {
border: none;
padding: 0;
}
main.comparador .carcard .foto img {
height: 15.4em;
}
main.comparador .carcard .card-fav:hover {
border-color: var(--colores-colorFucsia);
}
main.comparador .carcard .card-fav:hover svg {
--svgcolor: var(--colores-colorFucsia);
stroke: var(--colores-colorFucsia);
}
main.comparador .contadorEnlace .enlaceContador {
color: var(--colores-colorMarino);
text-decoration: none;
font-weight: 600;
}
main.comparador .contadorEnlace .enlaceContador:hover {
color: var(--colores-colorFucsia);
}
main.comparador #listado_coches .carcard {
width: 100%;
}
#listado_coches .sticky-section{
margin: 20px auto;
}
#listado_coches .datos {
padding: 10px 15px;
font-size: 18px;
}
#listado_coches .datosimpar {
background-color: var(--colores-colorGrisFondoVO);
padding: 0 15px;
}
#listado_coches .tituloDatos {
font-weight: 600;
color: var(--colores-colorMarino);
}
#listado_coches .espacioDatos {
height: 40px;
}
#listado_coches .icon-ambiental-comparar {
width: 50px;
}
#listado_coches .divContadorCards {
height: 24px;
text-align: left;
margin-bottom: 20px;
display: none;
}
#listado_coches .oculto{
display: none;
}
#listado_coches .mostrar{
display: block;
}
#listado_coches .contadorEnlace{
float: right;
}
/* #endregion */
/* #region detalle */
#popper-tooltip1 {
background-color: #333;
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 13px;
display: none;
}
main.detalle {
padding-top: 0;
}
main.detalle .carcard.borde-negro {
padding-bottom: 540px;
}
main.detalle .bc-div {
height: 3.7em;
font-size: 1rem;
padding: 1.1em;
line-height: 1em;
font-stretch: condensed;
background-color: #ececec;
}
main.detalle .bc-div.mobile {
display: none;
/* TODO: 1.1 */
font-size: 1.4rem;
background-color: transparent;
margin-bottom: -2em;
}
main.detalle .bc-div.mobile .container {
justify-content: center;
}
main.detalle .bc-div .container {
max-width: 1500px;
display: flex;
height: 100%;
justify-content: flex-start;
align-items: center;
padding: 0;
}
main.detalle .bc-div .comparar:not(:hover),
main.detalle .bc-div .avisame:not(:hover) {
color: var(--colores-colorMarino);
font-weight: 300;
border-color: var(--colores-colorMarino);
}
main.detalle .bc-div .comparar.comparado:not(:hover){
border-color: var(--colores-colorFucsia);
}
main.detalle .bc-div button.comparar {
/*display: none !important;*/
/* TODO: 1.1 */
margin-right: 0.5em;
padding-right: 0.5em;
text-transform: uppercase;
/*width: 236px;*/
height: 43px;
font-size: 20pt;
}
main.detalle .bc-div .rt {
background-color: transparent;
margin-right: 0.2em;
border: 0;
margin-left: -14px;
}
main.detalle .bc-div .rt .icon {
width: 1em;
height: 1em;
}
main.detalle .bc-div .card-fav {
/*display: none;*/
/* TODO: 1.1 */
background-color: transparent;
margin-right: 7px;
border: 0;
}
main.detalle .bc-div .card-fav .icon {
width: 1.6em;
height: 1.6em;
}
main.detalle .bc-div .avisame {
/*display: none !important;*/
/* TODO: 1.1 */
margin-right: 0.8em;
padding-right: 0;
padding-left: 0;
width: 285px;
height: 28px;
font-size: 20pt;
}
main.detalle .bc-div .avisame span {
margin-left: 11px;
}
main.detalle .bc-div .avisame .icon {
width: 1em;
height: 1em;
/*margin-right: -0.2em;*/
padding-bottom: 0.2em;
}
main.detalle .bc-div .avisame:hover .icon {
fill: white;
}
main.detalle .bc-div .bc {
flex-grow: 1;
padding-left: 1em;
}
@media(max-width: 399px) {
main.detalle .bc-div .volver.boton-cuadrado-con-hover {width: 127px !important;}
}
@media(min-width: 400px) {
main.detalle .bc-div .volver.boton-cuadrado-con-hover {width: 164px !important;}
}
main.detalle .bc-div .bc a {
text-decoration: none;
color: var(--color-azuloscurotitulos);
}
main.detalle .bc-div .bc * {
line-height: 1em;
height: 1em;
}
main.detalle .bc-div .bc a:hover {
text-decoration: underline;
}
main.detalle .bc-div .bc .separador {
width: 2.3em;
display: inline-block;
text-align: center;
}
main.detalle .bc-div .bc .separador .icon {
width: 0.7em;
height: 0.7em;
}
.boton-cuadrado-con-hover {
border: 2px black solid;
color: var(--color-azuloscuro);
padding: 0.2em 0.6em;
font-family: inherit;
font-stretch: inherit;
transition: all 0.1s linear;
background-color: transparent;
height: 1.4em;
}
.boton-cuadrado-con-hover.comparado {
border-color: var(--colores-colorFucsia);
font-weight: 600;
}
.boton-cuadrado-con-hover:hover {
/*background-color: var(--color-azuloscuro);
border-color: var(--color-azuloscuro);*/
color: white;
}
.detalle-cuerpo {
padding-top: 1.8em;
margin-bottom: 3em;
}
main.detalle .tipo-coche {
font-weight: 100;
position: absolute;
top: 0;
right: 0;
color: white;
border: 1px solid var(--colores-colorTurquesa);
background-color: var(--colores-colorTurquesa);
text-decoration: none;
font-size: 14pt;
font-stretch: condensed;
padding: 2px 5px;
z-index: 2;
text-transform: uppercase;
}
main.detalle h1.titulo-coche {
padding-top: 0;
color: var(--colores-colorMarino);
font-size: 2rem;
font-weight: 600;
font-stretch: condensed;
padding-bottom: 0.05em;
position: relative;
text-align: center;
/*display: inline;*/
}
main.detalle h1.titulo-coche + .subtitulo-coche {
color: var(--colores-colorMarino);
font-stretch: condensed;
font-size: 1.5rem;
line-height: 1em;
/*margin-top: 0.4em;*/
padding-left: 0.1em;
letter-spacing: 0.9px;
margin-bottom: 0.55em;
text-align: center;
}
main.detalle .detalle-cuerpo .div-sticky {
top: 10px;
}
main.detalle .detalle-cuerpo .sticky-section {
padding-left: 0;
margin-top: 0;
}
main.detalle .detalle-cuerpo .sticky-section .tab {
/* min-height: 638px;*/
/* TODO: es pot treure */
margin-bottom: 37px;
font-size: 0.7em;
}
main.detalle .detalle-cuerpo .sticky-section .tab p {
margin-bottom: 0;
}
main.detalle .detalle-cuerpo .sticky-section .tab * {
font-stretch: condensed;
}
main.detalle .detalle-cuerpo .sticky-section .tab .nav-link,
main.detalle .detalle-cuerpo .sticky-section .tab .nav-link:focus,
main.detalle .detalle-cuerpo .sticky-section .tab .nav-link:hover {
color: #706d6e;
}
main.detalle .detalle-cuerpo .sticky-section .tab button {
padding-top: 10px;
font-size: 1.1em;
width: 50%;
padding-left: 12px;
text-align: left;
}
main.detalle .detalle-cuerpo .sticky-section .tab .precio {
font-size: 20pt;
line-height: 1em;
font-stretch: condensed;
font-weight: 300;
margin-top: 0.1em;
}
/*main.detalle .detalle-cuerpo .sticky-section .tab .precio .numero {
font-size: 1.3em;
font-weight: 300;
}*/
main.detalle .detalle-cuerpo .sticky-section .tab .cuota {
font-size: 20pt;
line-height: 1em;
font-stretch: condensed;
font-weight: 300;
margin-top: 0.1em;
margin-bottom: 0em;
}
main.detalle .detalle-cuerpo .sticky-section .tab .precio .numero,
main.detalle .detalle-cuerpo .sticky-section .tab .cuota .numero {
font-size: 1.3em;
font-weight: 600;
}
main.detalle .detalle-cuerpo .sticky-section .tab button .icon {
--svgcolor: var(--colores-colorMarino);
--svgcolor2: white;
width: 20px;
height: 20px;
margin-left: 0.3em;
transform: translateY(-0.1em);
}
main.detalle .detalle-cuerpo .sticky-section .tab button.active {
background-color: transparent;
border-radius: 0;
border-top: var(--colores-colorMarino) 1px solid;
border-left: var(--colores-colorMarino) 1px solid;
border-right: var(--colores-colorMarino) 1px solid;
}
main.detalle .detalle-cuerpo .sticky-section .tab button:not(.active) {
background-color: transparent;
border-radius: 0;
border-top: #d4d4d4 1px solid;
border-left: #d4d4d4 1px solid;
border-right: #d4d4d4 1px solid;
border-bottom: var(--colores-colorMarino) 1px solid;
}
main.detalle .detalle-cuerpo .sticky-section .tab .tab-content {
padding: 1em 1.7em;
border-bottom: var(--colores-colorMarino) 1px solid;
border-left: var(--colores-colorMarino) 1px solid;
border-right: var(--colores-colorMarino) 1px solid;
}
main.detalle .detalle-cuerpo .sticky-section .tab:hover {
/* TODO: eliminar */
background-color: white;
}
main.detalle .detalle-cuerpo .sticky-section .tab .nav-tabs {
border-bottom: var(--colores-colorMarino) 1px solid;
}
main.detalle .detalle-cuerpo .sticky-section .tab .div-range {
color: var(--colores-colorGrisOscuro);
font-size: 1.3em;
padding-left: 1.1em;
margin-bottom: 1.3em;
}
main.detalle .detalle-cuerpo .sticky-section .tab .div-range .label {
display: flex;
justify-content: space-between;
color: var(--colores-colorMarino);
font-weight: 500;
font-size: 14pt;
}
/*main.detalle .detalle-cuerpo .sticky-section .tab .div-range .valor {
color: var(--color-azuloscuro);
}*/
main.detalle .detalle-cuerpo .sticky-section .tab .div-range .valor .num.anos {
margin-right: 0.25em;
}
main.detalle .detalle-cuerpo .sticky-section .tab .financialo {
text-align: center;
font-size: 2.1em;
margin-top: -0.6em;
line-height: 1em;
margin-top: 0.7em;
}
main.detalle .detalle-cuerpo .sticky-section .tab .financiacion {
text-align: center;
font-size: 25px;
color: var(--colores-colorMarino);
line-height: 1em;
margin-top: 0.2em;
font-weight: 300;
white-space: nowrap;
}
@media (min-width: 500px) and (max-width: 992px) {
main.detalle .detalle-cuerpo .sticky-section .tab .financiacion {
font-size: 35px;
}
}
main.detalle .detalle-cuerpo .sticky-section .tab .financiacion .numero {
font-size: 1.3em;
font-weight: 600;
}
main.detalle .detalle-cuerpo .sticky-section .tab .financiacion .numero.anos {
margin-right: 0.2ex;
margin-left: 0.2ex;
}
main.detalle .detalle-cuerpo .sticky-section .calcula-cuota {
border: #d4d4d4 1px solid;
padding: 1em;
background-color: var(--colores-colorGrisFondoVO);
color: var(--colores-colorMarino);
font-weight: 500;
text-align: center;
font-stretch: condensed;
font-size: 1.2em;
letter-spacing: -0.02em;
}
main.detalle .detalle-cuerpo .sticky-section .calcula-cuota a {
max-width: 25%;
max-width: fit-content;
padding: 2%;
}
main.detalle .detalle-cuerpo .sticky-section .calcula-cuota img {
height: 1.5em;
max-width: 100%;
}
main.detalle .detalle-cuerpo .sticky-section .calcula-cuota svg {
fill: var(--colores-colorMarino);
height: 1.5em;
max-width: 100%;
width: 100%;
}
.logo-banco {
background: #183251;
width: 100%;
height: 100%;
/*min-width: 170px;
min-height: 15px;*/
mask-size: cover;
}
main.detalle .detalle-cuerpo .sticky-section svg.banco-3:hover{
fill: #3a913f;
}
main.detalle .detalle-cuerpo .sticky-section svg.banco-2:hover{
fill: var(--color-azuloscuro);
}
main.detalle .linea-o {
display: none;
/* TODO: 1.1 */
border-top: 1px var(--color-azuloscuro) solid;
margin-top: 1.9em;
}
main.detalle .linea-o span {
display: block;
width: 2.5em;
text-align: center;
background-color: white;
position: relative;
top: -0.75em;
margin: auto;
font-size: 1.4em;
color: var(--colores-colorGrisOscuro);
margin-bottom: -0.75em;
}
main.detalle .detalle-cuerpo .sticky-section .tab button.quiero-esta-financiacion,
main.detalle .detalle-cuerpo .sticky-section .tab button.quiero-este-precio {
padding: 0.1em 0.2em 0 0;
font-size: 1.4em;
font-weight: 600;
text-align: center;
letter-spacing: -0.04em;
height: auto;
transform: translateY(0);
background-color: var(--colores-colorMarino);
width: calc(100% - 7.7em);
color: white;
}
main.detalle .detalle-cuerpo .sticky-section .tab button.quiero-esta-financiacion:hover,
main.detalle .detalle-cuerpo .sticky-section .tab button.quiero-este-precio:hover {
background-color: var(--colores-colorFucsia);
border-color: var(--colores-colorFucsia);
}
main.detalle .detalle-cuerpo .sticky-section .tab button.reservar-online {
display: none;
/* TODO: 1.1 */
width: 100%;
font-size: 1.8em;
padding: 0.6em 0.2em 0.2em 0.2em;
color: white;
text-align: center;
font-weight: 600;
background-color: #8a8a89;
line-height: 1em;
}
main.detalle .detalle-cuerpo .sticky-section .botones {
margin-top: 1.6em;
}
main.detalle .detalle-cuerpo .sticky-section .botones button.telf,
main.detalle .detalle-cuerpo .sticky-section .botones button.whatsapp {
cursor: pointer;
padding: 0;
border: 0;
margin-right: 0.4em;
width: 4.3em;
}
main.detalle .detalle-cuerpo .sticky-section .botones button.telf .icon,
main.detalle .detalle-cuerpo .sticky-section .botones button.whatsapp .icon {
--svgcolor: var(--color-azuloscuro);
width: 4.1em;
height: 2.1em;
filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.3));
}
main.detalle .detalle-cuerpo .sticky-section .botones button.telf:hover .icon,
main.detalle .detalle-cuerpo .sticky-section .botones button.whatsapp:hover .icon {
--svgcolor: var(--color-azulclaro);
}
main.detalle .detalle-cuerpo section {
padding-right: 0;
margin-top: 2rem;
}
main.detalle .bc-div .volver.boton-cuadrado-con-hover {
color: var(--colores-colorMarino);
border-color: var(--colores-colorMarino);
font-weight: 300;
}
main.detalle .bc-div .bc a {
color: var(--colores-colorMarino);
font-weight: 300;
}
main.detalle .bc-div .rt svg.icon {
--svgcolor: var(--colores-colorMarino);
}
main.detalle .bc-div .rt svg.icon:hover {
--svgcolor: var(--colores-colorFucsia);
}
main.detalle .carcard .foto .comparar:hover,
.carcard .foto .tipo {
border-color: var(--colores-colorFucsia);
background-color: var(--colores-colorFucsia);
}
main.detalle .carcard .foto a.card-fav:hover {
border-color: var(--colores-colorFucsia);
}
main.detalle .carcard .foto a.card-fav:hover svg {
stroke: var(--colores-colorFucsia);
--svgcolor: var(--colores-colorFucsia);
}
/* galeria coches detalle */
main.detalle .detalle-cuerpo section.galeria {
margin-bottom: 24px;
margin-top: 0;
}
main.detalle .detalle-cuerpo section.galeria.fullscreen .icon.fullscreen {
display: none;
}
main.detalle .detalle-cuerpo section.galeria.fullscreen .swiper-galeria .icon.close {
display: block;
}
main.detalle .detalle-cuerpo section.galeria.fullscreen .swiper-galeria {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
z-index: 3;
padding: 0;
background-color: var(--colores-colorGrisOscuro);
}
main.detalle .detalle-cuerpo section.galeria.fullscreen .swiper-galeria .swiper-slide img {
object-fit: contain;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria {
position: relative;
overflow: hidden;
height: 50vh;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.fullscreen {
position: relative;
top: -5em;
margin-bottom: -5em;
width: 3em;
height: 3em;
cursor: pointer;
float: right;
margin-right: 2em;
z-index: 1;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.close {
position: relative;
top: -100vh;
width: 2em;
height: 2em;
cursor: pointer;
float: right;
margin-right: 2em;
z-index: 3;
display: none;
margin-top: 2em;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.prev {
position: absolute;
top: 50%;
width: 2em;
height: 2em;
cursor: pointer;
z-index: 1;
transform: rotate(180deg);
left: 1em;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.next {
position: absolute;
top: 50%;
width: 2em;
height: 2em;
cursor: pointer;
z-index: 1;
right: 1em;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.next,
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.prev,
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.fullscreen {
opacity: 0.6;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.next,
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.prev,
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.fullscreen {
opacity: 0.6;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.next.swiper-button-disabled,
main.detalle .detalle-cuerpo section.galeria .swiper-galeria .icon.prev.swiper-button-disabled {
opacity: 0.3;
cursor: default;
}
main.detalle .detalle-cuerpo section.galeria .swiper-slide {
width: 100%;
}
main.detalle .detalle-cuerpo section.galeria .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria-thumbs {
height: 6.8em;
margin-top: 2.4em;
overflow: hidden;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria-thumbs .swiper-slide {
filter: brightness(0.5);
transition: all 0.5s;
}
main.detalle .detalle-cuerpo section.galeria .swiper-galeria-thumbs .swiper-slide.swiper-slide-thumb-active {
filter: brightness(1);
}
/* caracteristicas generales, equipamiento */
main.detalle .detalle-cuerpo ul.nivel1 {
font-size: 1em;
}
main.detalle .detalle-cuerpo .equipamiento-serie-contenido ul.nivel1 {
column-count: 1;
}
main.detalle .detalle-cuerpo .equipamiento-extra-contenido ul.nivel1 {
column-count: 1;
}
main.detalle .detalle-cuerpo .caracteristicas-generales-contenido ul {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
main.detalle .caracteristicas-generales-contenido .caracteristica {
display: flex;
flex-direction: column;
color: var(--colores-colorGrisOscuro);
font-size: 1.2em;
padding-left: 0.2em;
width: 45%;
}
main.detalle .caracteristicas-generales-contenido .caracteristica.distintivo {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
main.detalle .caracteristicas-generales-contenido .caracteristica.distintivo div {
white-space: nowrap;
}
main.detalle .caracteristicas-generales-contenido .caracteristica.distintivo img {
width: 2.5em;
margin-left: 1.5em;
}
main.detalle .caracteristicas-generales-contenido .caracteristica > span {
font-weight: 300;
letter-spacing: 0.03em;
font-size: 15px;
line-height: 1.1em;
color: #414345;
}
main.detalle .caracteristicas-generales-contenido .caracteristica .remarcado {
color: var(--colores-colorMarino);
}
main.detalle .detalle-cuerpo .caracteristicas-generales-contenido ul.nivel1 {
column-count: 2;
}
/* main.detalle .detalle-cuerpo .caracteristicas-generales-contenido li.nivel1 {
height: 3em;
} */
main.detalle .detalle-cuerpo .caracteristicas-generales-contenido li.nivel1.no-ajustar {
height: unset;
}
main.detalle .detalle-cuerpo ul.nivel1 {
list-style: none;
padding: 0 1em 1em;
/* column-gap: 2em; */
}
main.detalle .detalle-cuerpo li.nivel1 {
font-weight: 600;
color: var(--colores-colorMarino);
margin-bottom: 3rem;
/*font-size: 1.3em;*/
font-size: 13pt;
padding-left: 0.2em;
break-inside: avoid-column;
/*list-style: disc;*/
line-height: 40px;
}
main.detalle .detalle-cuerpo ul.nivel2 {
color: var(--colores-colorGrisOscuro);
list-style: none;
padding-left: 0;
}
main.detalle .detalle-cuerpo li.nivel2 {
font-weight: 300;
letter-spacing: 0.03em;
font-size: 15px;
padding-right: 3em;
line-height: 1.1em;
list-style: disc;
margin-left: 20px;
margin-bottom: 10px;
}
main.detalle .detalle-cuerpo li.nivel2.remarcado {
color: var(--color-azuloscuro);
}
main.detalle .detalle-cuerpo .mas-informacion-contenido {
padding: 0 1em 1em;
color: var(--colores-colorGrisOscuro);
font-stretch: normal;
font-size: 1em;
}
main.detalle .seccion-desplegable .titulo-seccion {
margin-bottom: 0.58em;
font-size: 1em;
}
main.detalle .seccion-desplegable .titulo-seccion button {
/*font-size: 15pt;*/
font-size: 20pt;
font-stretch: condensed;
font-weight: 600;
color: var(--colores-colorMarino);
padding: 4px 0;
line-height: 1em;
display: block;
background-color: transparent;
text-decoration: none;
border: 0;
text-align: left;
padding-bottom: 1.5rem;
}
main.detalle .seccion-desplegable .titulo-seccion button .icon {
width: 0.7em;
height: 0.6em;
transform: rotate(0deg);
transition: all 0.5s ease-out;
margin-left: 0.78em;
stroke: var(--colores-colorFucsia);
margin-bottom: 0.5rem;
}
main.detalle .seccion-desplegable .mas-informacion-contenido p {
font-weight: 300;
font-size: 15px;
}
main.detalle .seccion-desplegable .titulo-seccion button.collapsed .icon {
transform: rotate(-90deg);
}
main.detalle .seccion-desplegable {
border-bottom: 1px solid var(--color-azuloscuro);
}
main.detalle .seccion-desplegable .contenido-seccion {
font-size: 1rem;
}
main.detalle .bc-div {
background-color: var(--colores-colorGrisFondoVO);
}
main.detalle .bc-div .volver.boton-cuadrado-con-hover {
color: var(--colores-colorMarino);
border-color: var(--colores-colorMarino);
width: 164px;
}
main.detalle .bc-div .volver.boton-cuadrado-con-hover:hover {
font-weight: 600;
color: white;
border-color: var(--colores-colorFucsia);
background-color: var(--colores-colorFucsia);
transition: 0s;
}
main.detalle .bc.d-none.d-sm-block a:hover {
font-weight: 600;
color: var(--colores-colorFucsia);
text-decoration: none;
}
main.detalle .bc-div .card-fav .icon {
/*width: 21pt;
height: 21pt;
border: 2px solid var(--colores-colorMarino);*/
width: 30pt;
border: 2px solid var(--colores-colorMarino);
display: block;
height: 30pt;
padding: 2px;
}
main.detalle .bc-div .card-fav.fav .icon {
border-color: var(--colores-colorFucsia);
--svgcolor: var(--colores-colorFucsia);
stroke: var(--colores-colorFucsia);
}
main.detalle .bc-div .card-fav:hover .icon {
--svgcolor: var(--colores-colorFucsia);
stroke: var(--colores-colorFucsia);
border-color: var(--colores-colorFucsia);
}
main.detalle .bc-div .comparar:hover {
font-weight: 600;
color: white;
background-color: var(--colores-colorFucsia);
border-color: var(--colores-colorFucsia);
}
main.detalle .bc-div .comparar .comparar.icon {
width: 0.8em;
--svgcolor: var(--colores-colorMarino);
}
main.detalle .slider-stock .titulo {
margin-top: 1em;
color: var(--colores-colorMarino);
font-size: 20pt;
line-height: 1.2;
text-align: left;
margin-bottom: 0.5rem;
font-weight: 600;
}
main.detalle .bc-div .avisame:hover {
background-color: var(--colores-colorFucsia);
color: white;
border-color: var(--colores-colorFucsia);
font-weight: 600;
}
main.detalle .bc-div .volver.boton-cuadrado-con-hover {
/*font-size: 12pt;
padding: 1px 20px;
height: 28px;*/
font-size: 16pt;
padding: 1px 20px;
height: 42px;
}
main.detalle .bc {display: none !important;}
main.detalle .bc-div .comparar {
font-size: 16pt;
width: auto;
}
main.detalle .bc-div .avisame {
font-size: 16pt;
width: 28px;
}
@media(max-width: 768px) {
.detalle .compartir {position: absolute; right: 183px;}
.detalle .card-comparativa {position: absolute; right: 125px;}
.detalle .card-fav {position: absolute; right: 63px;}
.detalle .avisame {position: absolute; right: 0;}
}
main.detalle .bc a {
font-size: 16pt;
}
main.detalle .nav.nav-tabs p.texto {
color: var(--colores-colorTurquesa);
font-weight: 500;
font-size: 9pt;
}
main.detalle .cuota,
main.detalle .precio {
color: var(--colores-colorMarino);
}
main.detalle #tabs-precios-cuota .label,
main.detalle #tabs-precios-cuota .label .valor {
color: var(--colores-colorMarino);
}
main.detalle .detalle-cuerpo .sticky-section .botones button.telf .icon,
main.detalle .detalle-cuerpo .sticky-section .botones button.whatsapp .icon{
--svgcolor: var(--colores-colorMarino);
}
main.detalle .detalle-cuerpo .sticky-section .botones button.telf .icon:hover,
main.detalle .detalle-cuerpo .sticky-section .botones button.whatsapp .icon:hover {
--svgcolor: var(--colores-colorFucsia);
}
main.detalle form.mas-informacion {
background: var(--colores-colorMarino);
}
main.detalle .h3 {
color: white;
text-align: center;
font-weight: 300;
margin-bottom: 4rem;
}
main.detalle.estandar .container.extraextralarge button.comparar {
font-size: 12pt;
}
main.detalle.estandar .container.extraextralarge button.comparar span,
main.detalle .bc-div .avisame span {
display: none !important;
}
main.detalle.estandar .container.extraextralarge button.comparar {
height: 30pt;
padding: 11px;
}
main.detalle .container.extraextralarge .avisame {
height: 30pt;
padding: 9px;
}
main.detalle .container.extraextralarge .avisame,
main.detalle.estandar .container.extraextralarge button.comparar {
width: 100%;
max-width: 43px;
}
main.detalle #tabs-precios-cuota-mobile .botones {
display: flex;
}
main.detalle form.form.mas-informacion .a-lateral {
display: none;
}
main.detalle .form.mas-informacion .form-group label.comentario {
white-space: nowrap;
display: flex;
flex-wrap: wrap;
}
main.detalle .caracteristicas-generales-contenido .caracteristica {
font-weight: 500;
color: var(--colores-colorMarino);
}
main.detalle .caracteristicas-generales-contenido .caracteristica span {
font-weight: 300;
}
main.detalle .slider-4cards .swiper-pagination-bullet {
background-color: var(--colores-colorMarino);
}
main.detalle .slider-4cards .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: var(--colores-colorFucsia);
}
main.detalle .detalle-cuerpo .sticky-section .tab .nav-link {
padding: 16px 0%;
}
main.detalle .detalle-cuerpo .sticky-section .tab button .contenedor-precio {
width: fit-content;
margin: 0 auto;
}
main.detalle .comparar.icon {
margin-right: 4px;
width: 13pt;
height: 13pt;
}
#avisameSiBajaModal .avisameSiBajaTitulo {
color: var(--colores-colorMarino);
font-weight: 500;
font-size: 22pt;
}
#avisameSiBajaModal .boton-principal {
padding: 10px;
}
#meInteresaModal .avisameSiBajaTitulo {
color: var(--colores-colorMarino);
font-weight: 600;
font-size: 22pt;
}
.form.mas-informacion {
min-height: 455px;
margin-top: 0;
font-size: 0.8rem;
padding: 2.7em 2em 1rem 2em;
background-color: var(--colores-colorMarino);
}
.form.mas-informacion .container {
padding: 0 1.5em 0;
}
.form.mas-informacion .titulo {
font-size: 2.6em;
font-stretch: condensed;
color: white;
text-align: center;
letter-spacing: 0.02em;
line-height: 0.9em;
font-weight: 600;
}
.form.mas-informacion .subtitulo {
color: white;
text-align: center;
letter-spacing: 0.066em;
line-height: 1em;
font-size: 1.09em;
font-weight: 100;
margin-bottom: 1.2em;
}
.form.mas-informacion .alert {
margin: 2em 0;
}
.form.mas-informacion .form-group {
padding: 0 !important;
width: 100%;
}
.form.mas-informacion .form-group label {
width: 100%;
color: white;
font-size: 16pt;
}
.componente-formulariosimple1 .form.mas-informacion .form-group label {
color: var(--color-azuloscuro);
margin: 10px 0px;
}
.componente-formulariosimple1 .form.mas-informacion .form-group .check-legal label {
margin: 5px 0px;
}
.componente-formulariosimple1 .form.mas-informacion .form-group.checkbox {
width: 100%;
height: unset;
}
.form.mas-informacion div.check-legal.legal {
margin-top: 1.5em;
}
.form.mas-informacion div.check-legal label {
padding-bottom: 0.5em;
letter-spacing: 0.015em;
display: -webkit-inline-box;
}
.form.mas-informacion div.check-legal label .txt-aviso {
font-size: 12pt;
width: 95%;
}
.form.mas-informacion.formulario-simple2 div.check-legal label a {
font-weight: 600;
color: white;
}
.form.mas-informacion.formulario-simple2 div.check-legal label a:hover {
color: var(--colores-colorTurquesa);
text-decoration: none;
}
.form.mas-informacion div.check-legal label a {
color: var(--color-azulclaro);
text-decoration: none;
}
.form.mas-informacion div.check-legal label a:hover {
text-decoration: underline;
}
.form.mas-informacion div.check-legal input {
width: 15px;
height: 15px;
margin-right: 0.4em;
/* accent-color:var(--color-azuloscuro)*/
accent-color: white;
}
.form.mas-informacion .form-input-control {
width: 100%;
margin-top: 0.25em;
font-size: 1em;
padding: 0.1em 0.1em 0 0.1em;
}
.form.mas-informacion .form-boton-enviar {
/*margin-top: 0.9em;
font-size: 1.95em;
font-stretch: condensed;
border: 1px solid white;
color: white;
padding: 0 0.5em 0 0.5em;
background-color: var(--color-azuloscuro);
height: 1.4em;
width: 100%;*/
background-color: white;
color: var(--colores-colorMarino);
width: 100%;
margin: 0;
max-width: 256pt;
font-size: 18pt;
font-weight: 600;
padding: 7pt;
height: auto;
margin-top: 1em;
border: 0px solid white;
}
main.detalle .form.mas-informacion .form-boton-enviar:hover {
background-color: var(--colores-colorTurquesa);
}
.componente-formulariosimple1 .form.mas-informacion .form-boton-enviar {
color: white;
background-color: var(--colores-colorMarino);
border: none;
}
.formulario-simple2 .form-boton-enviar:hover {
background-color: var(--colores-colorTurquesa) !important;
}
.form.mas-informacion .form-boton-enviar span {
line-height: 1em;
}
/*
h1.titulo-coche::after {
display: block;
content: '';
margin: 0;
width: 100%;
height: 4px;
background-color: var(--color-azuloscuro);
position: absolute;
bottom: 0;
left: 0;
}
*/
main.detalle .slider-stock {
overflow: hidden;
}
main.detalle form.mas-informacion .form-check-input:checked[type=checkbox] {
border: none;
background-color: var(--colores-colorTurquesa);
}
main.detalle form.mas-informacion .form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
main.detalle .form.mas-informacion div.check-legal label a.px-1 {
text-decoration: none;
font-weight: 600;
color: white;
}
main.detalle .form.mas-informacion div.check-legal label a.px-1:hover {
color: var(--colores-colorTurquesa);
}
main.detalle form.mas-informacion {
position: relative;
}
main.detalle {
overflow-x: hidden;
}
main.detalle .a-lateral {
height: 100%;
position: absolute;
width: 800px;
right: -393px;
fill: white;
top: 0;
}
.swiper-pagination-bullet-active {
background-color: var(--color-azuloscuro);
}
main.detalle .slider-stock .seccion.slider-4cards .carcard .comparar {
font-size: 10.5pt;
}
main.detalle .slider-stock.container.extraextralarge .h2 {
margin: 20px auto;
width: fit-content;
}
main.detalle .form.mas-informacion .form-boton-enviar {
max-width: unset;
}
.filtro_listado #form_listado_mobile .grupo.precio .select,
.filtro_listado #form_listado_mobile .grupo.ano .select {
width: 47%;
margin-bottom: 10px !important;
background-position-x: 80.5%;
}
main.listado .filtro_listado #form_listado_mobile .grupo .select.select-combustible::-ms-expand {
display: none !important;
}
main.listado textarea.input-matricula {
height: 36px;
resize: none;
border-color: var(--colores-colorMarino);
color: var(--colores-colorGrisOscuro);
}
.filtro_listado #form_listado_mobile .grupo .grupo-controles.vertical {
display: none;
}
.filtro_listado .grupo .select.select-combustible {
margin-top: 13px;
}
.filtro_listado #form_listado_mobile .select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-overflow: '';
}
.filtro_listado #form_listado_mobile .select::-ms-expand {
display: none!important;
visibility: hidden!important;
opacity: 0!important;
}
/* #endregion */
/* #region trabaja con nosotros */
main.trabaja {
padding: 0;
/*font-family: 'BMW';*/
}
main.trabaja .h1 {
background: white;
text-transform: none;
font-size: 22pt;
}
main.trabaja .p-3 {
padding: 0rem !important;
}
main.trabaja .form-control {
padding: 0.5rem 0.75rem;
font-size: 17px;
font-weight: normal;
}
main.trabaja .fondo {
background-image: url('/img/static/trabaja-fondo.jpg');
background-position: center;
background-size: auto 100%;
}
main.trabaja .content {
padding-right: 0em !important;
}
main.trabaja .titulo {
padding-bottom: 0.35em;
padding-left: 4px;
font-size: 2rem;
}
main.trabaja p {
color: var(--colores-colorGrisOscuro);
font-size: 12pt;
padding-left: 4px;
line-height: 1.2em;
margin-bottom: 1em;
font-weight: 300;
}
main.trabaja p a {
color: var(--colores-colorMarino);
text-decoration: none;
font-weight: 600;
letter-spacing: 0.01em;
margin-left: 0.5ex;
}
main.trabaja p strong {
color: var(--colores-colorMarino);
font-weight: 600;
letter-spacing: 0.01em;
}
main.trabaja form {
margin-top: 2.2em;
}
main.trabaja label {
/*color: var(--colores-colorGrisOscuro);*/
font-size: 1.1em;
width: 100%;
padding-left: 3px;
margin-top: 0.5em;
}
main.trabaja label input,
main.trabaja label textarea {
border-radius: 0;
border-width: 1px;
}
main.trabaja label textarea {
height: 6em;
}
main.trabaja label.textarea-label {
width: 100%;
margin-top: 0.8em;
padding-left: 5px;
}
main.trabaja label input[type="file"] {
border: none;
background-color: transparent;
padding: 0.3em 0em;
font-size: 1em;
color: var(--colores-colorGrisOscuro);
}
main.trabaja label input[type="file"]::file-selector-button {
border: 1px solid var(--colores-colorMarino);
background-color: transparent;
font-size: 1em;
color: var(--colores-colorMarino);
padding: 0 0.5em;
height: 2em;
text-transform: uppercase;
font-weight: 600;
}
main.trabaja .check-label .check-txt {
width: 100%;
}
main.trabaja label.cv-label {
width: 100%;
margin-top: 0.4em;
padding-left: 5px;
margin-bottom: 1em;
}
main.trabaja label.check-label {
width: 100%;
margin-top: 1em;
padding-left: 8px;
font-size: 0.98em;
line-height: 1.2em;
}
main.trabaja 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);
margin-top: 0px;
margin-bottom: 5px;
}
main.trabaja button.boton.estandar {
margin-left: 7px;
border: 0;
font-size: 1em;
margin-top: 0.9em;
padding-left: 0;
padding-right: 0;
width: 100%;
padding-bottom: 0.5em;
}
main.trabaja button.boton.estandar:checked {
background-color: var(--color-azuloscuro);
}
main.trabaja button.boton.estandar {
font-size: 1.5em;
width: 100%;
max-width: 256pt;
margin: 1.5em auto;
}
main.trabaja .col-sm-5.d-none.d-sm-block.fondo.mbl{
display: block !important;
height: 250px;
}
main.trabaja .col-sm-5.d-none.d-sm-block.fondo.mbl{
display: block !important;
height: 250px;
background-size: cover;
}
@media (min-width: 576px) {
main.trabaja .col-sm-5.d-none.d-sm-block.fondo.mbl{
display: none !important;
}
}
/* #endregion */
/* #region el grupo */
main.grupo .extraextralarge {
padding-left: 21px;
}
main.grupo strong {
font-weight: bold;
color: var(--color-azuloscuro);
}
main.grupo h1 {
text-align: center;
font-stretch: condensed;
font-size: 4em;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1.1em;
color: black;
padding-bottom: 0;
}
main.grupo .seccion.historia {
font-size: 0.8rem;
}
main.grupo .seccion.historia h2 {
text-align: center;
padding-top: 0;
font-size: 2.6em;
font-stretch: condensed;
color: var(--color-azuloscuro);
font-weight: 600;
line-height: 1em;
margin: 0;
}
main.grupo .seccion.historia .cols {
margin-top: 1em;
margin-bottom: 1em;
}
main.grupo .seccion.historia .cols,
main.grupo .seccion.datos .texto {
font-size: 1.55em;
line-height: 1.6em;
letter-spacing: 0.01em;
color: var(--colores-colorGrisOscuro);
}
main.seccion-grupo .seccion.datos .texto .plus {
font-size: 38pt;
}
.seccion-grupo .seccion.visionmision .col-lg-6 .cuadrado h2 {
font-weight: 600;
}
main.grupo .seccion.historia .cols strong,
main.grupo .seccion.datos .texto strong {
font-size: 0.97em;
}
main.grupo .seccion.historia .col1 {
padding-right: 2.2em;
}
main.grupo .slider-indi {
font-size: 0.5rem;
background-color: rgba(255, 255, 255, 0.75);
margin: 0 0 10em 0;
}
/*
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+1) img {
margin-top: 117px;
margin-left: 150px;
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+2) img {
margin-top: 237px;
margin-left: -80px
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+3) img {
margin-top: 187px;
margin-left: 75px;
position: relative;
z-index: 1
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+4) img {
margin-left: -165px
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+5) img {
margin-top: 117px
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+6) img {
margin-top: 237px;
margin-left: -80px
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+7) img {
margin-top: 187px;
margin-left: 75px;
position: relative;
z-index: 1
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+8) img {
margin-left: -165px
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+9) img {
margin-top: 117px
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+10) img {
margin-top: 237px;
margin-left: -80px
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+11) img {
margin-top: 187px;
margin-left: 75px;
position: relative;
z-index: 1
}
main.seccion-grupo .slider-indi .swiper-slide:nth-child(8n+12) img {
margin-left: -165px
}
*/
.seccion-grupo .swiper-slide img {
height: 367px;
object-fit: cover;
}
.seccion-grupo {
overflow-x: hidden;
}
.seccion-grupo .h1 {
background-color: white;
text-transform: none;
}
.seccion-grupo .swiper-pointer-events {
touch-action: pan-y;
}
.seccion-grupo .container-flex.swiper-pagination-div {
display: none;
}
.seccion-grupo .seccion.historia.container.extraextralarge .h2 {
text-align: center;
padding: 4rem 0;
}
.seccion-grupo .seccion.historia.container.extraextralarge .row.cols {
justify-content: space-evenly;
}
.seccion-grupo .seccion.historia.container.extraextralarge .row.cols .col-lg-5 {
color: var(--colores-colorMarino);
font-size: 17px;
font-weight: 300;
padding: 0 2rem;
}
.seccion-grupo .texto-seccion-datos {
margin-top: -3rem;
padding: 0 2rem;
}
.seccion-grupo .seccion.historia.container.extraextralarge .row.cols .col-lg-5 strong {
font-weight: 600;
}
.seccion-grupo .seccion.historia.container.extraextralarge .col-lg-5 {
width: 100%;
/*text-align: justify;*/
}
.seccion-grupo .seccion.datos .botones {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
padding: 2rem 0rem;
}
.seccion-grupo .boton {
text-align: center;
color: var(--colores-colorMarino);
font-size: 32pt;
font-weight: 500;
width: 34%;
}
.seccion-grupo .boton p.numero {
margin-bottom: 0;
}
.seccion-grupo .boton p.textonumero{
font-size: 16pt;
}
.seccion-grupo .seccion.datos .texto.container.extraextralarge {
padding-bottom: 4rem;
font-size: 17px;
font-weight: 300;
padding-left: 0;
padding-right: 0;
}
.seccion-grupo .seccion.datos .texto.container.extraextralarge strong {
font-weight: 600;
}
.seccion-grupo .solucion {
font-size: 28pt;
color: var(--colores-colorMarino);
}
.seccion-grupo .solucion strong {
font-weight: bold;
}
.seccion-grupo .solucion .subtitulo {
font-size: 19pt;
}
.seccion-grupo .parrafo {
font-size: 16pt;
color: white;
}
.seccion-grupo .seccion.datos .texto strong{
color: var(--colores-colorMarino);
}
.seccion-grupo .botones .boton p {
font-weight: 600;
white-space: nowrap;
}
.seccion-grupo .botones .boton .numero {
font-size: 35pt;
}
.seccion-grupo .botones .boton p {
margin-bottom: 0;
}
.seccion-grupo .seccion.solucion {
position: relative;
height: 540pt;
display: flex;
background-image: url(/img/static/grupo-solucion.png);
background-size: cover;
background-position-x: 85%;
}
.seccion-grupo .seccion.solucion .contenedor-texto .dk {
margin: auto 10%;
display: none;
}
.seccion-grupo .contenedor-texto.mbl {
display: block;
}
.seccion-grupo .contenedor-texto.mbl .h2 {
font-weight: 300;
text-align: center;
width: 100%;
max-width: 395px;
margin: auto;
font-size: 23pt;
}
.seccion-grupo .contenedor-texto.mbl .h2 strong {
font-weight: 600;
}
.seccion-grupo .contenedor-texto.mbl p {
font-weight: 600;
text-align: center;
font-size: 14pt;
color: var(--colores-colorMarino);
margin-top: 15px;
}
.seccion-grupo .seccion.solucion .h2 {
width: 100%;
max-width: 475px;
font-size: 28pt;
font-weight: 500;
}
.seccion-grupo .seccion.solucion p {
font-size: 19pt;
font-weight: 300;
margin-top: 1rem;
}
.seccion-grupo .seccion.solucion .logo-izq {
--svgcolor: var(--colores-colorMarino);
width: 185px;
}
.seccion-grupo .seccion.solucion .a-lateral {
height: 100%;
/*position: absolute;*/
width: 800px;
/*right: -405px;*/
fill: var(--colores-colorFucsia);
display: none;
}
.seccion-grupo .visionmision h2 {
margin-bottom: 1em;
text-align: center;
}
.seccion-grupo .seccion.visionmision .col-lg-6 {
height: 500px;
padding-top: 25px;
}
.seccion-grupo .seccion.visionmision .col-lg-6 .content,
.seccion-grupo .seccion.visionmision .col-lg-6 .cuadrado {
width: 100%;
max-width: 405px;
margin: auto;
text-align: center;
}
.seccion-grupo .seccion.visionmision .vision {
background-color: var(--colores-colorMarino);
color: white;
height: auto;
padding: 18px;
}
.seccion-grupo .seccion.visionmision .mision {
background-color: var(--colores-colorGrisFondoVO);
color: var(--colores-colorMarino);
}
.seccion-grupo .seccion.visionmision .col-lg-6 p{
font-weight: 300;
font-size: 16pt;
padding: 0 20px;
}
.seccion-grupo .seccion.visionmision .col-lg-6.mision {
height: 400px;
}
.seccion-grupo .seccion.pilares {
position: relative;
padding-bottom: 20rem;
}
.seccion-grupo .seccion.pilares .h2 {
text-align: center;
padding: 5rem 0px;
}
.seccion-grupo .seccion.pilares .pilar .icon {
width: 7em;
height: 7em;
--svgcolor: var(--colores-colorMarino);
--svgcolor2: white;
margin-bottom: 1rem;
}
.seccion-grupo .seccion.pilares .col-lg-6 {
margin-bottom: 2em;
}
.seccion-grupo .seccion.pilares .pilar .div-hover {
width: fit-content;
margin: auto;
text-align: center;
}
.seccion-grupo .seccion.pilares .pilar:hover .icon,
.seccion-grupo .seccion.pilares .pilar:hover .titulo {
--svgcolor: var(--colores-colorFucsia);
color: var(--colores-colorFucsia);
}
.seccion-grupo .seccion.pilares .texto{
padding: 0px 1.5rem;
font-size: 13pt;
font-weight: 300;
}
.seccion-grupo .seccion.donde-oficinas .cols {
display: flex;
height: 100%;
}
.seccion-grupo .seccion.donde-oficinas .col-texto {
width: 100%;
padding-right: 5%;
margin: auto;
text-align: center;
}
.seccion-grupo .seccion.donde-oficinas .col-texto span {
font-weight: 300;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .h4 {
width: 100%;
max-width: 352px;
margin: auto;
font-size: 29pt;
font-weight: 600;
margin-top: 2em;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .h4:hover {
color: var(--colores-colorMarino);
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono {
justify-content: center;
margin: 2rem 0px;
text-align: center;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono svg {
fill: var(--colores-colorFucsia);
height: 41px;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono.ubicacion .icon {
width: 22px;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono svg.icon {
margin: 5px auto;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono.telefono .icon {
width: 28px;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono.email .icon {
width: 31px;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono.email a {
text-decoration: none;
color: var(--colores-colorMarino);
font-weight: 600;
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono.email a:hover {
color: var(--colores-colorFucsia);
}
.seccion-grupo .seccion.donde-oficinas .col-texto .texto-icono {
display: grid;
}
.seccion-grupo .seccion.donde-oficinas .rrss {
display: flex;
justify-content: center;
}
.seccion-grupo .seccion.donde-oficinas .rrss a {
padding: 0 10px;
}
.seccion-grupo .seccion.donde-oficinas .rrss a svg{
width: 55px;
height: 55px;
margin: 0px 5px;
fill: var(--colores-colorMarino);
}
.seccion-grupo .seccion.donde-oficinas .rrss a svg:hover{
fill: var(--colores-colorFucsia);
}
.seccion-grupo .seccion.donde-oficinas .todo-stock-div a.boton {
margin: auto 0px;
width: 100%;
max-width: 256pt;
}
.seccion-grupo .seccion.donde-oficinas .todo-stock-div a.boton .todo-stock-txt {
max-width: 256pt;
}
.seccion-grupo .seccion.donde-oficinas .col-mapa {
width: 100%;
height: 525px;
}
.seccion-grupo .seccion.donde-oficinas .col-mapa .mapav2 {
height: 100%;
}
.seccion-grupo .seccion.datos .boton .icon {
width: 100%;
--svgcolor: var(--colores-colorMarino);
height: 33%;
}
.seccion-grupo .seccion.datos .boton:hover .icon,
.seccion-grupo .seccion.datos .boton:hover {
--svgcolor: var(--colores-colorFucsia);
color: var(--colores-colorFucsia);
}
.seccion-grupo .container-a-coche {
position: absolute;
bottom: 0;
right: 0;
margin-bottom: 0;
}
.seccion-grupo .seccion.donde-oficinas .todo-stock-div {
justify-content: center;
}
.seccion-grupo .slider-dk {
display: none;
}
/* #endregion */
/* #region estaticas */
main.estatica .texto {
color: var(--colores-colorMarino);
font-size: 18px;
width: 100%;
/*text-align: justify;*/
line-height: 23px;
}
main.estatica .texto .azul {
/*color: var(--color-azuloscuro);*/
font-weight: bold;
}
main.estatica label {
color: var(--colores-colorGrisOscuro);
font-size: 1.1em;
width: 100%;
padding-left: 3px;
margin-top: 0.5em;
}
main.estatica label input,
main.estatica label textarea,
main.estatica label select {
border-radius: 0;
border-width: 1px;
}
main.estatica .form-estatica-contacto label select {
margin-top: 0;
margin-bottom: 0;
border: 1px solid #ced4da;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='grey' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1em;
}
main.estatica label textarea {
height: 6em;
}
main.estatica label.textarea-label {
width: 100%;
margin-top: 0.8em;
padding-left: 5px;
}
main.estatica label input[type="file"] {
border: none;
background-color: transparent;
padding: 0.3em 0.7em;
font-size: 1em;
color: var(--colores-colorGrisOscuro);
}
main.estatica label input[type="file"]::file-selector-button {
border: 1px solid var(--colores-colorGrisOscuro);
background-color: transparent;
font-size: 1em;
color: var(--colores-colorGrisOscuro);
padding: 0 0.3em;
height: 1.5em;
}
main.estatica label.cv-label {
width: 100%;
margin-top: 0.4em;
padding-left: 5px;
margin-bottom: 1em;
}
main.estatica label.check-label {
width: 100%;
margin-top: 0.2em;
padding-left: 8px;
font-size: 0.98em;
line-height: 1.2em;
}
main.estatica 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);
margin-bottom: 3px;
}
main.estatica button.boton.estandar {
border: 0;
font-size: 15px;
margin: 0.9em auto;
padding-left: 0;
padding-right: 0;
width: 100%;
padding-bottom: 0.5em;
font-weight: bold;
font-stretch: 75%;
}
main.estatica button.boton.estandar .texto {
font-size: 17pt;
}
main.estatica button.boton.estandar:checked {
background-color: var(--color-azuloscuro);
}
main.estatica button.boton .texto {
color: #fff;
}
main.estatica .hero {
background-size: cover;
background-position: center center;
height: 300px;
}
main.estatica .fondo-lineas {
background: var(--colores-colorMarino);
position: relative;
padding-bottom: 150px;
margin-bottom: 80px;
}
main.estatica .fondo-lineas .background-lineas {
overflow: hidden;
}
main.estatica .fondo-lineas .background-lineas img {
mix-blend-mode: luminosity;
position: absolute;
top: 50px;
right: 0;
}
main.estatica .fondo-lineas,
main.estatica .fondo-lineas h2 {
color: #fff;
}
main.estatica .fondo-lineas .titulo-principal {
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
position: relative;
}
main.estatica .fondo-lineas .coche {
position: absolute;
left: 50%;
bottom: 50px;
transform: translate(-50%, 50%);
z-index: 2;
max-width: 100%;
}
main.estatica .servicio {
text-align: center;
margin-bottom: 30px;
position: relative;
}
main.estatica .servicio .titulo {
font-size: 25px;
margin-top: 10px;
text-transform: uppercase;
font-weight: bold;
font-stretch: condensed;
}
main.estatica .servicio .texto {
color: #fff;
max-width: 350px;
display: inline-block;
}
main.estatica .triangulo-arriba,
main.estatica .triangulo-abajo {
border-left: calc(100vw - 1.1rem) solid white !important;
}
main.estatica .triangulo-arriba {
width: 0;
height: 0;
border-top: 0 solid transparent;
border-bottom: 4em solid transparent;
}
main.estatica .triangulo-abajo {
width: 0;
height: 0;
border-top: 7em solid transparent;
border-bottom: 0 solid transparent;
position: absolute;
bottom: 0;
}
main.estatica .titulo-contacto {
text-align: center;
color: #333;
line-height: normal;
margin-bottom: 0;
}
main.estatica .subtitulo-contacto {
text-align: center;
color: var(--colores-colorGrisOscuro);
font-size: 20px;
margin-bottom: 50px;
}
main.estatica .icon {
width: 150px;
}
main.estatica.seguros .hero {
background-image: url("/img/static/seguros-cabecera.jpg");
}
main.estatica.empresas .hero {
background-image: url("/img/static/empresas-cabecera.jpg");
}
main.estatica.empresas .fondo-lineas {
margin-top: 80px;
}
main.estatica.empresas h1.titulo, main.estatica.seguros h1.titulo{
font-size: 3rem;
}
main.estatica.seccion-seguros .fondo-lineas h2.h2 {
font-weight: 600;
}
main.estatica.seccion-seguros .container-a-coche .img-coche {
max-width: 596px;
top: 117px;
position: absolute;
width: 100%;
}
main.estatica.seccion-seguros .container-a-coche .a-lateral {
left: unset;
top: 2%;
right: 0px;
width: 71%;
max-width: 400px;
height: 100%;
}
main.estatica.seccion-seguros .background-contacto {
padding-top: 55px;
}
.seccion-empresas .svg-cont-img{
--svgcolor: white;
--svgcolor2: var(--colores-colorMarino);
width: 100%;
}
.seccion-empresas .servicio:hover .svg-cont-img {
--svgcolor: var(--colores-colorTurquesa);
}
.seccion-empresas .servicio:hover .titulo{
color: var(--colores-colorTurquesa);
}
.seccion-empresas .hero{
background-image: url('/img/static/empresas-cabecera--.jpg');
height: 40rem;
background-size: cover;
background-position: bottom !important;
}
.seccion-empresas .container .row .h2{
margin: 3rem 0px 2rem;
}
.seccion-empresas .container .row .col-md-6{
margin-bottom: 3rem;
}
.seccion-empresas .container-texto-empresas .row .h2{
margin: 2rem 0px 2rem;
text-align: center;
}
.seccion-empresas .container-texto-empresas .row .col-md-6{
margin-bottom: 2.5rem;
}
.seccion-empresas .fondo-pasate-renting {
background-color: var(--colores-colorMarino);
}
.seccion-empresas .fondo-pasate-renting .container {
max-width: 1775px;
}
.seccion-empresas .fondo-pasate-renting .container .titulo-principal{
color: white;
text-align: center;
font-weight: 600;
padding: 3rem 0;
}
.seccion-empresas .fondo-pasate-renting .container .servicio {
text-align: center;
color: white;
}
.seccion-empresas .fondo-pasate-renting .container .row {
justify-content: space-between;
}
.seccion-empresas .fondo-pasate-renting .container .col-lg-4 {
width: 49%;
}
.seccion-empresas .fondo-pasate-renting .container .col-lg-4 .titulo {
font-weight: 600;
font-size: 17pt;
}
.seccion-empresas .fondo-pasate-renting .container .col-lg-4 .texto {
font-size: 11pt;
}
.seccion-empresas .fondo-pasate-renting .container {
position: relative;
z-index: 1;
}
.seccion-empresas .fondo-pasate-renting .container .coche {
position: absolute;
bottom: -450px;
width: 72%;
left: 144px;
}
.seccion-empresas .fondo-pasate-renting .container .a-lateral {
position: absolute;
--svgcolor: var(--colores-colorFucsia);
height: 334px;
width: 474px;
z-index: -1;
/*left: 580px;*/
/*bottom: -302px;*/
}
.seccion-empresas .container-a-coche {
display: none;
}
.container-a-coche {
width: 100%;
margin: auto;
margin-bottom: -382px;
position: relative;
height: 437px;
max-width: 650px;
}
.seccion-grupo .container-a-coche .img-coche {
position: absolute;
bottom: 50px;
right: 80px;
transform: rotate(-7deg);
right: calc(0px + 16%);
width: 100%;
max-width: 265px;
}
.container-a-coche .a-lateral {
height: 100%;
width: 100%;
position: absolute;
max-height: 335px;
bottom: 0;
right: -38%;
--svgcolor: var(--colores-colorMarino);
}
.container.seccion-contactamos-contigo.separador {
padding-top: 3rem;
}
.seccion-empresas .h3 {
margin-bottom: 3rem;
}
.container.seccion-contactamos-contigo .row .col-md-6 {
margin-bottom: 1rem;
}
.container.seccion-contactamos-contigo .h2,
.container.seccion-contactamos-contigo .h3 {
text-align: center;
}
.container.seccion-contactamos-contigo .row {
justify-content: space-evenly;
}
.container.seccion-contactamos-contigo label {
width: 100%;
color: var(--colores-colorMarino);
font-weight: 300;
font-size: 16pt;
}
.container.seccion-contactamos-contigo label .form-control {
border-color: var(--colores-colorMarino);
}
.container.seccion-contactamos-contigo .textarea-label {
margin-bottom: 2rem;
}
.container.seccion-contactamos-contigo label.check-label {
font-size: 11pt;
font-weight: 100;
}
.container.seccion-contactamos-contigo label.check-label a {
text-decoration: none;
color: var(--colores-colorMarino);
font-weight: 600;
}
.container.seccion-contactamos-contigo label.check-label a:hover {
color: var(--colores-colorFucsia);
}
.container.seccion-contactamos-contigo .form-estatica-contacto .boton-principal{
width: 343px;
font-size: 17pt;
font-weight: 600;
padding: 0.5em 0;
}
/*.container.seccion-contactamos-contigo .boton-principal .spinner,
.container.seccion-contactamos-contigo .form-respuesta {
display: none;
}*/
main.estatica label.check-label input {
vertical-align: bottom;
margin-top: 0;
}
.container.seccion-contactamos-contigo .form-estatica-contacto .boton-principal:hover {
background-color: var(--colores-colorFucsia);
}
/* #endregion */
/* #endregion */
/* #region grupo */
main.grupo .seccion.donde-oficinas {
font-size: 0.7rem;
height: 31em;
padding: 0 1em;
margin-bottom: 30em;
}
main.grupo .seccion.donde-oficinas .cols {
display: flex;
height: 100%;
}
main.grupo .seccion.donde-oficinas .col-texto {
width: 100%;
height: 100%;
padding-top: 1.5em;
}
main.grupo .seccion.donde-oficinas .col-mapa {
width: 100%;
height: 100%;
}
main.grupo .seccion.donde-oficinas .col-mapa .mapav2 {
height: 100%;
}
main.grupo .seccion.donde-oficinas .titulo {
color: var(--color-azuloscuro);
font-stretch: condensed;
font-size: 2.9em;
text-align: left;
font-weight: 600;
padding: 0;
line-height: 1em;
margin-bottom: 0.9em;
}
main.grupo .seccion.donde-oficinas .texto-icono {
display: flex;
margin-bottom: 0.7em;
}
main.grupo .seccion.donde-oficinas .texto-icono .icon {
fill: var(--color-azuloscuro);
width: 1.7em;
height: 1.7em;
margin: 0 2.3em 0 0.7em;
}
main.grupo .seccion.donde-oficinas .texto-icono .icon.mail {
width: 1.9em;
}
main.grupo .seccion.donde-oficinas .texto-icono span {
font-size: 1.6em;
line-height: 1.1em;
color: #77777a;
}
main.grupo .seccion.donde-oficinas .texto-icono span a {
font-weight: bold;
text-decoration: none;
color: var(--color-azuloscuro);
font-size: 0.94em;
}
main.grupo .seccion.donde-oficinas .rrss {
margin-top: 1.8em;
margin-left: 0.6em;
}
main.grupo .seccion.donde-oficinas .rrss .icon {
fill: var(--color-azuloscuro);
width: 3.7em;
height: 3.7em;
margin-right: 0.4em;
transition: all 0.2s linear;
}
main.grupo .seccion.donde-oficinas .como-llegar {
margin-left: 0;
margin-top: 1.1em;
font-size: 2.1em;
font-stretch: condensed;
letter-spacing: 0.05em;
padding: 0.3em 0 0.2em;
text-align: center;
width: 100%;
}
main.grupo .seccion.donde-oficinas .rrss .icon:hover {
fill: var(--color-azulclaro);
}
/* #endregion */
/* #region financiacion */
main.financiacion {
padding: 0;
}
main.financiacion .hero {
background-image: url("/img/static/financiacion-cabecera.jpg");
background-size: cover;
background-position: center center;
height: 70vw;
}
main.financiacion h1,
main.financiacion h2 {
font-size: 2.8rem;
font-stretch: condensed;
font-weight: 600;
color: var(--color-azulclaro);
margin: 1.48em 0 0 0;
text-align: center;
letter-spacing: 0.01em;
}
main.financiacion .subtitulo {
width: 100%;
margin: 1.2em auto 0;
font-size: 1.2rem;
color: var(--colores-colorGrisOscuro);
line-height: 1.6em;
letter-spacing: -0.01em;
text-align: center;
}
main.financiacion .subtitulo strong {
font-weight: 600;
color: var(--color-azuloscuro);
}
main.financiacion .seccion.ctas {
font-size: 0.7em;
padding: 0 0 5em;
position: relative;
background-color: #f5f5f5;
}
main.financiacion .seccion.ctas .container {
margin-top: 2em;
}
main.financiacion .seccion.ctas .triangulo-arriba {
border-left: calc(100vw - 1px) solid white !important;
}
main.financiacion .seccion.ctas .triangulo-abajo {
border-right: calc(100vw - 1px) solid white !important;
}
main.financiacion .seccion.ctas .triangulo-arriba {
width: 0;
height: 0;
border-top: 0 solid transparent;
border-bottom: 4.7em solid transparent;
}
main.financiacion .seccion.ctas .triangulo-abajo {
width: 0;
height: 0;
border-top: 4.7em solid transparent;
border-bottom: 0 solid transparent;
position: absolute;
bottom: 0;
}
main.financiacion .seccion .cta {
flex-direction: column;
display: flex;
align-items: flex-start;
padding: 1.2em 0;
border-bottom: 2px solid var(--colores-colorGrisOscuro);
}
main.financiacion .seccion.ctas .cta-grupo1 {
display: flex;
width: 100%;
}
main.financiacion .seccion .cta:last-of-type {
border-bottom: none;
}
main.financiacion .seccion .cta div.icono {
padding: 0 4.7em 0 0;
position: absolute;
}
main.financiacion .seccion .cta .icon {
width: 8em;
}
main.financiacion .seccion .cta .divFlex {
width: 100%;
}
main.financiacion .seccion .cta .titulo {
padding-left: 100px;
text-align: center;
width: 100%;
padding-top: 0.3em;
white-space: nowrap;
font-size: 2em;
color: var(--colores-colorGrisOscuro);
}
main.financiacion .seccion .cta .texto {
padding-left: 100px;
width: 100%;
color: var(--color-azulclaro);
font-size: 1.5em;
letter-spacing: 0.02em;
text-align: center;
line-height: 1.6em;
padding-top: 0.3em;
}
main.financiacion .seccion.contactamos {
font-size: 0.8rem;
margin: 8.6em 0 0;
padding-bottom: 3em;
background-image: url(/img/static/grupo-pattern-26.png);
background-size: auto 74%;
background-repeat: no-repeat;
background-position: bottom left;
margin-top: -4.7em;
}
main.financiacion .seccion.contactamos .subtitulo {
margin-top: 0;
letter-spacing: 0.01em;
font-weight: 300;
}
main.financiacion .seccion.contactamos form {
width: 100%;
margin: 0 auto 0;
}
main.financiacion .seccion.contactamos label {
color: var(--colores-colorGrisOscuro);
font-size: 1.1em;
width: 100%;
padding-left: 3px;
margin-top: 1em;
}
main.financiacion .seccion.contactamos label input,
main.financiacion .seccion.contactamos label textarea,
main.financiacion .seccion.contactamos label select {
border-radius: 0;
border-width: 2px;
}
main.financiacion .seccion.contactamos label select {
margin-top: 0;
margin-bottom: 0;
border: 2px solid #ced4da;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='grey' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1em;
}
main.financiacion .seccion.contactamos .product-label {
width: 100%;
}
main.financiacion .seccion.contactamos label input:focus,
main.financiacion .seccion.contactamos label textarea:focus {
box-shadow: 0 0 0 0.25rem var(--color-azulclaro);
}
main.financiacion .seccion.contactamos label textarea {
height: 6em;
margin-top: 0.3em;
margin-bottom: 1.2em;
}
main.financiacion .seccion.contactamos label.textarea-label {
width: 100%;
padding-left: 5px;
}
main.financiacion .seccion.contactamos label input[type="file"] {
border: none;
background-color: transparent;
padding: 0.3em 0.7em;
font-size: 1em;
color: var(--colores-colorGrisOscuro);
}
main.financiacion .seccion.contactamos label input[type="file"]::file-selector-button {
border: 1px solid var(--colores-colorGrisOscuro);
background-color: transparent;
font-size: 1em;
color: var(--colores-colorGrisOscuro);
padding: 0 0.3em;
height: 1.5em;
}
main.financiacion .seccion.contactamos label.cv-label {
width: 100%;
margin-top: 0.4em;
padding-left: 5px;
margin-bottom: 1em;
}
main.financiacion .seccion.contactamos label.check-label {
width: 100%;
margin-top: 0.2em;
padding-left: 8px;
font-size: 1em;
line-height: 1.2em;
color: #9c9a9a;
}
main.financiacion .seccion.contactamos label.check-label input:checked {
background-color: var(--color-azuloscuro);
}
main.financiacion .seccion.contactamos 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;
/* appearance: inherit;*/
border: 1px solid var(--colores-colorGrisOscuro);
}
main.financiacion .seccion.contactamos button.boton.estandar {
margin-left: 7px;
border: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
padding-bottom: 0.5em;
font-stretch: condensed;
font-size: 2.2em;
margin-top: 0.6em;
padding: 0.2em 3.9em 0.1em;
}
main.financiacion .seccion.contactamos button.boton.estandar:checked {
background-color: var(--color-azuloscuro);
}
.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .icono {
margin: auto;
}
.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .divFlex {
margin: auto;
}
.seccion-financiacion .seccion.ctas .cta .cta-grupo1 .divFlex .titulo {
margin: 30px auto 0px;
}
.seccion-financiacion .seccion.ctas .cta .texto {
text-align: center;
margin: 20px 17px;
}
form.form-controls select, select.form-control {
margin: 0 !important;
}
.seccion-financiacion .seccion.contactamos .div-contenido-centro .col-lg-5 {
width: 100%;
}
.seccion-financiacion .seccion.contactamos .div-contenido-centro .textarea-label {
width: 100%;
}
/* #endregion */
/* #region contacto */
main.seccion-contacto .menu-instalaciones ul {
display: flex;
list-style: none;
font-size: 1rem;
margin: 0.8em 0 0.8em 0;
justify-content: center;
height: fit-content;
padding-left: 0;
justify-content: space-evenly;
width: 100%;
}
/*.seccion-contacto .menu-instalaciones ul li:last-of-type {
width: fit-content;
}*/
main.seccion-contacto .menu-instalaciones ul li button {
width: 100%;
padding: 1.8em 0 0.6em;
border: none;
background: transparent;
display: flex;
justify-content: center;
color: var(--colores-colorGrisOscuro);
}
main.seccion-contacto .seccion.instalaciones {
font-size: 0.8rem;
}
main.seccion-contacto .seccion.instalaciones .caja-instalaciones {
font-size: 0.8rem;
padding: 1rem;
}
main.seccion-contacto .seccion.instalaciones .caja-instalaciones .tarjeta:not(.si-concesionario) {
display: none !important;
}
.seccion-contacto .seccion.contacto-instalaciones {
background-color: #f3f4f4;
padding: 3rem;
}
.seccion-contacto .menu-instalaciones ul {
display: flex;
list-style: none;
font-size: 1rem;
margin: 0.8em 0 2.8em 0;
justify-content: center;
height: fit-content;
padding-left: 0;
}
.seccion-contacto .menu-instalaciones ul li {
line-height: 1em;
border-bottom: #e5e5e5 0.3em solid;
width: 30%;
white-space: nowrap;
text-align: center;
margin: 0 10px;
}
.seccion-contacto .menu-instalaciones ul li.active,
.seccion-contacto .menu-instalaciones ul li:hover {
border-bottom-color: var(--colores-colorFucsia);
}
/*.seccion-contacto .menu-instalaciones ul li button {
width: 100%;
padding: 1.8em 0 0.6em;
border: none;
background: transparent;
display: flex;
justify-content: center;
color: var(--colores-colorGrisOscuro);
}*/
.seccion-contacto .menu-instalaciones ul li.active button {
color: var(--colores-color_oscuro);
font-weight: 600;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-botones {
display: flex;
justify-content: space-between;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-botones button {
width: 32%;
border: 1px solid var(--colores-colorMarino);
background-color: white;
color: var(--colores-colorMarino);
padding: 0.75rem 0.3rem;
margin-top: 0.3em;
margin-bottom: 0.5em;
line-height: 1em;
letter-spacing: -.01em;
white-space: nowrap;
min-width: fit-content;
font-weight: 500;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-botones button.active {
background-color: var(--colores-colorMarino);
color: white;
font-weight: 600;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido {
overflow-y: scroll;
height: 309px;
background-color: #fff;
border: var(--colores-colorGrisOscuro) 1px solid;
width: 100%;
scrollbar-color: var(--colores-colorMarino) white;
scrollbar-width: thin;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta {
min-height: 4em;
border: var(--colores-colorMarino) 1px solid;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo {
background-color: transparent;
border: 0;
color: var(--colores-colorMarino);
margin-left: 0.15em;
font-size: 1.43em;
font-weight: 600;
letter-spacing: -.02em;
padding: 0.7em 0.45em 0;
display: flex;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100%;
margin: 0;
transition: ease .1s;
text-align: left;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo .desplegablemas, .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo .desplegablemenos {
width: 1em;
height: 1em;
margin-right: 0.3em;
fill: var(--color-marcaoscuro);
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .cuerpo {
font-size: 1.4em;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo.collapsed .desplegablemas {
display: block;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo.collapsed .desplegablemenos {
display: none;
}
.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo:not(.collapsed) .desplegablemas {
display: none;
}
.seccion-contacto .seccion.contacto-instalaciones .container.mobile-p0 {
max-width: 1450px;
}
.seccion-contacto .seccion.contacto-instalaciones .container.mobile-p0 .row.h-100{
justify-content: space-around;
}
.seccion-contacto .seccion.contacto-instalaciones .caja-instalaciones .caja-contenido .tarjeta .cuerpo {
padding: 0px 2.5rem;
}
.seccion-contacto .h3 {
text-align: center;
margin: 1rem 0px;
}
.seccion-contacto .caja-contenido .tarjeta .cuerpo p {
font-size: 13pt;
}
.seccion-contacto .caja-contenido .tarjeta .cuerpo p a {
color: var(--colores-colorMarino);
text-decoration: none;
font-weight: 500;
}
.seccion-contacto .caja-contenido .tarjeta .cuerpo p strong {
font-weight: 600;
color: var(--colores-colorMarino);
}
.seccion-contacto .h1 {
background: white;
text-transform: none;
padding-bottom: 0;
}
/*.seccion-contacto .h3 {
padding: 0 3rem;
}*/
.seccion-contacto .container {
padding: 0;
}
.seccion-contacto .seccion.menu-instalaciones.dk {
display: none;
}
.seccion-contacto .seccion.menu-instalaciones.mbl {
padding: 0 1rem 2rem;
}
.seccion-contacto .seccion.menu-instalaciones.mbl .titulo-desplegable {
color: var(--colores-colorMarino);
font-weight: 600;
font-size: 16pt;
}
.seccion-contacto .seccion.menu-instalaciones.mbl .desplegable-marca-contacto {
background-color: var(--colores-colorGrisFondoVO);
width: 100%;
border: none;
background-image: url('data:image/svg+xml;utf8,');
background-position-x: 99%;
padding: 5px;
-webkit-appearance: none;
-moz-appearance: none;
}
.seccion-contacto .seccion.menu-instalaciones.mbl .desplegable-marca-contacto::-ms-expand {
display: none;
}
.seccion-contacto .seccion.contacto-instalaciones {
padding: 0rem;
}
.ubicaciones .subtitulo {
text-align: center;
padding: 15px;
font-size: 18px;
font-weight: 300;
width: 100%;
max-width: 1280px;
margin: auto;
}
.ubicaciones .subtitulo strong {
color: var(--colores-colorMarino);
font-weight: 600;
}
.ubicaciones .iconos-informacion {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.ubicaciones .iconos-informacion .secciones {
width: 100%;
text-align: center;
}
.ubicaciones .iconos-informacion .seccion-email {
width: 100%;
}
.ubicaciones .iconos-informacion .secciones .svg-icono {
--svgcolor: var(--colores-color_oscuro);
width: 100%;
}
@media(max-width: 560px) {
.ubicaciones .iconos-informacion .secciones .svg-icono {
width: 109px;
height: 109px;
}
.ubicaciones .iconos-informacion {display: block;}
}
.ubicaciones .iconos-informacion .secciones:hover .svg-icono,
.ubicaciones .iconos-informacion .secciones:hover .titulo,
.ubicaciones .iconos-informacion .secciones:hover {
--svgcolor: var(--colores-color_claro);
color: var(--colores-color_claro);
text-decoration: none;
}
.ubicaciones .iconos-informacion .secciones .titulo {
font-weight: 600;
color: var(--colores-color_oscuro);
font-size: 30px;
text-transform: uppercase;
margin: 25px 0px 0;
}
.ubicaciones .iconos-informacion .secciones .texto-informativo {
margin: 0 auto 25px;
font-weight: 300;
}
.ubicaciones .iconos-informacion .seccion-direccion .texto-informativo {
width: 75%;
}
.ubicaciones .seccion-horarios {
color: white;
justify-content: space-evenly;
padding: 0;
}
.ubicaciones .columnas-horarios {
display: flex;
justify-content: space-evenly;
margin-bottom: 20px;
}
.ubicaciones .seccion-horarios .horarios-container {
height: fit-content;
margin: auto 0;
}
.ubicaciones .seccion-horarios .horarios-container .titulo {
font-weight: 600;
font-size: 55px;
margin: 0 0 4rem;
text-align: center;
padding-top: 4rem;
}
.ubicaciones .columnas-horarios .titulo-columna {
font-weight: 500;
font-size: 30px;
}
.ubicaciones .columnas-horarios .titulo-horarios {
font-weight: 500;
font-size: 19px;
}
.ubicaciones .columnas-horarios .horarios {
margin-bottom: 15px;
font-size: 19px;
}
.ubicaciones .imagen-horarios {
margin: auto 0;
height: 100%;
display: flex;
padding: 2rem 1rem;
}
.ubicaciones .imagen-horarios .imagen-sede {
width: 100%;
margin: auto;
height: 100%;
object-position: center;
}
.ubicaciones .mapav2 {height: 600px;}
/* #endregion */
/* #region colecciones / series especiales */
.coleccion-hero {
/*height: 250px;*/
height: 467pt;
display: flex;
background-size: cover;
background-position: center 60%;
transition: all .5s;
}
@keyframes zoom-in {
0% {
background-size: 100%;
}
100% {
background-size: 120%;
}
}
.coleccion-hero .container {
padding-top: 50px;
height: fit-content;
margin: auto;
}
.coleccion-hero .container h1 {
color: white;
font-size: 1.8em;
font-weight: 300;
font-stretch: condensed;
padding-bottom: 0.5em;
text-align: center;
}
.coleccion-hero .container h1 i {
font-size: 0.8em;
margin-right: 0.5em;
}
.coleccion-hero .container h1 ~ .subtitulo {
color: white;
font-size: 1em;
font-weight: 200;
line-height: 0.9em;
text-align: center;
padding-bottom: 1.2em;
}
.coleccion-hero .container h1 ~ .subtitulo,
.coleccion-hero .container h1 ~ .subtitulo.hash {
margin: 15px auto;
}
.coleccion-hero .container h1 ~ .subtitulo.hash {
font-weight: 300;
text-align: center;
font-size: 1.2em;
}
.coleccionCont {
position: absolute;
padding-top: 3.3em;
width: 100%;
top: 0;
}
.coleccionCont .coleccion {
line-height: 22px;
z-index: 15;
color: #fff;
text-align: left;
margin-bottom: 5px;
}
/* #endregion */
/* #region noticias */
.titulo-principal-noticias.h1 {
background-color: white;
text-transform: none;
}
.titulo-principal {
color: var(--color-azuloscuro);
font-size: 40px;
padding: 40px 0;
width: 100%;
text-align: center;
}
.container.seccion.pb-0 .subtitulo-estandar {
width: 100%;
max-width: 230px;
padding: 0 0 20px;
font-size: 24px;
line-height: 24px;
color: var(--color-azuloscuro);
}
#seccion-noticias .s603x402 {
width: 100%;
/*max-width: 636px;*/
/*height: 340px;*/
height: auto;
object-fit: cover;
}
#seccion-noticias .titulo-noticia {
padding: 20px;
font-size: 36px;
letter-spacing: 1px;
line-height: 40px;
margin: 16px 0 9.6px;
color: var(--colores-colorMarino);
text-align: left;
text-decoration: none;
font-weight: 700;
}
#seccion-noticias .leer-mas {
color: var(--colores-colorMarino);
font-size: 15pt;
font-weight: 600;
position: relative;
margin-bottom: 2.5rem;
padding: 0 20px;
}
#seccion-noticias .leer-mas::after {
display: block;
content: '';
margin: 0;
width: 85%;
height: 4px;
background-color: var(--colores-colorMarino);
position: absolute;
bottom: -15px;
left: 0;
margin-left: 15px;
}
#seccion-noticias .col-lg-4 {
width: 100%;
margin: 1rem 8px;
height: fit-content;
}
#seccion-noticias .col-lg-4 .col-12 {
box-shadow: 7px 7px 12px 0 rgb(50 50 50 / 27%);
}
.icon.right.calendar-blog {
height: 1.2rem;
width: 1.2rem;
}
.cuerpo-noticia {
font-size: 13pt;
color: var(--colores-colorGrisOscuro);
line-height: 1.55em;
margin-bottom: 2em;
font-weight: 400;
}
.row.noticia a {
text-decoration: none;
}
.fecha-noticia {
color: #CDCDCD;
font-size: 19px;
line-height: 29px;
}
.col.noticia-cuerpo {
padding: 24px 12px 34px;
font-size: 1.2rem;
}
#seccion-noticia .s603x402 {
width: 100%;
max-height: 648px;
object-fit: cover;
}
.contenedor-noticias {
position: relative;
margin-top: 3rem;
}
.contenedor-noticias .contenedor-a-fondo {
position: absolute;
bottom: 0;
right: 0;
}
/*
.col-lg-3.d-12.d-lg-block.order-2{
background-color: var(--color-azuloscuro);
}
*/
#seccion-noticia .noticia-sidebar {
background-color: var(--colores-colorOscuro);
padding: 22px 35px 35px 35px;
}
#seccion-noticia .noticia-sidebar .subtitulo-estandar {
color: white;
font-size: 1.7rem;
letter-spacing: .6px;
font-weight: 600;
}
#seccion-noticia .noticia-sidebar .titulo-noticia {
color: white;
font-size: 1.37rem;
margin-top: 10px;
line-height: 1.1em;
text-decoration: none;
font-weight: inherit;
}
#seccion-noticia .noticia-sidebar a {
text-decoration: none;
}
#seccion-noticia .noticia-sidebar .row.noticia-reciente .fecha-noticia {
margin: 1px 0 25px;
}
#seccion-noticia .col-lg-3.d-12.d-lg-block.order-2 {
margin-bottom: 50px;
}
.icon.right.calendar-blog {
height: 1.2em;
width: 1.2em;
fill: #CDCDCD;
vertical-align: top;
margin-right: .5em;
}
#seccion-noticias .vermas {
padding: 0.65em 3em;
font-size: 1.45rem;
margin-top: 2em;
margin-bottom: 2em;
background-color: var(--colores-colorBoton);
border: none;
color: white;
}
#seccion-noticias .vermas:hover {
background-color: var(--colores-colorBotonHover);
transition: 0.4s;
}
#seccion-noticias .spinner.spinner-border.text-light {
display: none;
}
.text-right.noticias-navegacion {
position: relative;
}
.arrow-left-not {
position: absolute;
right: 55px;
}
.arrow-right-not {
position: absolute;
right: 10px;
}
.detalle-noticia .fecha-noticia {
margin-bottom: 15px;
}
.text-right.noticias-navegacion a {
color: white;
background: var(--colores-colorBoton);
padding: 1px 10px;
text-decoration: none;
font-size: 20px;
}
.text-right.noticias-navegacion a:hover {
background-color: var(--colores-colorBotonHover);
transition: 0.4s;
}
.row-vermas {
padding: 0.65em 3em;
font-size: 1.45rem;
margin-top: 2em;
margin-bottom: 2em;
background-color: white;
border: none;
color: var(--colores-colorMarino);
text-align: center;
font-weight: 600;
}
.row-vermas:hover{
background-color: var(--colores-colorTurquesa);
transition: 0.4s;
}
.row-vermas a {
text-decoration: none;
color: white;
}
.row-vermas .texto {
white-space: nowrap;
}
.contenedor-noticias .row .col-lg-4:hover .col-12 {
background-color: var(--colores-colorMarino);
}
.contenedor-noticias #seccion-noticias .row .col-lg-4:hover .titulo-noticia,
.contenedor-noticias #seccion-noticias .row .col-lg-4:hover .cuerpo-noticia {
color:white;
}
.contenedor-noticias #seccion-noticias .row .col-lg-4:hover .leer-mas {
color: var(--colores-colorTurquesa);
}
.contenedor-noticias #seccion-noticias .row .col-lg-4:hover .leer-mas::after {
background-color: var(--colores-colorTurquesa);
}
/*.contenedor-noticias #seccion-noticias .row .col-lg-4 .titulo-noticia,
.contenedor-noticias .col-lg-4 .leer-mas {
padding: 0px 15px;
}*/
#seccion-noticia img {max-width: 100%;}
.contenedor-noticias .col-lg-4 .cuerpo-noticia {
padding: 0px 28px;
}
.titulo-detalle-noticia.h1 {
/*background: transparent;
text-transform: none;*/
margin-bottom: 15px;
}
.col.noticia-cuerpo h2{
font-weight: bold;
font-size: 36px;
color: var(--colores-colorMarino);
}
/* #endregion */
/* region detalle vehiculo */
.detalle.estandar .container.extraextralarge button.comparar {
display: flex;
height: 28px;
}
.detalle.estandar .container.extraextralarge .comparar.comparado {
font-weight: 600;
background-color: var(--colores-colorFucsia);
color: white;
}
.detalle.estandar .container.extraextralarge .comparar.comparado .comparar.icon {
fill: white;
}
.cancelarAvisame {
cursor: pointer;
}
.asesor-card {
width: 100%;
}
.img-perfil-asesor {
width: 125px;
height: 125px;
object-fit: cover;
border-radius: 50%;
}
.asesor-card {
text-align: center;
color: var(--colores-colorMarino);
font-size: 13pt;
font-weight: 300;
}
.asesor-card .foto {
width: fit-content;
}
.asesor-card .titulo {
font-size: 15pt;
font-weight: 600;
}
.asesor-card .container-asesor {
width: 265px;
/*margin: auto;*/
text-align: left;
}
.asesor-card .titulo p {
text-align: left;
}
.divAsesorFoto {
margin: auto;
}
.tituloNegrita {
font-weight: bold;
}
.aceptoTerminosAvisame {
margin-top: 15px !important;
}
.avisameSiBajaTitulo {
font-size: 1.5rem;
}
#avisameSiBajaModalLabel {
display: none;
}
/* #endregion */
/* #region politica privacidad */
.titulo-destacado {
font-size: 3.7rem;
padding-top: 0;
color: #28303e;
font-weight: 600;
font-stretch: condensed;
padding-bottom: 0.05em;
position: relative;
display: inline;
}
.titulo-destacado::after {
display: block;
content: '';
margin: 0;
width: 100%;
height: 4px;
background-color: var(--color-azuloscuro);
position: absolute;
bottom: 0;
left: 0;
}
.politicaprivacidad .cuerpotxt {
padding-top: 35px;
}
main.cita label {
color: var(--color-marcaoscuro);
}
/* #endregion */
/* #region aviso legal */
main.avisolegal .container.extralarge,
main.avisolegal .container.extralarge ol.letra-peque {
padding-top: 15px;
}
/* #endregion */
/* #region pagina ubicaciones */
main.container-ubicaciones .iconos-informacion a {
color: var(--colores-color_oscuro);
text-decoration: none;
}
main.container-ubicaciones .componente-destacado {
background-color: var(--colores-color_oscuro);
}
main.container-ubicaciones.seccion-contacto .menu-instalaciones ul li.active,
main.container-ubicaciones.seccion-contacto .menu-instalaciones ul li:hover {
border-bottom-color: var(--colores-color_claro);
}
main.container-ubicaciones.seccion-contacto .instalaciones .caja-instalaciones .caja-botones button.active {
background-color: var(--colores-color_oscuro);
color: white;
}
main.container-ubicaciones.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo {
color: var(--colores-color_oscuro);
}
main.container-ubicaciones.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo .desplegablemas,
main.container-ubicaciones.seccion-contacto .instalaciones .caja-instalaciones .caja-contenido .tarjeta .titulo .desplegablemenos {
fill: var(--color-marcaoscuro);
}
main.container-ubicaciones.seccion-contacto .instalaciones .caja-instalaciones .caja-botones button {
border-color: var(--colores-color_oscuro);
color: var(--colores-color_oscuro);
}
/* #endregion */
@media(max-width:991px) {
main.detalle .detalle-cuerpo .sticky-section .tab * {
font-size: 18px;
font-weight: 300;
line-height: 25px;
}
main.detalle .detalle-cuerpo .sticky-section .tab .precio {
font-size: 14pt;
}
}
@media(max-width:991px) {
main.detalle .detalle-cuerpo .sticky-section .tab * {
font-size: 15px;
}
}
@media(max-width:991px) and (min-width: 768px) {
main.detalle .detalle-cuerpo .sticky-section .tab * {
font-size: 22px;
}
main.detalle .detalle-cuerpo .sticky-section .tab .precio {
font-size: 18pt !important;
}
}
@media(max-width:991px) {
.filtro_listado #form_listado_mobile .grupo.precio,
.filtro_listado #form_listado_mobile .grupo.carroceria,
.filtro_listado #form_listado_mobile .grupo.prestaciones {
margin-top: 20px !important;
}
.filtro_listado #form_listado_mobile .grupo.precio-cuota {
margin-top: 10px !important;
}
}