/* #region styles */
.break-column {
    /* break-after: column;*/
}

.h-lg-100 {
    height: 100% !important;
}

body {
    overflow: visible !important;
}

/* #endregion */
/* #region header*/
.header-mid {
    height: 145px;
    padding-top: 40px;
}
 
.header-mid .centrado {
    height: 62px;
}

.header-top {
    padding-bottom: 1em;
    padding-top: 1em;
}

/* #endregion */
/* #region footer*/
.footer .grupos {
    display: flex;
}

.footer .grupos .grupo.listado {
    margin-right: 1.4em;
}

.footer .grupos .grupo.direccion {
    white-space: nowrap;
    margin-right: 1em;
}

.footer .grupos .grupo.listado {
    white-space: nowrap;
}

.footer .grupos.grupos-mbl {
    text-align: unset;
    display: none !important;
}

.footer .grupos.grupos-mbl .grupo {
    width: 33%;
}

/* #endregion */
/* #region appbuttons listado  */
.appbuttons {
    display: none;
}

/* #endregion */
/* #region index / index hero */
.home .hero {
    background-size: 100%;
    background-position: 0 center;
}

/* #endregion */
/* #region filtros listado */
.filtro_listado .grupo.cambio label {
    width: 100px;
}

.filtro_listado .grupo.cambio label.radio2 {
    left: 99px;
}

/* #endregion */
/* #region listado coches  */
main.listado .orden {
    height: 100px;
    border-top: 0;
}
main.listado .orden .container.extralarge {
    justify-content: space-between;
}


main.listado .menu-concesionario + .orden {
    height: 70px;
    padding: 20px 0 20px;
    border-top: 10px solid #f4f4f4;
}

main.listado .ordenar.d-none.d-lg-flex{
    margin-right: 12px;
}


#listado_coches .sticky-section{
    margin: 20px 17px;
}

/* #endregion */
/* #region detalle  */
main.detalle {
    /*padding-top: 40px;*/
}

main.detalle .bc-div {
    font-size: 1.4rem;
}

main.detalle .bc-div .bc {
    flex-grow: 1;
    padding-left: 2.4em;
}

main.detalle h1.titulo-coche {
    font-size: 3rem;
    color: var(--colores-colorMarino);
}

main.detalle h1.titulo-coche + .subtitulo-coche {
    font-size: 1.7rem;
}

.detalle-cuerpo {
    padding-top: 3.8em;
    margin-bottom: 3em;
}

main.detalle .detalle-cuerpo .sticky-section .tab {
    font-size: 0.7rem;
}

main.detalle .detalle-cuerpo .sticky-section .calcula-cuota {
    font-size: 1.1rem;
}

main.detalle .detalle-cuerpo section {
    font-size: 0.75rem;
    padding-right: 0.8rem;
}

main.detalle .detalle-cuerpo section.galeria {
    font-size: 0.55rem;
    margin-right: 1em;
}

main.detalle .detalle-cuerpo section.galeria .swiper-galeria {
    height: 50em;
}

main.detalle .seccion-desplegable .contenido-seccion {
    font-size: 0.75rem;
}

main.detalle .caracteristicas-generales-contenido .caracteristica {
    width: 22%;
    font-weight: 500;
    color: var(--colores-colorMarino);
}

main.detalle .detalle-cuerpo .caracteristicas-generales-contenido ul.nivel1 {
    column-count: 4;
}

main.detalle .detalle-cuerpo .equipamiento-extra-contenido ul.nivel1 {
    column-count: 2;
}

/* main.detalle .detalle-cuerpo ul.nivel1 {
    column-gap: 1em;
} */

main.detalle .detalle-cuerpo li.nivel2 {
    padding-right: 1em;
}

.detalle-cuerpo {
    padding-top: 3em;
    margin-bottom: 5em;
}

main.detalle .seccion-desplegable .titulo-seccion button {
    font-size: 27pt;
}

.form.mas-informacion .container {
    padding: 0 5.3em 0;
}

.form.mas-informacion {
    font-size: 1rem;
}

/* #endregion */
/* #region concesionario > cuerpo   */
.concesionario .hero {
    /*min-height: 36em;*/
    height: 66vh;
}

.concesionario .hero .container .texto {
    margin-top: 0;
    margin-bottom: 0;
    width: 52%;
    font-size: 1.3em;
}

/* #region concesionario > menuconcesionario   */
.menu-concesionario div .menu-items {
    font-size: 0.8em;
}

.menu-concesionario {
    display: block;
    font-size: 1rem;
    height: 10em;
}

.menu-concesionario h1.titulo {
    padding-top: 20px;
    font-size: 42px;
    padding-bottom: 11px;
}

.instalaciones .caja-instalaciones {
    font-size: 0.85rem;
}

.instalaciones .caja-instalaciones .caja-contenido .tarjeta .cuerpo {
    font-size: 1.4em;
}

.instalaciones {
    height: 420px;
}

.instalaciones-titulo {
    margin-bottom: 2em;
}

.instalaciones .caja-instalaciones .caja-botones button {
    font-size: 1.55em;
}

/* #endregion */
/* #region concesionario > posventa / cta   */
main.concesionario .seccion.posventa .botones {
    flex-wrap: nowrap;
}

main.concesionario .seccion.posventa button {
    width: 20%;
}

main.concesionario .seccion.posventa button {
    padding: 3em 1em;
}

/* #endregion */
/* #region concesionario > posventa / cta2x2   */
.seccion.cta2x2 {
    margin-bottom: 0px;
}

.seccion.cta2x2 a {
    width: calc(50% - 3px);
    height: calc(50% - 6px);
}

.seccion.cta2x2 .texto {
    font-size: 2.5em;
}

.seccion.cta2x2 .cta1 {
    margin-right: 3px;
}

.seccion.cta2x2 .cta2 {
    margin-left: 3px;
}

.seccion.cta2x2 .cta3 {
    margin-right: 3px;
    margin-top: 6px;
}

.seccion.cta2x2 .cta4 {
    margin-left: 3px;
    margin-top: 6px;
}

/* #endregion */
/* #region concesionario > buscador-vehiculos   */
.concesionario .seccion.buscador-vehiculos .selects {
    align-items: flex-end;
    flex-direction: row;
}

.concesionario .seccion.buscador-vehiculos .selects label {
    margin-right: 1.2em;
    padding: 0;
    width: 12em;
}

.concesionario .seccion.buscador-vehiculos .selects button {
    margin: 1em 0 0;
    width: 11.3em;
}

.concesionario .seccion.buscador-vehiculos form {
    font-size: 1em;
}

/* #endregion */
/* #region trabaja con nosotros   */

main.trabaja button.boton.estandar {
    font-size: 1.35em;
    margin-top: 0.9em;
    padding: 0.5em 2.9em 0.5em;
    width: unset;
}

main.trabaja .form-control {
    padding: 0.375rem 0.75rem;
}

main.trabaja .titulo {
    padding-bottom: 0.15em;
    font-size: 3.3rem;
}

main.trabaja p {
    color: var(--color-gris);
    font-size: 1.25em;
}

main.trabaja label {
    font-size: 1.3em;
    width: 48.5%;
}

main.trabaja label:nth-of-type(2n) {
    padding-left: .5em;
    width: 51%;
}

main.trabaja label input[type="file"] {
    padding: 0.3em 0em;
}

main.trabaja label.check-label {
    width: 100%;
    padding-left: 5px;
}

main.trabaja label.cv-label {
    padding-left: 5px;
    width: 100%;
}

/* #endregion */
.slider-4cards .swiper-pagination {
    margin: 2em 0 1em;
    bottom: 5px;
}

main.detalle .slider-stock + .boton.estandar {
    margin: 1.2em auto;
    padding: 0.5em 2.9em 0.3em;
    font-size: 1.8em;
}


/* #region estaticas  */
main.estatica .hero{
    height: 625px;
}

main.estatica h1,
main.estatica h2{margin-top: 0px;}

main.estatica .fondo-lineas{
    padding-bottom: 200px;
    margin-bottom: 250px;
}

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: 13em 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.seguros .servicio{ 
    margin-bottom: 80px;
}

main.estatica .servicio .titulo{font-size: 35px;}

main.estatica .form-estatica-contacto{padding-bottom: 100px;}

main.estatica button.boton.estandar{
    font-size: 22px;
    margin-top: 0.9em;
    padding: 0.5em 6em 0.5em;
    width: unset;
}

main.estatica.empresas .fondo-lineas{
    margin-top: 80px;
}
/* #endregion  */
/* #region el grupo  */
main.grupo h1 {
    text-align: left;
}

main.grupo .seccion.historia h2 {
    text-align: left;
    margin: 0 0 0.3em 0;    
}

main.grupo .seccion.historia {
    font-size: 1rem;
}

main.grupo .seccion.historia .col2 {
    padding-left: 2.5em;
}

main.grupo .seccion.datos .botones .boton {
    font-size: 0.8rem;
}

main.grupo .seccion.historia .cols {
    margin-top: 2em;
    margin-bottom: 2em;
}

main.grupo .seccion.datos .botones {
    padding-top: 3.2em;
    margin-bottom: 7em;
}

main.grupo .seccion.solucion {
    font-size: 0.5rem;
    padding: 12.3em 19.7em;
}

main.grupo .seccion.visionmision {
    font-size: 0.7rem;
}

main.grupo .seccion.visionmision .cuadrado {
    min-height: 85%;
}

main.grupo .seccion.visionmision .vision {
    height: 40.2em;
}

main.grupo .seccion.visionmision .vision .content {
    position: absolute;
    z-index: 2;
    top: 4.44em;
    bottom: 0em;
}

main.grupo .seccion.visionmision .mision {
    height: 40.2em;
}

main.grupo .seccion.visionmision .mision .cuadrado {
    min-height: 100%;
}

main.grupo .seccion.pilares {
    font-size: 0.7em;
    margin-bottom: 200px;
}
main.grupo .seccion.pilares .pilar {
    margin-bottom: 5em;
}
main.grupo .seccion.pilares .pilar .texto {
    padding: 0 3em 0 4.6em;
}

main.grupo .seccion.pilares .pilar.pilar-2 {
    margin-top: 15.9em;
    margin-bottom: -24.6em;
    padding-left: 3.5em;
    padding-right: 5.4em;
}

main.grupo .seccion.pilares .pilar .icon {
    margin-left: 2em;
}


main.grupo .seccion.pilares .pilar .titulo {
    padding-left: 1.1em;


}

main.grupo .seccion.pilares .pilar.pilar-3 .texto {
    padding: 0 0.6em 0 2.3em;
}

main.grupo .seccion.pilares .pilar.pilar-2 .texto {
    padding: 0 0 0 0.3em;
}

main.grupo .seccion.pilares .pilar.pilar-3 {
    padding-left: 3.5em;
}

main.grupo .seccion.pilares .triangulo-arriba, main.grupo .seccion.pilares .triangulo-abajo {
    border-left: calc(100vw - 1.3rem) solid white !important;
}


main.grupo .seccion.donde-oficinas {
    font-size: 0.7em;
    height: 36em;
    margin-bottom: 0em;
}

main.grupo .seccion.pilares .div-grupo-coche {
    bottom: -73px;
    right: 15%;
    height: 197px;
    width: 355px;
}

main.grupo .seccion.donde-oficinas .col-texto {
    width: 38%;
    padding-right: 5%;
}

main.grupo .seccion.donde-oficinas .col-mapa {
    width: 62%;
}


main.grupo .seccion.donde-oficinas .como-llegar {
    width: 10.4em;
}
/* #endregion */

/* #region financiacion */

main.financiacion h1,
main.financiacion h2 {
    font-size: 3.8rem;
}
main.financiacion .seccion.contactamos{
    padding-bottom: 8.6em;
    font-size: 1rem;
}
main.financiacion .seccion.contactamos button.boton.estandar {
    font-size: 2.2em;
    margin-top: 0.6em;
    padding: 0.2em 3.9em 0.1em;
    width: unset;

}

main.financiacion .seccion.ctas .container {
    margin-top: 5.2em;
}

main.financiacion .seccion.contactamos .form-control {
    padding: 0.275rem 0.75rem 0.175rem ;
}


main.financiacion .seccion.contactamos label {
    font-size: 1.6em;
    width: 48.5%;
    line-height: 0.9em;
}

main.financiacion .seccion.contactamos label:nth-of-type(2n+3) {
    padding-left: .5em;
    width: 51%;
}

main.financiacion .seccion.contactamos label input[type="file"] {
    padding: 0.3em 0.6em;
}

main.financiacion .seccion.contactamos label.check-label {
    width: 100%;
    padding-left: 5px;
}

main.financiacion .seccion.contactamos label.cv-label {
    padding-left: 5px;
    width: 100%;
}

/* #endregion */

/* #region financiacion */
main.financiacion .hero {
    height: 615px;
}

main.financiacion .seccion.ctas {
    font-size: 0.7em;
    padding: 0 0 7.5em;
}
main.financiacion .seccion .cta {
    flex-direction: row;
    align-items: center;
}
main.financiacion .seccion .cta .texto {
    padding-left: 0em;
    width: 35em;
    text-align: left;
}
main.financiacion .seccion .cta .divFlex {
    display: flex;
}

main.financiacion .seccion .cta .titulo {
    padding-left: 0em;
    text-align: left;
    width: 13.3em;
    height: fit-content;
    margin: auto;
}

main.financiacion .seccion.ctas .cta-grupo1{
width: unset;
}

main.financiacion .seccion .cta div.icono {
  
    position: unset;
}
main.financiacion .seccion .cta .icon {
    width: 6em;
    
}

main.financiacion .seccion .cta div.icono {
    padding: 0 4.7em 0 5em;
}

main.financiacion .seccion.contactamos form{
    /*width: 81%;*/
    margin: 2em auto 0;
}

main.financiacion .subtitulo {
    font-size: 1.5rem;
    width: 74%;
    margin: 1.2em auto 0.9em;
}

main.financiacion .seccion.ctas  .triangulo-arriba{
    border-left: calc(100vw - 1.3rem) solid white !important;
}

main.financiacion .seccion.ctas  .triangulo-abajo {
    border-right: calc(100vw - 1.3rem) solid white !important;
}
/* #endregion */

/* #region contacto */
main.contacto .menu-instalaciones ul{

        font-size: 1.2rem;
        flex-wrap: nowrap;

}

main.contacto .menu-instalaciones ul li {
   
    width: 6em;
}
/* #endregion */

/* #region componentes */
.componente-titulosubtitulo .titulo{
    font-weight: bold;
    font-size: 28pt;
    color: var(--colores-colorMarino);
    text-align: center;
}

.componente-titulosubtitulo .subtitulo{
    
    font-size: 1.5rem;
    width: 74%;
    margin: 0.2em auto 0.9em;
}

/* #endregion */

/* #region componente cita previa */

main.cita h1.titulo {
    font-weight: 600;
    font-size: 43px;
}

main.cita label {
    color: var(--color-gris);
    font-size: 1.3em;
    width: 48.5%;
    padding-left: 3px;
    margin-top: 0.5em;
}

main.cita label:nth-of-type(2n) {
    padding-left: 2.5em;
    width: 51%;
}

/* #endregion */

/* #region seguros */

main.estatica .fondo-lineas .coche{
    max-width: 1038px;
}

/* #endregion */

/* #region svg concesionario */

main.concesionario .seccion.posventa button .icon{
    margin-bottom: 15px;
}

/* #endregion */

/* #region destacado con filtro */
.componente-destacadoconfiltro .filtros > div > a.filtro {
    border-bottom: 5px solid var(--colores-colorGrisClaro);
}

.componente-destacadoconfiltro .filtros > div > a.filtro:hover {
    border-bottom: 5px solid var(--colores-colorFucsia);
}

.componente-destacadoconfiltro .filtros-mbl {
    display: none;
}

.componente-destacadoconfiltro .filtros {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding-left: 0;
}


.componente-destacadoconfiltro .seccion.row {
    padding-top: 0;
}

.componente-destacado .slider {
    max-width: 1066pt;
}
/* #endregion */

/* #region tasacion */

.tasacion .col-4,
.tasacion .col-lg-4 {
    width: 33%;
}

.tasacion .col-6 {
    width: 50%;
}

/* #endregion */

/* #region componente imagen simple */

.component-imagensimple,
.component-hero-simple2,
.component-imagensimple,
.concesionario .hero {
    height: 467pt;
}

/* #endregion */

/* #region componente formulario recambios */

.componente-formulariorecambios .subtitulo {
    padding-bottom: 50px;
}

.componente-formulariorecambios .form-group .check-legal.gdpr {
    margin-top: 0px;
}

/* #endregion */

/* #region componente hero 2 */

.component-hero-simple2 .container {
    margin-left: 5%;
    display: block;
}

.component-hero-simple2-mobile {
    display: none;
}

/* #endregion */

/* #region componente texto con boton */

.componente-texto-con-boton .subtitulo {
    padding: 0;
}

.componente-texto-con-boton button {
    width: auto;
}

/* #endregion */

/* #region componente destacado */

.slider-componente-destacado {
    max-width: 1455px;
}

/* #endregion */