/* Theme Name: CustomTheme Child Author: CustomTheme Author URI: Description: Tema para webs personalizadas Version: 0.1.0 Template: customtheme @import url('style.css'); */ /* MX PLUGIN BOTON Clase en contendor */ /* .mx-button:is(.mx--boton) .mx--boton { background-color: blue; } */ /* THEME BOTON Clase elemento a */ /* *[class*=themeboton]:has(.mx-button) .ficha--boton { background-color: green; } */ /* Elementos que no son componentes THEME - MXPLUGIN */ /* *:not([class*=themeboton]) > .mx-button:not(.mx--boton) { background-color: yellow; color: red; } */ /*PARAMETRIZACIÓN GRUPAL*/ :root { --color-white: #ffffff; --plomo-15: #EBEBEB; --plomo-50: #E9EBEB; --plomo-100: #D4D6D8; --plomo-200: #A9AEB0; --plomo-300: #7F8589; --plomo-400: #545D61; --plomo-500: #29343A; --plomo-600: #212A2E; --plomo-700: #191F23; --plomo-800: #101517; --plomo-900: #0B1C24; --red-100: #FACFD2; --red-200: #F69FA4; --red-300: #F16F77; --red-400: #ED3F49; --red-500: #E80F1C; --red-600: #BA0C16; --red-700: #8B0911; --red-800: #5D060B; --red-900: #2E0306; --black-100: #D1D1D1; --black-200: #A3A3A3; --black-300: #757575; --black-400: #474747; --black-500: #191919; --background-1: #F2F3F3; --accent-100: var(--red-100); --accent-200: var(--red-200); --accent-300: var(--red-300); --accent-400: var(--red-400); --accent-500: var(--red-500); --accent-600: var(--red-600); --accent-700: var(--red-700); --accent-800: var(--red-800); --accent-900: var(--red-900); --accent-primary: var(--accent-500); /*Tipografia*/ --tipografia-web: "Montserrat", serif; /*Esquemas de bloques*/ --section-background-0: var(--plomo-700); --section-color-0: var(--plomo-100); --section-background-1:var(--plomo-700); --section-color-1: var(--color-white); --section-background-2:var(--plomo-900); --section-color-2: var(--plomo-100); --section-background-3:var(--plomo-600); --section-color-3: var(--color-white); --section-background-4:var(--color-white); --section-color-4: var(--plomo-700); --section-background-5:var(--plomo-800); --section-color-5: var(--color-white); --section-background-6:var(--plomo-50); --section-color-6: var(--plomo-700); --section-background-7:var(--plomo-700); --section-color-7: var(--plomo-200); --section-background-8:var(--plomo-700); --section-background-9:var(--plomo-600); --section-color-9: var(--plomo-100); --section-background-10:var(--plomo-800); --section-color-10:var(--color-white); --section-background-11:var(--plomo-200); --section-color-11:var(--plomo-500); /* Font sizes */ --body-large-font-size: 18px; --body-large-line-height: 1.5; --body-medium-font-size: 16px; --body-medium-line-height: 1.5; --body-small-font-size: 14px; --body-small-line-height: 1.5; /* Headings */ --heading-1-font-size: 28px; --heading-1-line-height: 1.2; --heading-2-font-size: 24px; --heading-2-line-height: 1.2; --heading-3-font-size: 20px; --heading-3-line-height: 1.3; --heading-3-font-size: 18px; --heading-3-line-height: 21px; /* Buttons */ --button-big-font-size: 16px; --button-big-line-height: 19.5px; --button-big-font-size: 16px; --button-big-underline-line-height: 19.5px; --button-small-font-size: 13px; --button-small-line-height: 17.1px; --button-small-underline-font-size: 13px; --button-small-underline-line-height: 17.1px; --button-border-radius-var: 0; --button-card-background: var(--plomo-500); --button-card-hover-background: var(--accent-primary); --button-background-hover: var(--accent-600); --background-button-selector-home:var(--plomo-100); --color-button-selector-home:var(--plomo-600); --border-button-selector-home: unset; --background-hover-button-selector-home: var(--plomo-500); --color-hover-button-selector-home: var(--plomo-100); --border-hover-button-selector-home:unset; --background-negativo-hover: var(--accent-200); --button-secondary-negativo-color:var(--color-white); --button-secondary-negativo-background:transparent; --button-secondary-negativo-border:var(--color-white); --button-secondary-hover-negativo-color:var(--accent-200); --button-secondary-hover-negativo-background:transparent; --button-secondary-hover-negativo-border:var(--accent-200); } /*HEADING MOBILE*/ @media (min-width: 768px) { :root { /* Headings */ --heading-1-font-size: 38px; --heading-1-line-height: 1.2; --heading-2-font-size: 32px; --heading-2-line-height: 1.2; --heading-3-font-size: 24px; --heading-3-line-height: 1.3; --heading-3-font-size: 20px; --heading-3-line-height: 1.4; } } /*PARAMETRIZACIÓN MARCA - OMODA*/ .site-3{ --black-900: #050505; --blue-100: #DAE7ED; --blue-200: #B6CFDC; --blue-300: #91B8CA; --blue-400: #6DA0B9; --blue-500: #378CB6; --blue-600: #3A6D86; --blue-700: #2B5264; --blue-800: #1D3643; --blue-900: #2E0306; --accent-100: var(--blue-100); --accent-200: var(--blue-200); --accent-300: var(--blue-300); --accent-400: var(--blue-400); --accent-500: var(--blue-500); --accent-600: var(--blue-600); --accent-700: var(--blue-700); --accent-800: var(--blue-800); --accent-900: var(--blue-900); /*Tipografia*/ --tipografia-web: "Space Grotesk", serif; /*Esquemas de sección*/ --section-background-0: var(--accent-800); --section-background-1:var(--accent-800); --section-background-2:var(--black-500); --section-background-5:var(--accent-800); --section-background-6:var(--black-900); --section-color-6: var(--color-white); --section-background-7:var(--black-900); --section-background-8:var(--accent-800); --section-background-10:var(--black-900); --section-background-gama:var(--color-white); --section-color-gama:var(--black-900); /*Buttons*/ --button-border-radius-var: 6px; --background-button-selector-home:var(--plomo-900); --color-button-selector-home:var(--plomo-100); } /*PARAMETRIZACIÓN MARCA - MG*/ .site-5{ --black-100: #D1D1D1; --black-200: #A3A3A3; --black-300: #757575; --black-400: #474747; --black-500: #191919; --black-600: #191919; --black-700: #191919; --black-800: #191919; --black-900: #050505; --accent-100: var(--black-100); --accent-200: var(--black-200); --accent-300: var(--black-300); --accent-400: var(--black-400); --accent-500: var(--black-500); --accent-600: var(--black-600); --accent-700: var(--black-700); --accent-800: var(--black-800); --accent-900: var(--black-900); --tipografia-web: "Nunito Sans", serif; /*Esquemas de sección*/ --section-background-0: var(--black-900); --section-color-0: var(--color-white); --section-background-1: var(--black-900);; --section-color-1: var(--color-white); --section-background-2: var(--color-white); --section-color-2: var(--black-900); --section-background-3: var(--black-900); --section-color-3: var(--color-white); --section-background-5: var(--black-900); --section-color-5: var(--color-white); --section-background-7: var(--color-white); --section-color-7: var(--black-900); --section-background-8: var(--black-900); --section-background-10: var(--color-white); --section-color-10: var(--black-900); --section-background-11: var(--color-white); --section-color-11: var(--black-900); --section-background-gama:var(--black-900); --section-color-gama:var(--color-white); /*Buttons*/ --button-border-radius-var: 40px; --button-card-background: var(--black-900); --button-background-hover: var(--black-400); --background-button-selector-home:var(--color-white); --color-button-selector-homer:var(--black-900); --border-button-selector-home:var(--black-900); --background-hover-button-selector-home: var(--plomo-900); --color-hover-button-selector-home: var(--color-white); --border-hover-button-selector-home:var(--black-900); --button-secondary-negativo-color:var(--black-300); --button-secondary-negativo-background:transparent; --button-secondary-negativo-border:var(--black-300); --button-secondary-hover-negativo-color:var(--black-200); --button-secondary-hover-negativo-background:transparent; --button-secondary-hover-negativo-border:var(--black-200); } /*PARAMETRIZACIÓN MARCA - JAECOO*/ .site-6{ --black-900: #050505; --blue-100: #D2E1E4; --blue-200: #A6C2C9; --blue-300: #79A4AF; --blue-400: #4D8594; --blue-500: #206779; --blue-600: #1A5261; --blue-700: #133E49; --blue-800: #133E49; --blue-900: #0D2930; --accent-100: var(--blue-100); --accent-200: var(--blue-200); --accent-300: var(--blue-300); --accent-400: var(--blue-400); --accent-500: var(--blue-500); --accent-600: var(--blue-600); --accent-700: var(--blue-700); --accent-800: var(--blue-800); --accent-900: var(--blue-900); /*Tipografia*/ --tipografia-web: "Source Sans 3", serif; /*Esquemas de sección*/ --section-background-0: var(--accent-800); --section-background-1:var(--accent-800); --section-background-2:var(--black-500); --section-background-5:var(--accent-800); --section-background-6:var(--black-900); --section-color-6: var(--color-white); --section-background-7:var(--black-900); --section-background-8:var(--accent-800); --section-background-10:var(--black-900); --section-background-gama:var(--color-white); --section-color-gama:var(--black-900); /*Buttons*/ --button-border-radius-var: 6px; --background-button-selector-home:var(--plomo-900); --color-button-selector-home:var(--plomo-100); } /*PARAMETRIZACIÓN MARCA - EBRO*/ .site-9{ --blue-500: #378CB6; --blue-200: #B6CFDC; --black-100: #D1D1D1; --black-200: #A3A3A3; --black-300: #757575; --black-400: #474747; --black-500: #191919; --black-600: #191919; --black-700: #191919; --black-800: #191919; --black-900: #050505; --accent-100: var(--black-100); --accent-200: var(--black-200); --accent-300: var(--black-300); --accent-400: var(--black-400); --accent-500: var(--black-500); --accent-600: var(--black-600); --accent-700: var(--black-700); --accent-800: var(--black-800); --accent-900: var(--black-900); --tipografia-web: "Avenir Next", serif; /*Esquemas de sección*/ --section-background-0: var(--black-900); --section-color-0: var(--color-white); --section-background-1: var(--black-900);; --section-color-1: var(--color-white); --section-background-2: var(--color-white); --section-color-2: var(--black-900); --section-background-3: var(--black-900); --section-color-3: var(--color-white); --section-background-5: var(--black-900); --section-color-5: var(--color-white); --section-background-7: var(--color-white); --section-color-7: var(--black-900); --section-background-8: var(--black-900); --section-background-10: var(--color-white); --section-color-10: var(--black-900); --section-background-11: var(--color-white); --section-color-11: var(--black-900); --section-background-gama:var(--black-900); --section-color-gama:var(--color-white); /*Buttons*/ --button-border-radius-var: 40px; --button-card-background: var(--black-900); --button-card-hover-background: var(--blue-500); --button-background-hover: var(--blue-500); --background-button-selector-home:var(--color-white); --color-button-selector-homer:var(--black-900); --border-button-selector-home:var(--black-900); --background-hover-button-selector-home: transparent; --color-hover-button-selector-home: var(--blue-500); --border-hover-button-selector-home:var(--blue-500); --background-negativo-hover: var(--blue-200); --button-secondary-negativo-color:var(--black-300); --button-secondary-negativo-background:transparent; --button-secondary-negativo-border:var(--black-300); --button-secondary-hover-negativo-color:var(--blue-500); --button-secondary-hover-negativo-background:transparent; --button-secondary-hover-negativo-border:var(--blue-500); } /*SECCIONES GRUPAL*/ :root { /*Body*/ --color-body: var(--plomo-200); --background-body: var(--plomo-800); /* Footer */ --footer-background-color: var(--plomo-900); --footer-text: var(--plomo-200); --footer-text-descatado: var(--plomo-50); --footer-sombra: var(--plomo-900); /*Header*/ --header-background-color: var(--plomo-900); --color-burguer-menu-mobile: var(--color-white); --header-submenu-background-color: var(--plomo-900); --header-text: var(--color-white); --top-bar-background-color: var(--plomo-700); --background-cta-header: var(--plomo-400); --header-submenu-color: var(--black-200); --color-outlet-menu: var(--color-white); --background-outlet-menu: var(--accent-primary); /*Home - Row de listado con color del tema*/ --background-row-buscador:unset; --color-row-color-theme:unset; --background-row-color-theme:unset; /*Migas de pan*/ --color-breadcrumbs: var(--color-white); /*Reseñas home*/ --resenas-background: var(--plomo-400); /*Promociones VN*/ --banner-desktop-promociones-vn: url(/wp-content/uploads/2025/03/promociones-posventa.webp) !important; --banner-mobile-promociones-vn: url(/wp-content/uploads/2025/03/promociones-venta-mobile.webp) !important; /* Buscador Listados */ --listado-buscador-background: var(--plomo-600); --listado-buscador-label-color: var(--plomo-50); /* Buscador Listados : Selectores */ --listado-buscador-selector-background-color: var(--plomo-500); --listado-buscador-selector-color: var(--plomo-50); --listado-buscador-selector-border-color: transparent; --listado-buscador-selector-icono-color: var(--plomo-50); --listado-buscador-selector-item-border-color: var(--plomo-400); --listado-buscador-selector-checkbox-background-color: var(--color-white); --listado-buscador-selector-checkbox-activo-background-color: transparent; --listado-buscador-selector-checkbox-border-color: var(--color-white); --listado-buscador-selector-checkbox-icon-color: var(--color-white); /* Buscador Listados : Carrocerias */ --listado-buscador-carrocerias-columnas: 3; --listado-buscador-carrocerias-background-color: var(--plomo-400); --listado-buscador-carrocerias-icono-color: var(--plomo-300); --listado-buscador-carrocerias-texto-color: var(--plomo-100); --listado-buscador-carrocerias-activo-background-color: var(--plomo-100); --listado-buscador-carrocerias-icono-activo-color: var(--plomo-700); --listado-buscador-carrocerias-texto-activo-color: var(--plomo-700); /* Buscador Home : Selectores */ --home-buscador-label-color: var(--plomo-400); --home-buscador-selector-background-color: var(--color-white); --home-buscador-selector-color: var(--plomo-400); --home-buscador-selector-border-color: var(--plomo-100); --home-buscador-selector-icono-color: var(--plomo-500); /* Buscador Home : Carrocerias */ --home-buscador-carrocerias-columnas: 6; --home-buscador-carrocerias-background-color: #F5F5F5; --home-buscador-carrocerias-icono-color: var(--plomo-300); --home-buscador-carrocerias-texto-color: var(--plomo-500); --home-buscador-carrocerias-activo-background-color: var(--plomo-300); --home-buscador-carrocerias-icono-activo-color: var(--color-white); --home-buscador-carrocerias-texto-activo-color: var(--color-white); /*Paginación listado*/ --background-paginacion-order:var(--plomo-500); /* Formularios : Esquema 1 - Fondo blanco*/ --scheme-1-form-color-text: var(--plomo-500); --scheme-1-form-bg-column: var(--color-white); --scheme-1-form-border-input:var(--plomo-100); --scheme-1-form-bg-input:var(--color-white); --scheme-1-form-border-check: var(--plomo-300); --scheme-1-form-bg-check: var(--color-white); --scheme-1-form-bg-checked: var(--plomo-300); --scheme-1-form-color-icon-checked: var(--color-white); --scheme-1-form-text-color-check: var(--plomo-200); --scheme-1-form-bg-selector:var(--plomo-300); --scheme-1-form-text-color-selector:var(--color-white); --scheme-1-form-text-color-file:var(--accent-primary); --scheme-1-form-text-color-data:var(--accent-primary); /* Formularios : Esquema 2 - Fondo oscuro*/ --scheme-2-form-color-text: var(--color-white); --scheme-2-form-bg-column: var(--plomo-600); --scheme-2-form-border-input:unset; --scheme-2-form-bg-input:var(--plomo-500); --scheme-2-form-border-check: var(--plomo-200); --scheme-2-form-bg-check: transparents; --scheme-2-form-bg-checked: var(--plomo-300); --scheme-2-form-color-icon-checked: var(--plomo-700); --scheme-2-form-text-color-check: var(--plomo-200); --scheme-2-form-bg-selector:var(--plomo-300); --scheme-2-form-text-color-selector:var(--plomo-500); --scheme-2-form-text-color-file:var(--accent-primary); --scheme-2-form-text-color-data:var(--accent-primary); /*Fichas*/ --ficha-color-datos:var(--plomo-50); --ficha-color-title-equipamiento:var(--plomo-100); --ficha-sombra-equipamiento:var(--plomo-800); --ficha-color-pestanas:var(--color-white); --ficha-flechas-galeria:var(--plomo-600); --ficha-plus-equipamiento: var(--plomo-500); } /*SECCIONES MARCA - OMODA*/ .site-3{ /*Body*/ --color-body: var(--plomo-200); --background-body: var(--plomo-800); /* Footer */ --footer-background-color: var(--black-500); --footer-text: var(--plomo-200); --footer-text-descatado: var(--accent-300); /*Header*/ --color-burguer-menu-mobile: var(--color-white); --header-background-color: var(--plomo-800); --header-submenu-background-color: var(--plomo-700); --top-bar-background-color: var(--black-900); /*Migas de pan*/ --color-breadcrumbs: var(--color-white); /*Reseñas home*/ --resenas-background: var(--plomo-600); /*Promociones VN*/ --banner-desktop-promociones-vn: url(/omoda/wp-content/uploads/sites/3/2025/04/promociones-vn-omoda-desktop.webp) !important; --banner-mobile-promociones-vn: url(/omoda/wp-content/uploads/sites/3/2025/04/promociones-vn-omoda-mobile.webp) !important; /* Buscador Listados */ --listado-buscador-background: var(--color-white); --listado-buscador-label-color: var(--plomo-400); /* Buscador Listados : Selectores */ --listado-buscador-selector-background-color: var(--color-white); --listado-buscador-selector-color: var(--plomo-400); --listado-buscador-selector-border-color: var(--plomo-100); --listado-buscador-selector-icono-color: var(--plomo-500); --listado-buscador-selector-item-border-color: var(--plomo-100); --listado-buscador-selector-checkbox-background-color: var(--plomo-100); --listado-buscador-selector-checkbox-activo-background-color: var(--plomo-100); --listado-buscador-selector-checkbox-border-color: var(--plomo-200); --listado-buscador-selector-checkbox-icon-color: var(--accent-300); /* Buscador Listados : Carrocerias */ --listado-buscador-carrocerias-columnas: 3; --listado-buscador-carrocerias-background-color: var(--plomo-50); --listado-buscador-carrocerias-icono-color: var(--plomo-300); --listado-buscador-carrocerias-texto-color: var(--plomo-300); --listado-buscador-carrocerias-activo-background-color: var(--plomo-200); --listado-buscador-carrocerias-icono-activo-color: var(--plomo-700); --listado-buscador-carrocerias-texto-activo-color: var(--plomo-700); /*Buscador Listados : Botones*/ --listado-boton-buscar-background:var(--accent-500); --listado-boton-buscar-color: var(--color-white); --listado-boton-borrar-filtros-background:var(--color-white); --listado-boton-borrar-filtros-color:var(--accent-500); --listado-boton-borrar-filtros-borde:var(--accent-500); --listado-boton-borrar-filtros-background-hover:var(--accent-500); --listado-boton-borrar-filtros-color-hover:var(--color-white); --listado-boton-buscar-background-hover:var(--accent-200); --listado-boton-buscar-color-hover:var(--color-white); --listado-boton-buscar-border-hover:var(--accent-200); /*Gama*/ --ficha-gama-margin-top: -360px; --ficha-gama-padding-bottom: 210px; --background-gama-motorizaciones: var(--background-1); --color-gama-motorizaciones: var(--black-900); --background-dato-motorizaciones: var(--color-white); } /*SECCIONES MARCA - MG*/ .site-5{ /*Body*/ --color-body: var(--plomo-900); --background-body: var(--color-white); /* Footer */ --footer-background-color: var(--color-white); --footer-text: var(--plomo-400); --footer-text-descatado: var(--plomo-900); --footer-sombra: var(--plomo-50); /*Header*/ --header-background-color: var(--color-white); --color-burguer-menu-mobile: var(--plomo-900); --header-submenu-background-color: var(--color-white); --top-bar-background-color: var(--plomo-50); --header-text: var(--black-900); --background-cta-header: var(--black-100); --header-submenu-color: var(--black-900); /*Home - Row de listado con color del tema*/ --background-row-buscador:var(--black-900); --background-row-color-theme: var(--black-900); --color-row-color-theme: var(--color-white); /*Migas de pan*/ --color-breadcrumbs: var(--black-900); /*Reseñas home*/ --resenas-background: var(--black-900); /*Promociones VN*/ --banner-desktop-promociones-vn: url(/wp-content/uploads/sites/5/2025/04/promociones-posventa-mg-1.webp) !important; --banner-mobile-promociones-vn: url(/wp-content/uploads/sites/5/2025/04/promociones-posventa-mg-mobile.webp) !important; /* Formularios : Esquema 2 */ --scheme-2-form-bg-column: var(--black-900); --scheme-2-form-bg-input: var(--color-white); /* Buscador Listados */ --listado-buscador-background: var(--black-900); --listado-buscador-label-color: var(--color-white); /* Buscador Listados : Selectores */ --listado-buscador-selector-background-color: var(--color-white); --listado-buscador-selector-color: var(--plomo-700); --listado-buscador-selector-border-color: var(--black-900); --listado-buscador-selector-icono-color: var(--plomo-700); --listado-buscador-selector-item-border-color: var(--plomo-300); --listado-buscador-selector-checkbox-background-color: var(--color-white); --listado-buscador-selector-checkbox-activo-background-color: var(--black-900); --listado-buscador-selector-checkbox-border-color: var(--black-900); --listado-buscador-selector-checkbox-icon-color: var(--color-white); /* Buscador Listados : Carrocerias */ --listado-buscador-carrocerias-columnas: 3; --listado-buscador-carrocerias-background-color: var(--color-white); --listado-buscador-carrocerias-icono-color: var(--black-900); --listado-buscador-carrocerias-texto-color: var(--black-900); --listado-buscador-carrocerias-activo-background-color: var(--plomo-100); --listado-buscador-carrocerias-icono-activo-color: var(--black-900); --listado-buscador-carrocerias-texto-activo-color: var(--black-900); /*Buscador Listados : Botones*/ --listado-boton-buscar-background:var(--color-white); --listado-boton-buscar-color: var(--black-900); --listado-boton-borrar-filtros-background:var(--black-900); --listado-boton-borrar-filtros-color:var(--color-white); --listado-boton-borrar-filtros-borde:var(--color-white); --listado-boton-borrar-filtros-background-hover:var(--color-white); --listado-boton-borrar-filtros-color-hover:var(--black-900); --listado-boton-buscar-background-hover:var(--black-900); --listado-boton-buscar-color-hover:var(--color-white); --listado-boton-buscar-border-hover:var(--color-white); /*Paginación listado*/ --background-paginacion-order:var(--black-900); /*Gama*/ --background-gama-motorizaciones: var(--color-white); --color-gama-motorizaciones: var(--black-900); --background-dato-motorizaciones: var(--plomo-50); /*Fichas*/ --ficha-color-datos:var(--black-900); --ficha-color-title-equipamiento:var(--black-900); --ficha-sombra-equipamiento:var(--color-white); --ficha-color-pestanas:var(--black-400); --ficha-flechas-galeria:var(--black-900); --ficha-plus-equipamiento: var(--black-900); } /*SECCIONE MARCA - JAECOO*/ .site-6{ /*Body*/ --color-body: var(--plomo-200); --background-body: var(--plomo-800); /* Footer */ --footer-background-color: var(--black-500); --footer-text: var(--plomo-200); --footer-text-descatado: var(--accent-300); /*Header*/ --color-burguer-menu-mobile: var(--color-white); --header-background-color: var(--plomo-800); --header-submenu-background-color: var(--plomo-700); --top-bar-background-color: var(--black-900); /*Migas de pan*/ --color-breadcrumbs: var(--color-white); /*Reseñas home*/ --resenas-background: var(--plomo-600); /*Promociones VN*/ --banner-desktop-promociones-vn: url(/jaecoo/wp-content/uploads/sites/6/2025/04/promociones-vn-jaecoo-desktop.jpg) !important; --banner-mobile-promociones-vn: url(/jaecoo/wp-content/uploads/sites/6/2025/04/promociones-vn-jaecoo-mobile.jpg) !important; /* Buscador Listados */ --listado-buscador-background: var(--color-white); --listado-buscador-label-color: var(--plomo-400); /* Buscador Listados : Selectores */ --listado-buscador-selector-background-color: var(--color-white); --listado-buscador-selector-color: var(--plomo-400); --listado-buscador-selector-border-color: var(--plomo-100); --listado-buscador-selector-icono-color: var(--plomo-500); --listado-buscador-selector-item-border-color: var(--plomo-100); --listado-buscador-selector-checkbox-background-color: var(--plomo-100); --listado-buscador-selector-checkbox-activo-background-color: var(--plomo-100); --listado-buscador-selector-checkbox-border-color: var(--plomo-200); --listado-buscador-selector-checkbox-icon-color: var(--accent-300); /* Buscador Listados : Carrocerias */ --listado-buscador-carrocerias-columnas: 3; --listado-buscador-carrocerias-background-color: var(--plomo-50); --listado-buscador-carrocerias-icono-color: var(--plomo-300); --listado-buscador-carrocerias-texto-color: var(--plomo-300); --listado-buscador-carrocerias-activo-background-color: var(--plomo-200); --listado-buscador-carrocerias-icono-activo-color: var(--plomo-700); --listado-buscador-carrocerias-texto-activo-color: var(--plomo-700); /*Buscador Listados : Botones*/ --listado-boton-buscar-background:var(--accent-500); --listado-boton-buscar-color: var(--color-white); --listado-boton-borrar-filtros-background:var(--color-white); --listado-boton-borrar-filtros-color:var(--accent-500); --listado-boton-borrar-filtros-borde:var(--accent-500); --listado-boton-borrar-filtros-background-hover:var(--accent-500); --listado-boton-borrar-filtros-color-hover:var(--color-white); --listado-boton-buscar-background-hover:var(--accent-200); --listado-boton-buscar-color-hover:var(--color-white); --listado-boton-buscar-border-hover:var(--accent-200); /*Gama*/ --ficha-gama-margin-top: -350px; --ficha-gama-padding-bottom: 210px; --background-gama-motorizaciones: var(--background-1); --color-gama-motorizaciones: var(--black-900); --background-dato-motorizaciones: var(--color-white); } /*SECCIONES MARCA - EBRO*/ .site-9{ /*Body*/ --color-body: var(--plomo-900); --background-body: var(--color-white); /* Footer */ --footer-background-color: var(--color-white); --footer-text: var(--plomo-400); --footer-text-descatado: var(--plomo-900); --footer-sombra: var(--plomo-50); /*Header*/ --header-background-color: var(--color-white); --color-burguer-menu-mobile: var(--plomo-900); --header-submenu-background-color: var(--color-white); --top-bar-background-color: var(--plomo-50); --header-text: var(--black-900); --background-cta-header: var(--black-100); --header-submenu-color: var(--color-white); --background-outlet-menu: var(--blue-500); /*Home - Row de listado con color del tema*/ --background-row-buscador:var(--black-900); --background-row-color-theme: var(--black-900); --color-row-color-theme: var(--color-white); /*Migas de pan*/ --color-breadcrumbs: var(--black-900); /*Reseñas home*/ --resenas-background: var(--black-900); /*Promociones VN*/ --banner-desktop-promociones-vn: url(/wp-content/uploads/sites/5/2025/04/promociones-posventa-mg-1.webp) !important; --banner-mobile-promociones-vn: url(/wp-content/uploads/sites/5/2025/04/promociones-posventa-mg-mobile.webp) !important; /* Formularios : Esquema 2 */ --scheme-2-form-bg-column: var(--black-900); --scheme-2-form-bg-input: var(--color-white); /* Buscador Listados */ --listado-buscador-background: var(--black-900); --listado-buscador-label-color: var(--color-white); /* Buscador Listados : Selectores */ --listado-buscador-selector-background-color: var(--color-white); --listado-buscador-selector-color: var(--plomo-700); --listado-buscador-selector-border-color: var(--black-900); --listado-buscador-selector-icono-color: var(--plomo-700); --listado-buscador-selector-item-border-color: var(--plomo-300); --listado-buscador-selector-checkbox-background-color: var(--color-white); --listado-buscador-selector-checkbox-activo-background-color: var(--black-900); --listado-buscador-selector-checkbox-border-color: var(--black-900); --listado-buscador-selector-checkbox-icon-color: var(--color-white); /* Buscador Listados : Carrocerias */ --listado-buscador-carrocerias-columnas: 3; --listado-buscador-carrocerias-background-color: var(--color-white); --listado-buscador-carrocerias-icono-color: var(--black-900); --listado-buscador-carrocerias-texto-color: var(--black-900); --listado-buscador-carrocerias-activo-background-color: var(--plomo-100); --listado-buscador-carrocerias-icono-activo-color: var(--black-900); --listado-buscador-carrocerias-texto-activo-color: var(--black-900); /*Buscador Listados : Botones*/ --listado-boton-buscar-background:var(--color-white); --listado-boton-buscar-color: var(--black-900); --listado-boton-borrar-filtros-background:var(--black-900); --listado-boton-borrar-filtros-color:var(--color-white); --listado-boton-borrar-filtros-borde:var(--color-white); --listado-boton-borrar-filtros-background-hover:var(--color-white); --listado-boton-borrar-filtros-color-hover:var(--black-900); --listado-boton-buscar-background-hover:var(--black-900); --listado-boton-buscar-color-hover:var(--color-white); --listado-boton-buscar-border-hover:var(--color-white); /*Paginación listado*/ --background-paginacion-order:var(--black-900); /*Gama*/ --background-gama-motorizaciones: var(--color-white); --color-gama-motorizaciones: var(--black-900); --background-dato-motorizaciones: var(--plomo-50); /*Fichas*/ --ficha-color-datos:var(--black-900); --ficha-color-title-equipamiento:var(--black-900); --ficha-sombra-equipamiento:var(--color-white); --ficha-color-pestanas:var(--black-400); --ficha-flechas-galeria:var(--black-900); --ficha-plus-equipamiento: var(--black-900); } ::selection { background-color: var(--accent-primary); color: var(--plomo-50); } /** * 00. GENERAL * * ------------------------------------------------------------------- */ body{ font-family: var(--tipografia-web); font-size: 16px; line-height: 1.5; background-color: var(--background-body); color: var(--color-body); } .site { background-color: transparent; color: var(--color-body); } /* .site { background-color: transparent; color: var(--plomo-200); } */ a{ color: inherit; } .fw-300{ font-weight:300; } .fw-400{ font-weight:400; } .fw-600{ font-weight:600; } .text-decoration-underline{ text-decoration: underline; } @media only screen and (min-width: 1916px) { .padding-left-calc { padding-left: 18% !important; } } .full-height .vc_column-inner, .full-height .wpb_wrapper{ height: 100%; } .full-width, .full-width .wpb_wrapper.vc_figure, .full-width .wpb_wrapper.vc_figure .vc_single_image-wrapper, .full-width .wpb_wrapper.vc_figure .vc_single_image-wrapper img{ width: 100%; } .aspect-ratio-img{ aspect-ratio: 21 / 9; position: relative; height: 100%; } .aspect-ratio-img img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .h1, h1 { font-size: var(--heading-1-font-size); line-height: var(--heading-1-line-height); color: inherit; } .h2, h2 { font-size: var(--heading-2-font-size); line-height: var(--heading-2-line-height); color: inherit; } /*Esquemas de secciones*/ /* --section-background-0: var(var(--plomo-700)); --section-color-0: var(--plomo-100); --section-background-1:var(--plomo-700); --section-color-1: var(--color-white); --section-background-2:var(--plomo-900); --section-color-2: var(--plomo-100); --section-background-3:var(--plomo-600); --section-color-3: var(--color-white); --section-background-4:var(--color-white); --section-color-4: var(--plomo-700); --section-background-5:var(--plomo-800); --section-color-5: var(--color-white); --section-background-6:var(--plomo-50); --section-color-6: var(--plomo-700); --section-background-7:var(--plomo-700); --section-color-7: var(--plomo-200); --section-background-8:var(--plomo-700); --section-background-9:var(--plomo-600); --section-color-9: var(--plomo-100); --section-background-10:var(--plomo-800); --section-color-10:var(--color-white); --section-background-11:var(--plomo-200); --section-color-11:var(--plomo-500); */ .scheme-0{ /*Fondo plomo 700 | color plomo 100*/ background-color: var(--section-background-0); color: var(--section-color-0); } .scheme-1{ /*Fondo plomo 700 | color blanco*/ background-color: var(--section-background-1); color: var(--section-color-1); } .scheme-2{ /*Fondo plomo 900 | color plomo 100*/ background-color: var(--section-background-2); color: var(--section-color-2); } .scheme-3{ /*Fondo plomo 600 | color blanco*/ background-color: var(--section-background-3); color: var(--section-color-3); } .scheme-4{ /*Fondo white | color plomo-700*/ background-color: var(--section-background-4); color: var(--section-color-4); } .scheme-5{ /*Fondo plomo 800 | color white*/ background-color: var(--section-background-5); color: var(--section-color-5); } .scheme-6{ /*Fondo plomo 50 | color plomo 700*/ background-color: var(--section-background-6); color: var(--section-color-6); } .scheme-7{ /*Fondo plomo 700 | color plomo 200*/ background-color: var(--section-background-7); color: var(--section-color-7); } .scheme-8{ /*Fondo plomo 700*/ background-color: var(--section-background-8); } .scheme-9{ /*Fondo plomo 600 | color plomo 100*/ background-color: var(--section-background-9); color: var(--section-color-9); } .scheme-10{ /*Fondo plomo 600 | color plomo 100*/ background-color: var(--section-background-10); color: var(--section-color-10); } .scheme-11{ /*Fondo plomo 200 | color plomo 500*/ background-color: var(--section-background-11); color: var(--section-color-11); } .scheme-gama{ /*Fondo plomo 600 | color plomo 100*/ background-color: var(--section-background-gama); color: var(--section-color-gama); } /* Ocultar bandera campo telefono forminator */ .iti__flag-container { display: none !important; } /** * 00. UTILIDADES * * ------------------------------------------------------------------- */ /* Esquemas de fondos */ .theme-light-2:not(.mx-grid-item), .theme-light-2.mx-grid-item .vc_grid-item-mini { background-color: var(--plomo-50); color: var(--plomo-400); } /* .theme-dark-2:not(.mx-grid-item) { background-color: var(--plomo-600); color: var(--plomo-50); } */ /* Espaciados con margenes */ .sx-1>*+* { margin-left: 16px; } .sy-4>*+*, .sy-\.25>*+* { margin-top: 4px; } .p-sticky { position: sticky; } .p-absolute{ position: absolute; } /** * 00. COLORES * * ------------------------------------------------------------------- */ .text-white { color: var(--color-white) !important; } .text-red-500 { color: var(--accent-500); } .text-plomo-100 { color: var(--plomo-100); } .text-plomo-200 { color: var(--plomo-200); } .text-plomo-300 { color: var(--plomo-300); } .text-plomo-700 { color: var(--plomo-700); } .text-plomo-800 { color: var(--plomo-800); } /** * 00. BOTONES * * ------------------------------------------------------------------- */ /* Botón primario */ .mx-button { --button-background-color: var(--accent-primary); --button-color: var(--color-white); --button-padding: 16px 40px; --button-font-size: var(--button-big-font-size); --button-line-height: var(--button-big-line-height); --button-border-radius: var(--button-border-radius-var); } .mx-button:hover{ --button-background-color: var(--button-background-hover); } /* Boton secundario */ .mx-button--secondary { --button-background-color: transparent; --button-color: var(--accent-primary); --button-border-color: var(--accent-primary); } .mx-button--secondary:hover{ --button-background-color: transparent; --button-color: var(--accent-600); --button-border-color: var(--accent-600); } .mx-button--secondary-black { --button-background-color: transparent; --button-color: var(--plomo-500); --button-border-color: var(--plomo-500); } .mx-button--secondary-black:hover{ --button-background-color: transparent; --button-color: var(--accent-500); --button-border-color: var(--accent-500); } /* Botón link */ .mx-button--link { --button-background-color: transparent; --button-color: var(--accent-primary); --button-padding: 0px; } .mx-button--link:hover{ --button-background-color: transparent; --button-color: var(--accent-600); } /* Botón primario negativo */ .mx-button--negativo { --button-background-color: var(--color-white); --button-color: var(--plomo-500); } .mx-button--negativo:hover{ --button-background-color: var(--background-negativo-hover); --button-color: var(--plomo-500); } /* Botón secundario negativo */ .mx-button--secondary.mx-button--negativo { --button-background-color: var(--button-secondary-negativo-background); --button-color: var(--button-secondary-negativo-color); --button-border-color: var(--button-secondary-negativo-border); } .mx-button--secondary.mx-button--negativo:hover { --button-background-color: var(--button-secondary-hover-negativo-background); --button-color: var(--button-secondary-hover-negativo-color); --button-border-color: var(--button-secondary-hover-negativo-border); } /* Botón link negativo */ .mx-button--link.mx-button--negativo { --button-background-color: transparent; --button-color: inherit; } .mx-button--link.mx-button--negativo:hover{ --button-background-color: transparent; --button-color: var(--accent-200); } /* Botón pequeño */ .mx-button--small { --button-padding: 4px 32px; --button-font-size: var(--button-small-font-size); --button-line-height: var(--button-small-line-height); } /* Botón Card */ .mx-button--card { --button-background-color: var(--button-card-background); --button-color: var(--color-white); --button-padding: 8px 16px; } .mx-button--card:hover{ --button-background-color: var(--button-card-hover-background); --button-color: var(--color-white); } /* Botón secundario Card */ .mx-button--secondary.mx-button--card { --button-background-color: transparent; --button-color: var(--plomo-500); --button-border-color: var(--plomo-500); } .mx-button--secondary.mx-button--card:hover{ --button-background-color: transparent; --button-color: var(--accent-500); --button-border-color: var(--accent-500); } /*Botón Borrar filtros : Buscador Listado */ .mx-button-delete-filter-list{ --button-background-color: var(--listado-boton-borrar-filtros-background); --button-color: var(--listado-boton-borrar-filtros-color); --button-border-color: var(--listado-boton-borrar-filtros-borde); } .mx-button-delete-filter-list:hover{ --button-background-color: var(--listado-boton-borrar-filtros-background-hover); --button-color: var(--listado-boton-borrar-filtros-color-hover); } /*Botón Buscar : Buscador Listado*/ .mx-button-search-list{ --button-background-color: var(--listado-boton-buscar-background); --button-color: var(--listado-boton-buscar-color); } .mx-button-search-list:hover{ --button-background-color: var(--listado-boton-buscar-background-hover); --button-color: var(--listado-boton-buscar-color-hover); --button-border-color: var(--listado-boton-buscar-border-hover) } /* Boton base */ .mx-button:is(.mx--boton) .mx--boton, *[class*=themeboton]:has(.mx-button) .ficha--boton, *:not([class*=themeboton]) > .mx-button:not(.mx--boton) { display: flex; background-color: var(--button-background-color) !important; color: var(--button-color) !important; font-size: var(--button-font-size) !important; line-height: var(--button-line-height) !important; height: auto !important; border-radius: var(--button-border-radius) !important; padding: var(--button-padding) !important; box-shadow: inset 0 0 0 2px var(--button-border-color, transparent) !important; } .mx-button.mx-button--link:is(.mx--boton) .mx--boton .boton-ficha---txt, *[class*=themeboton]:has(.mx-button.mx-button--link) .ficha--boton .boton-ficha---txt{ text-decoration: underline; } /** * 00. MIGAS DE PAN * * ------------------------------------------------------------------- */ .breadcrumbs { padding: 16px 0px; color: var(--color-breadcrumbs); font-size: var(--body-small-font-size); line-height: var(--body-small-line-height); } .breadcrumbs .breadcrumbs__link { color: inherit; text-decoration: underline; } /* hero-page */ .hero-page { padding-bottom: 32px; } @media (min-width: 992px) { .hero-page { min-height: 360px; padding-bottom: 0; } } /** * 00. FOOTER * * ------------------------------------------------------------------- */ footer{ background-color: var(--footer-background-color); color: var(--footer-text); box-shadow: 0px 0px 13px var(--footer-sombra); } footer a{ color:var(--footer-text); } footer a:hover{ color:var(--footer-text); } footer .destacado-footer{ color:var(--footer-text-descatado); } footer .ct--social-buttons i{ color:var(--plomo-200); } footer .vc_sep_line{ border-color:var(--plomo-400) !important; } /** * 00. FORMULARIOS * * ------------------------------------------------------------------- */ /* Formulario --form-color-text --form-bg-column --form-border-input --form-bg-input --form-border-check --form-bg-check --form-bg-checked --form-color-icon-checked --form-text-color-check --form-bg-selector --form-text-color-selector --form-text-color-file */ /*Formularios con background blancos*/ .scheme-form-1{ --form-color-text: var(--scheme-1-form-color-text); --form-bg-column: var(--scheme-1-form-bg-column); --form-border-input: var(--scheme-1-form-border-input); --form-bg-input:var(--scheme-1-form-bg-input); --form-border-check:var(--scheme-1-form-border-check); --form-bg-check:var(--scheme-1-form-bg-check); --form-bg-checked:var(--scheme-1-form-bg-checked); --form-color-icon-checked:var(--scheme-1-form-color-icon-checked); --form-text-color-check:var(--scheme-1-form-text-color-check); color: var(--form-color-text); background-color: var(--form-bg-column); } /*Formularios con background oscuros*/ .scheme-form-2{ --form-color-text: var(--scheme-2-form-color-text); --form-bg-column: var(--scheme-2-form-bg-column); --form-border-input: unset !important; --form-bg-input:var(--scheme-2-form-bg-input); --form-border-check:var(--scheme-2-form-border-check); --form-bg-check:var(--scheme-2-form-bg-check); --form-bg-checked:var(--scheme-2-form-bg-checked); --form-color-icon-checked:var(--scheme-2-form-color-icon-checked); --form-text-color-check:var(--scheme-2-form-text-color-check); color: var(--form-color-text); background-color: var(--form-bg-column); } .forminator-row-last .forminator-field{ display: flex; justify-content: flex-end; } .scheme-form-2 .forminator-ui .forminator-input, .scheme-form-2 .forminator-ui .forminator-textarea{ border-style: none !important; } .forminator-ui .forminator-input, .forminator-ui .forminator-select .selection .select2-selection, .forminator-ui .forminator-textarea, .forminator-select-dropdown-container--open .forminator-dropdown--default{ border: 1px; border-style: solid; border-color: var(--form-border-input) !important; background-color: var(--form-bg-input) !important; color: var(--form-color-text) !important; } .forminator-ui .forminator-checkbox .forminator-checkbox-box{ border: 1px; border-style: solid; border-color: var(--form-border-check) !important; background-color: var(--form-bg-check) !important; } .forminator-ui .forminator-checkbox .forminator-checkbox-box:before{ padding: 3px; color: var(--form-color-icon-checked) !important; background-color: var(--form-bg-checked); } .forminator-ui span.forminator-checkbox-label, .forminator-ui .forminator-checkbox__label p{ color: var(--form-text-color-check) !important; } .forminator-ui .forminator-checkbox__label p a{ color: inherit !important; } .forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered, .forminator-ui.forminator-design--default .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] .select2-selection__arrow{ color: var(--scheme-1-form-color-text) !important; } .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown{ background-color: var(--scheme-1-form-bg-input) !important; } .forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted{ background-color: var(--scheme-1-form-bg-selector) !important; color: var(--scheme-1-form-text-color-selector) !important; } .color-span-file{ color: var(--scheme-1-form-text-color-file)!important; } .forminator-ui .forminator-icon-upload:before { width: 19px; background-image: url(/wp-content/uploads/2025/03/file.png); height: 22px; content: "" !important; } .forminator-ui.forminator-design--default .forminator-button-upload{ background-color: var(--scheme-1-form-text-color-file) !important; color: var(--color-white) !important; } .row-form-last-white .forminator-row-last{ background: var(--color-white); margin-top: -60px !important; padding: 20px; } .forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight { border-color: var(--scheme-1-form-text-color-data) !important; background-color: unset !important; color: var(--scheme-1-form-text-color-data) !important; } .forminator-calendar--default .ui-datepicker-header .ui-corner-all { background-color: var(--scheme-1-form-text-color-data) !important; } .forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:active, .forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active{ border-color: var(--scheme-1-form-text-color-data) !important; background-color: var(--scheme-1-form-text-color-data) !important;; } @media (max-width: 782px) { .forminator-ui.forminator-custom-form[data-design=default] .forminator-button { width: 50% !important; } .forminator-ui.forminator-custom-form[data-design=default] .forminator-file-upload{ display: flex; flex-direction: column; align-items: flex-start !important; } } /** * 00. HEADER * * ------------------------------------------------------------------- */ .header--middle{ background-color: var(--header-background-color); } .header--middle ul.sub-menu{ background-color: var(--header-submenu-background-color) !important; } /* Top bar */ .header--top{ background-color: var(--top-bar-background-color); } .header--top #header-top-bar-left { max-width: 60%; flex: auto; } .header--top #header-top-bar-right { max-width: 30%; flex: auto; } /* Top bar : Logotipos */ .header--top .imagenes-top-bar { opacity: 0.4; } /* Top bar : Menú */ .header--top #menu-menu-top-bar-right { display: flex; align-items: center; gap: 16px; font-size: var(--body-small-font-size); line-height: var(--body-small-line-height); } .header--top #menu-menu-top-bar-right .menu-item a { color: var(--color-white); text-decoration: none !important; } .header--top #menu-menu-top-bar-right .menu-item.menu-item--destacado a { display: inline-flex; color: var(--color-white); background-color: var(--accent-primary); padding: 3px 19px; border-radius: 30px; font-weight: 700; } .header--top #menu-menu-top-bar-right .menu-item:has(.mx) a { display: inline-flex; background-color: var(--background-cta-header); color: #191919; padding: 6px; border-radius: 32px; font-size: 24px; } /* Menú */ .menu-principal-container .menu .menu-item:hover .sub-menu{ background-color: var(--header-submenu-background-color); } .menu-principal-container .menu .menu-item:hover .sub-menu a{ color: var(--header-submenu-color) !important; } #menu-desktop li a{ font-weight: 500; color: var(--header-text) !important; } header #menu-desktop .menu-outlet a{ font-size: var(--body-medium-font-size); line-height: 20px; font-weight: 500; background-color: var(--background-outlet-menu); color: var(--color-white) !important; padding: 0 15px; border-radius: 34px; } .menu-principal-container .menu>.menu-item a:after, .menu-principal-container .menu>.menu-item.current-menu-item>a:hover::after, .menu-principal-container .menu>.menu-item.current-menu-parent>a:hover::after { background-color: unset !important; } #menu-desktop .menu-item-has-children:after { content: "\e901" !important; font-family: 'mx-icons'; display: flex; align-items: center; font-size: 17px; } /*Menu mobile*/ .cabecera--burger-icon--linea { background-color:var(--color-burguer-menu-mobile) !important; } @media only screen and (max-width: 991px) { .mobile--menu-lateral{ background: var(--plomo-800); } .mobile--menu-lateral--boton-cerrar::before, .mobile--menu-lateral--boton-cerrar::after { background-color: var(--color-white); } .mobile--menu-lateral--menus-scroll-fila .menu-principal-container .menu .menu-item:not(:last-child){ border-bottom: 1px solid var(--plomo-600); } .mobile--menu-lateral--menus-scroll-fila .menu-principal-container .menu .menu-item a{ font-size: 14px; color: var(--color-white); padding: 12px 0 !important; } .mobile--menu-lateral--menus-scroll-fila .menu-principal-container .menu .menu-outlet-mobile a{ background: var(--accent-primary); width: 110px; padding: 6px !important; display: flex; justify-content: center; align-items: center; border-radius: 17px; margin: 11px 0; } .comparador-mobile a, .favoritos-mobile a{ justify-content: flex-start !important; } .comparador-mobile a:before, .favoritos-mobile a:before{ font-size: 14px; background: var(--plomo-400); padding: 6px; border-radius: 25px; margin-right:20px; color: var(--black-500); } .comparador-mobile a:before { content: "\e917"; font-family: 'mx-icons'; } .favoritos-mobile a:before { content: "\e91d"; font-family: 'mx-icons'; } .menu-principal-container .menu .menu-item.menu-item-has-children>a:after { content: "\e923"; font-family: 'mx-icons'; width: unset; height: unset; color: var(--accent-primary); font-size: 19px; border-style: none; transition: unset; } #menu-item-5615{ background: var(--plomo-700); padding: 0px 10px; } #mobile-header-middle-bar-right .mxr-menu a, .mxr-menu a:hover { margin: 15px; } #mobile-header-middle-bar-right .mxr-menu a::before{ background-color: var(--accent-primary); font-size: 20px; } .marcas-menu-mobile { flex-wrap: wrap; justify-content: center; } .marcas-menu-mobile a{ flex-direction: column; width: 110px; height: 95px; background: var(--plomo-600); margin: 7px; padding: 15px; color: var(--color-white); align-items: center; justify-content: space-evenly; border-radius: 8px; font-size: 11px; } } /** * 00. BUSCADOR * * ------------------------------------------------------------------- */ /* --buscador-label-color Selectores --buscador-selector-background-color --buscador-selector-color --buscador-selector-border-color --buscador-selector-icono-color --buscador-selector-item-border-color --buscador-selector-checkbox-background-color --buscador-selector-checkbox-activo-background-color --buscador-selector-checkbox-border-color --buscador-selector-checkbox-icon-color Carrocerias --buscador-carrocerias-columnas --buscador-carrocerias-background-color --buscador-carrocerias-icono-color --buscador-carrocerias-texto-color --buscador-carrocerias-activo-background-color --buscador-carrocerias-icono-activo-color --buscador-carrocerias-texto-activo-color */ .buscador-mx .buscador-col .label-fake { color: var(--buscador-label-color); margin-bottom: 16px; } /* Selector */ .buscador-mx .buscador-col .caja__selector { border: none; background-color: transparent; padding: 0; border-radius: 0; height: auto; } .buscador-mx .buscador-col .caja__selector .caja__selector--label { background-color: var(--buscador-selector-background-color, transparent); border: solid 1px var(--buscador-selector-border-color, transparent); color: var(--buscador-selector-color); font-weight: 400; padding-top: 14px; padding-bottom: 14px; padding-left: 16px; } .buscador-mx .buscador-col .caja__selector .caja__selector--label > i { color: var(--buscador-selector-icono-color); } /* Selector listado */ .buscador-mx .buscador-col .caja__selector .caja__selector-lista { width: 100%; left: 0; } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector { background-color: var(--buscador-selector-background-color); border: solid 1px var(--buscador-selector-border-color); border-radius: 0; } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item:first-child { border-top: solid 1px var(--buscador-selector-item-border-color); } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item { height: auto; border-bottom: solid 1px var(--buscador-selector-item-border-color); } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item label { font-size: var(--body-medium-font-size); line-height: var(--body-medium-line-height); color: var(--buscador-selector-color); } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item:has(input[type=checkbox]) label { --size-input-check: 16px; --size-icon-check: 12px; } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item:has(input[type=radio]) label { --size-input-check: 16px; --size-icon-check: 6px; } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item label .caja-lista--item--txt { padding: 7px 30px 7px 8px; } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item:has(input) label .caja-lista--item--txt::before { left: initial; right: calc((30px - var(--size-input-check)) / 2); width: var(--size-input-check); height: var(--size-input-check); background-color: var(--buscador-selector-checkbox-background-color); box-shadow: inset 0 0 0 1px var(--buscador-selector-checkbox-border-color); } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item:has(input) label .caja-lista--item--txt::after { left: initial; background-color: var(--buscador-selector-checkbox-icon-color); right: calc(((30px - var(--size-input-check)) / 2) + ((var(--size-input-check) - var(--size-icon-check)) / 2)); margin: 0; } .buscador-mx .buscador-col .caja__selector .caja__selector-lista .caja-lista--content__selector .caja-lista--item:has(input) input:checked + label .caja-lista--item--txt::before { background-color: var(--buscador-selector-checkbox-activo-background-color); } /* Filtro Carrocerias */ .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: flex-start; gap: 15px; } .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks .caja-lista--item { max-width: 100%; padding: 0; } .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks .caja-lista--item label { background-color: var(--buscador-carrocerias-background-color); max-width: 100%; padding: 6px; } .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks .caja-lista--item label i { color: var(--buscador-carrocerias-icono-color); } .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks .caja-lista--item label .caja-lista--item--txt { color: var(--buscador-carrocerias-texto-color); } .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks .caja-lista--item input:checked + label { background-color: var(--buscador-carrocerias-activo-background-color); } .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks .caja-lista--item input:checked + label i { color: var(--buscador-carrocerias-icono-activo-color); } .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks .caja-lista--item input:checked + label .caja-lista--item--txt { color: var(--buscador-carrocerias-texto-activo-color); } @media (min-width: 1493px) { .buscador-mx .buscador-col.buscador-col--carrocerias .caja__lista_checks--conimagen .caja-lista--content__lista_checks { grid-template-columns: repeat(var(--buscador-carrocerias-columnas, 3), minmax(0, 1fr)); } } .mx-icon-industrial:before { content: " "; background-image: url(/wp-content/uploads/2025/07/industrial-2.svg); background-size: contain; width: 53px; height: 25px; } .mx-icon-berlina:before { content: " "; background-image: url(/wp-content/uploads/2025/07/berlina.svg); background-size: contain; width: 53px; height: 23px; } .mx-icon-utilitario:before { content: " "; background-image: url(/wp-content/uploads/2025/07/utilitario.svg); background-size: contain; width: 56px; height: 26px; } .buscador .caja-lista--content__lista_checks .caja-lista--item label > i { font-size: 67px !important; } /* Filtro Etiqueta medioambiental */ /* .buscador-mx .buscador-col.buscador-col--etiquetas-medioambientales .caja__lista_checks .caja-lista--content__lista_checks .caja-lista--item label i { background-size: contain; background-repeat: no-repeat; background-position: center; aspect-ratio: 1 / 1; width: 100%; } .buscador-mx .buscador-col.buscador-col--etiquetas-medioambientales .caja__lista_checks .caja-lista--content__lista_checks .caja-lista--item label i:has(img[class=cero]) { background-image: var(--etiqueta-medioambiental-0); } .buscador-mx .buscador-col.buscador-col--etiquetas-medioambientales .caja__lista_checks .caja-lista--content__lista_checks .caja-lista--item label i:has(img[class=a]) { background-image: var(--etiqueta-medioambiental-a); } .buscador-mx .buscador-col.buscador-col--etiquetas-medioambientales .caja__lista_checks .caja-lista--content__lista_checks .caja-lista--item label i:has(img[class=b]) { background-image: var(--etiqueta-medioambiental-b); } .buscador-mx .buscador-col.buscador-col--etiquetas-medioambientales .caja__lista_checks .caja-lista--content__lista_checks .caja-lista--item label i:has(img[class=c]) { background-image: var(--etiqueta-medioambiental-c); } .buscador-mx .buscador-col.buscador-col--etiquetas-medioambientales .caja__lista_checks .caja-lista--content__lista_checks .caja-lista--item label i:has(img[class=eco]) { background-image: var(--etiqueta-medioambiental-eco); } .buscador-mx .buscador-col.buscador-col--etiquetas-medioambientales .caja__lista_checks .caja-lista--content__lista_checks .caja-lista--item label i * { display: none; } */ /** * 00. BUSCADOR HOME * * ------------------------------------------------------------------- */ /* Buscador Home */ .buscador-home { --buscador-label-color: var(--home-buscador-label-color); --buscador-selector-background-color: var(--home-buscador-selector-background-color); --buscador-selector-color: var(--home-buscador-selector-color); --buscador-selector-border-color: var(--home-buscador-selector-border-color); --buscador-selector-icono-color: var(--home-buscador-selector-icono-color); --buscador-carrocerias-columnas: var(--home-buscador-carrocerias-columnas); --buscador-carrocerias-background-color: var(--home-buscador-carrocerias-background-color); --buscador-carrocerias-icono-color: var(--home-buscador-carrocerias-icono-color); --buscador-carrocerias-texto-color: var(--home-buscador-carrocerias-texto-color); --buscador-carrocerias-activo-background-color: var(--home-buscador-carrocerias-activo-background-color); --buscador-carrocerias-icono-activo-color: var(--home-buscador-carrocerias-icono-activo-color); --buscador-carrocerias-texto-activo-color: var(--home-buscador-carrocerias-texto-activo-color); background-color: var(--background-row-buscador); } .buscador-home > .buscador-home--col { transform: translateY(calc((60px + 52px) * -1)); position: relative; z-index: 10; background-color: var(--color-white); padding: 44px 60px; border-radius: 4px; } @media only screen and (max-width: 768px) { .buscador-home > .buscador-home--col { padding: 24px 24px; } } .buscador-home .caja-input.caja-input--heuristico { border-radius: 0; background-color: var(--color-white); border: solid 1px var(--plomo-100); color: var(--plomo-400); padding: 12px 16px; height: auto; } .buscador-home .caja-input.caja-input--heuristico input { padding-left: 0 !important; } .buscador-home .buscador-col--toggle .caja__selector { border: none; background-color: transparent; padding: 0; height: auto; } .buscador-home .buscador-col--toggle .caja__selector .caja__selector--label .mx-toggle--content{ justify-content: center !important; } .buscador-home .buscador-col--toggle .caja__selector .caja__selector--label { border: none; background-color: var(--background-button-selector-home); padding: 16px 24px; font-size: var(--button-big-font-size); line-height: var(--button-big-line-height); color: var(--color-button-selector-home); border-radius: var(--button-border-radius-var); border: 1px solid var(--border-button-selector-home); } .buscador-home .buscador-col--toggle .caja__selector .caja__selector--label:hover{ background-color: var(--background-hover-button-selector-home); color: var(--color-hover-button-selector-home); border: 1px solid var(--border-hover-button-selector-home); } .buscador-home .buscador-col--toggle .caja__selector .caja__selector--label > i { display: none; } /* Buscador Home : Filtro Tipo de vehiculo */ .buscador-home .buscador-col.buscador-col--tipo-de-vehiculo .caja__lista_checks.type-switch .caja-lista--content__lista_checks .caja-lista--item { padding: 0; } .buscador-home .buscador-col.buscador-col--tipo-de-vehiculo .caja__lista_checks.type-switch .caja-lista--content__lista_checks{ box-shadow: inset 0 -1px 0 0 var(--plomo-400); } .buscador-home .buscador-col.buscador-col--tipo-de-vehiculo .caja__lista_checks.type-switch .caja-lista--content__lista_checks .caja-lista--item label { color: var(--plomo-500); font-size: var(--body-large-font-size); line-height: var(--body-large-line-height); text-transform: uppercase; padding: 16px 9px; } .buscador-home .buscador-col.buscador-col--tipo-de-vehiculo .caja__lista_checks.type-switch .caja-lista--content__lista_checks .caja-lista--item .fake-switch { display: none; } .buscador-home .buscador-col.buscador-col--tipo-de-vehiculo .caja__lista_checks.type-switch .caja-lista--content__lista_checks .caja-lista--item input:checked + label { box-shadow: inset 0 -5px 0 0 var(--accent-primary); } .buscador .buscador-col--tipo-de-vehiculo .caja-lista--content__lista_checks{ margin-bottom: 20px; } .buscador-home--col .filtros-activos--lista .filtros-activos--item:not(.filtros-activos--item-total) { display: none !important; } .buscador-col--etiquetas-medioambientales .caja__lista_checks .caja-lista--item__lista_checks:hover{ background: var(--plomo-100); border-radius: 25px; padding: 4px; } .buscador .caja__lista_checks .caja-lista--item__lista_checks{ padding: 4px; } .buscador-home--col .filtros-activos--item .filtros-activos--item--ico { display: none; } .buscador-home--col .filtros-activos--item.filtros-activos--item-total { border: 1px solid var(--accent-primary); background: unset; color: var(--accent-primary); padding: 16px 40px !important; border-radius: var(--button-border-radius-var); } .buscador-home--col .filtros-activos--item-total .tm-tooltip{ display: none; } @media only screen and (max-width: 600px) { .buscador-home .buscador-col.buscador-col--toggle.buscador-toggle-caja { max-width: 74% !important; } .buscador-home .buscador-col.buscador-col--boton.buscador-boton-caja { max-width: 15%; padding-left: 0px; padding-right: 0px; } .buscador-home .buscador-col.buscador-col--boton.buscador-boton-caja .buscador-boton:before { content: "\e938"; font-family: 'mx-icons'; font-size: 26px; } .buscador-home .buscador-col.buscador-col--boton.buscador-boton-caja .buscador-boton span.boton-buscador--txt { display: none; } .buscador-home .buscador-col.buscador-col--tipo-de-vehiculo .caja__lista_checks.type-switch .caja-lista--content__lista_checks{ display: flex; flex-direction: row; } .buscador-home .buscador-col.buscador-col--tipo-de-vehiculo .caja__lista_checks.type-switch .caja-lista--content__lista_checks .caja-lista--item { width: 50%; } .buscador-home .buscador-col.buscador-col--tipo-de-vehiculo .caja__lista_checks.type-switch .caja-lista--content__lista_checks .caja-lista--item label{ font-size: 14px; } } /** * 00. HOME * * ------------------------------------------------------------------- */ .mapa-grupo .wpb_gmaps_widget .wpb_wrapper{ padding: 0 !important; } .home-listado-coches{ background-color: var(--background-row-color-theme); color: var(--color-row-color-theme); } .home-listado-coches .vc_tta-tabs .vc_tta-tabs-container { margin: 0 !important; } .home-listado-coches .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list { display: flex; justify-content: center; max-width: 50%; margin: auto; box-shadow: inset 0 -1px 0 0 var(--plomo-400, transparent); } .home-listado-coches .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { margin: 0; } .home-listado-coches .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { border: none !important; border-radius: 0; background-color: transparent; font-size: var(--body-large-font-size); line-height: var(--body-large-line-height); color: var(--color-white); padding: 16px 10px; text-transform: uppercase; font-weight: 400; } .home-listado-coches .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { box-shadow: inset 0 -5px 0 0 var(--accent-primary); } .home-listado-coches .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels { border: none !important; border-radius: 0 !important; background-color: transparent !important; } .home-listado-coches .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { margin: 0; border-radius: 0; } .home-listado-coches .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { border: none; background-color: transparent; padding: 0; } @media only screen and (max-width: 767px) { .home-listado-coches .vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-heading{ display: none; } .home-listado-coches .vc_tta.vc_tta-tabs .vc_tta-tabs-container{ display: block; } .home-listado-coches .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { font-size: 15px; } .home-listado-coches .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list { max-width: 100%; } } /*Seccion de coches electricos*/ .row-background-home{ background-position: center center !important; background-image: url(/wp-content/uploads/2025/03/fondo-electricos-home.webp) !important; background-repeat: no-repeat !important; background-size: cover !important; height: 100%; min-height: 700px; } @media only screen and (max-width: 992px) { .col-electricos-home a.ficha--boton.mx--boton { width: 100%; } } @media only screen and (max-width: 600px) { .row-background-home{ background-image: unset !important; min-height: auto; } } @media only screen and (min-width: 601px) { .col-imagen-mobile-electricos-home{ display: none; } } /*Seccion de resenas*/ .row-resenas .ti-widget.ti-goog .ti-review-item>.ti-inner{ background: var(--resenas-background) !important; } .row-resenas .ti-widget.ti-goog .ti-col-4 .ti-review-item { -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } /*Seccion servicios*/ .col-relative .wpb_wrapper:first-of-type { position:relative; } .row-datos-servicios{ position: absolute; bottom: 60px; left: 0; right: 0; margin: auto !important; } .row-datos-servicios p, .row-datos-servicios h3{ color: var(--color-white); } .row-servicios .vc_single_image-wrapper { position: relative; } .row-servicios .vc_single_image-wrapper::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to bottom, transparent, black); pointer-events: none; } @media screen and (min-width: 492px) and (max-width: 992px) { .row-datos-servicios{ width:459px; } } /** * 00. CARD Vehiculos VO, VN y relacionados * * ------------------------------------------------------------------- */ div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item > .vc_grid-item-mini { background-color: var(--plomo-15); } /* Card VO : Contenido */ div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .vc_gitem-zone-c { --padding-core: 15px; padding: 32px calc(var(--padding-core) + 24px); } /* Card VO : Favoritos comparador */ div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .lista-veh--favoritos { display: flex; } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .lista-veh--favoritos .lista-veh--favoritos-container i { display: inline-flex; background-color: var(--color-white); border-radius: 32px; padding: 6px; } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .lista-veh--favoritos.active .mx-icon-favoritos, div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .lista-veh--favoritos.active .mx-icon-comparador{ color: var(--accent-primary); } /* Card VO : Etiqueta medioambiental */ /* div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--medioambiental { background-size: cover; background-repeat: no-repeat; background-position: center; } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--medioambiental img { display: none; } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--medioambiental:has(img[src$="etiqueta-cero.svg"]) { background-image: var(--etiqueta-medioambiental-0); } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--medioambiental:has(img[src$="etiqueta-a.svg"]) { background-image: var(--etiqueta-medioambiental-a); } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--medioambiental:has(img[src$="etiqueta-b.svg"]) { background-image: var(--etiqueta-medioambiental-b); } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--medioambiental:has(img[src$="etiqueta-c.svg"]) { background-image: var(--etiqueta-medioambiental-c); } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--medioambiental:has(img[src$="etiqueta-eco.svg"]) { background-image: var(--etiqueta-medioambiental-eco); } */ /* Card VO : Caracteristicas */ div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .columna-caracteristicas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background-color: var(--color-white); padding: 8px 0px; } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .columna-caracteristicas > *:not(:last-child) { border-right: solid 1px var(--plomo-100); } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .mx-grid-item--marca, div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .mx-grid-item--modelo { color: var(--plomo-800); } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .mx-grid-item--version { color: var(--plomo-300); } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--dato--pvp, div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--dato--pvf .item-veh--dato--titulo { color: var(--plomo-300); } div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--dato--cuota-financiacion .item-veh--dato--valor, div:is(.mx-grid-coches-ocasion, .mx-grid-coches-nuevos, .mx-grid-relacionados, .mx-grid-favoritos, .mx-grid-outlet) .mx-grid-item .item-veh--dato--pvf .item-veh--dato--valor { color: var(--plomo-700); } /*Card gama*/ .mx-grid-coches-gama .item-veh--dato--valor{ color:var(--accent-primary); } .mx-grid-coches-gama .item-veh--dato--valor .item-veh--dato--valor-data{ margin: 0 3px } /** * 00. Listados * * ------------------------------------------------------------------- */ /* Listados */ .mx-buscador-listado { --buscador-background: var(--listado-buscador-background); --buscador-label-color: var(--listado-buscador-label-color); --buscador-selector-background-color: var(--listado-buscador-selector-background-color); --buscador-selector-color: var(--listado-buscador-selector-color); --buscador-selector-border-color: var(--listado-buscador-selector-border-color); --buscador-selector-icono-color: var(--listado-buscador-selector-icono-color); --buscador-selector-item-border-color: var(--listado-buscador-selector-item-border-color); --buscador-selector-checkbox-background-color: var(--listado-buscador-selector-checkbox-background-color); --buscador-selector-checkbox-activo-background-color: var(--listado-buscador-selector-checkbox-activo-background-color); --buscador-selector-checkbox-border-color: var(--listado-buscador-selector-checkbox-border-color); --buscador-selector-checkbox-icon-color: var(--listado-buscador-selector-checkbox-icon-color); --buscador-carrocerias-columnas: var(--listado-buscador-carrocerias-columnas); --buscador-carrocerias-background-color: var(--listado-buscador-carrocerias-background-color); --buscador-carrocerias-icono-color: var(--listado-buscador-carrocerias-icono-color); --buscador-carrocerias-texto-color: var(--listado-buscador-carrocerias-texto-color); --buscador-carrocerias-activo-background-color: var(--listado-buscador-carrocerias-activo-background-color); --buscador-carrocerias-icono-activo-color: var(--listado-buscador-carrocerias-icono-activo-color); --buscador-carrocerias-texto-activo-color: var(--listado-buscador-carrocerias-texto-activo-color); } .listado-buscador-col .mx-buscador-listado-2 { padding-top: 24px; } /* Boton mobile buscador filtros */ .listado-buscador-col .mx-buscador-listado .tm-collapse--boton-parent .tm-collapse--boton { background-color: var(--plomo-500); color: var(--plomo-50); padding: 8px 16px; font-size: var(--body-medium-font-size); line-height: var(--body-medium-line-height); } @media (max-width: 991px) { .listado-buscador-col .mx-buscador-listado .tm-collapse--boton-parent .tm-collapse--boton:after{ content: "\e91e"; font-family: 'mx-icons'; margin: 0 5px; } .listado-buscador-col .mx-buscador-listado-2{ margin-top: 0; padding-top: 0; } } /* Contenedor buscador filtros */ .listado-buscador-col .mx-buscador-listado .tm-collapse--contenido { background-color: var(--buscador-background); padding: 40px 24px; } .listado-buscador-col .mx-buscador-listado .form-group > .row .buscador-col { padding-top: 0; padding-bottom: 0; } .listado-buscador-col .mx-buscador-listado .form-group > .row { gap: 32px; } /* Filtros activos */ /* .listado-buscador-col .mx-buscador-listado .buscador-col--filtrosactivos .filtros-activos--item-total.d-none { } */ .listado-buscador-col .mx-buscador-listado .buscador-col--filtrosactivos { display: none !important; } .listado-buscador-col .mx-buscador-listado:has(.filtros-activos--item-total.d-none) .filtros-activos--lista--fake { display: none !important; } .listado-buscador-col .mx-buscador-listado .filtros-activos--lista--fake .filtros-activos--item { display: none !important; } @media (max-width: 991px) { html:has(.colapse-listado-coches .tm-collapse--contenido.show) { overflow: hidden; } .listado-buscador-col { padding-top: 11px; padding-bottom: 11px; background-color: var(--plomo-700); } .listado-buscador-col .mx-buscador-listado .tm-collapse--contenido { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999; overflow-y: scroll; } } @media (min-width: 992px) { .listado-buscador-col .mx-buscador-listado:not(.mx-buscador-listado-2) { transform: translateY(-73px); } .listado-buscador-col .mx-buscador-listado .tm-collapse--boton-parent { display: none !important; } } /* Contenedor grid */ .listado-grid-col .contenedor-mx-grid .mx-custom-grid-item { row-gap: 72px; } /* Contenedor grid : paginado */ .listado-grid-col .contenedor-mx-grid .paginacion-mx { margin-top: 40px; padding: 24px 32px; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--top { justify-content: flex-end; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--top .prev-next-page, .listado-grid-col .contenedor-mx-grid .paginacion-mx--top .items_per_page { display: none; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--top .paginacion-mx--orderby { margin: 0; background-color: var(--background-paginacion-order); color: var(--plomo-50); padding: 14px 16px; height: auto; border: none; outline: none; box-shadow: 6px 0px 0px 0px var(--plomo-500); } .listado-grid-col .contenedor-mx-grid .paginacion-mx--bottom { justify-content: center; gap: 24px; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--bottom .prev-next-page { margin-left: initial !important; margin-right: initial !important; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--bottom .prev-next-page span:is(.prev-page, .next-page) { display: none; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--bottom .prev-next-page i { display: inline-flex; font-size: 12px; padding: 6px; background-color: var(--plomo-500); color: var(--plomo-100); border-radius: 24px; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--bottom .paginacion-mx--pages-nav { gap: 8px; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--bottom .paginacion-mx--pages-nav .page-numbers { margin: 0; color: var(--plomo-200); padding: 8px; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--bottom .paginacion-mx--pages-nav .page-numbers.current { opacity: 1; box-shadow: inset 0 -2px 0 var(--color-white); } @media (max-width: 768px) { .listado-grid-col .contenedor-mx-grid .paginacion-mx { margin-top: 10px; padding: 0; } .listado-grid-col .contenedor-mx-grid .paginacion-mx--top .paginacion-mx--orderby{ width: 100%; } } /** * 00. Fichas coches * * ------------------------------------------------------------------- */ /* Boton volver a listado */ .boton-volver-ficha i.mx, .boton-volver-ficha .boton-ficha---txt { color: var(--color-breadcrumbs); } /* Sticky */ body:is(.single-coches-ocasion, .single-coches-nuevos) #page { overflow: unset; } .ficha-veh-pos-sticky { top: 135px; margin-top: 68px; } @media only screen and (max-width: 991px) { .ficha-veh-pos-sticky { top: 0; margin-bottom: 68px; position: unset; margin-top: 0; } } @media only screen and (min-width: 660px) { .ficha-veh-pos-sticky .row-ct_comp { display: flex; flex-direction: row !important; align-items: center !important; } } @media only screen and (max-width: 660px) { .ficha-veh-pos-sticky .row-ct_comp div.mx--boton{ margin:5px; } } @media only screen and (max-width: 991px) and (min-width: 660px) { .ficha-veh-pos-sticky .row-ct_comp div.mx--boton{ width: 44% !important; } } @media only screen and (min-width: 992px) and (max-width: 1454px) { .ficha-veh-pos-sticky .row-ct_comp div.mx--boton{ width: 100%!important; margin:5px; padding: 0 !important; } } .ficha-veh-pos-sticky > .vc_column-inner { background-color: var(--plomo-50); padding: 32px; } .ficha-veh--dato.ficha-veh--dato-unico.campo-pvf_mostrar .ficha-veh--dato--titulo { color: var(--plomo-300); } /* Favoritos y comparador */ .ficha-veh--favoritos-container, .ficha-veh--comparador-container { border-radius: 50%; background-color: var(--plomo-100); } .ficha-veh--favoritos-container i, .ficha-veh--comparador-container i { padding: 5px; color: var(--black-500); } .ficha-veh--favoritos:not(.active):hover i, .ficha-veh--comparador:not(.active):hover i { color: var(--accent-500) !important; } .ficha-veh--favoritos.active i, .ficha-veh--comparador.active i { color: var(--accent-500) !important; filter: opacity(0.5); } .mx-extra-services__title { color: var(--plomo-600); } .mx-extra-services__description { color: var(--plomo-400); } /*Calculadora de extras*/ .mx-extra-services__item{ padding:10px; } .mx-extra-services-calculator .mx-extra-services__item label .mx-extra-services__label-fake { background: var(--color-white) !important; } .mx-extra-services__item:has(input:checked) .mx-extra-services__label-fake { background: var(--plomo-500) !important; } .mx-extra-services__item:has(input:checked) .mx-extra-services__label-fake:before { color: var(--color-white) !important; } .mx-extra-services__item:nth-child(odd) { background-color: var(--plomo-100); } /* Galeria */ .vc_tta-tabs .vc_tta-tabs-list { border-bottom: 1px solid var(--plomo-400); } .vc_tta-tabs .vc_tta-tab>a { background-color: transparent !important; color: var(--plomo-300) !important; border-color: transparent !important;; } .vc_tta-tabs .vc_tta-tab.vc_active>a { color: var(--ficha-color-pestanas) !important; border-color: transparent !important; border-bottom: 3px solid var(--accent-500) !important; } .ficha-veh--galeria .ficha-veh--galeria-grande .swiper-button-prev i, .ficha-veh--galeria .ficha-veh--galeria-grande .swiper-button-next i { color: var(--accent-500); } .ficha-veh--galeria .ficha-veh--galeria-thumbs .ficha-veh--galeria-thumbs-swiper:before, .ficha-veh--galeria .ficha-veh--galeria-thumbs .ficha-veh--galeria-thumbs-swiper:after { background-color: var(--ficha-flechas-galeria) !important; } .ficha-veh--galeria .ficha-veh--galeria-thumbs .swiper-button-next, .ficha-veh--galeria .ficha-veh--galeria-thumbs .swiper-button-prev { background-image: none !important; margin-top: -22px !important; } .ficha-veh--galeria .ficha-veh--galeria-thumbs .swiper-button-prev::before, .ficha-veh--galeria .ficha-veh--galeria-thumbs .swiper-button-next::before { color: var(--plomo-300); font-size: 36px; font-family: 'mx-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ficha-veh--galeria .ficha-veh--galeria-thumbs .swiper-button-prev { left: -4px !important; } .ficha-veh--galeria .ficha-veh--galeria-thumbs .swiper-button-next { right: 8px !important; } .ficha-veh--galeria .ficha-veh--galeria-thumbs .swiper-button-prev::before { content: "\e925"; } .ficha-veh--galeria .ficha-veh--galeria-thumbs .swiper-button-next::before { content: "\e923"; } @media only screen and (max-width: 767px) { .coches-nuevos-template-default .vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-heading, .coches-ocasion-template-default .vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-heading{ display: none !important; } .coches-nuevos-template-default .vc_tta.vc_tta-tabs .vc_tta-tabs-container, .coches-ocasion-template-default .vc_tta.vc_tta-tabs .vc_tta-tabs-container{ display: block !important; } .coches-nuevos-template-default .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a, .coches-ocasion-template-default .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a{ font-size: 15px !important; } .coches-nuevos-template-default .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list, .coches-ocasion-template-default .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list{ max-width: 100% !important; } } /* Datos técnicos */ .ficha-datos-vehiculo{ border-top: 1px solid var(--plomo-400); border-bottom: 1px solid var(--plomo-400); padding: 32px; } .ficha-datos-vehiculo .wpb_wrapper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 32px; } .ficha-datos-vehiculo .ficha-veh--dato { flex-direction: column; align-items: start; } .ficha-datos-vehiculo .ficha-veh--dato.ficha-veh--dato-unico i.mx { color: var(--accent-700); } .ficha-datos-vehiculo .ficha-veh--dato.ficha-veh--dato-unico .ficha-veh--dato--valor, .ficha-datos-vehiculo .ficha-veh--dato.ficha-veh--dato-unico .ficha-veh--dato--valor a { color: var(--ficha-color-datos); } @media only screen and (max-width: 660px) { .ficha-datos-vehiculo .wpb_wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Test Drive */ .contenedor-ficha-test-drive { padding: 40px; } /* Equipamiento */ body:is(.single-coches-ocasion, .single-coches-nuevos) .ficha-veh--equipamiento--pestana { color: var(--ficha-color-title-equipamiento); border-top: 1px solid var(--plomo-400); font-size: 20px !important; line-height: 26px; padding: 12px 10px 12px 10px !important; font-weight: 400 !important; justify-content: space-between; } body:is(.single-coches-ocasion, .single-coches-nuevos) .ficha-veh--equipamiento--pestana:after { content: "+"; position: relative; top: 0; right: 0; color: var(--plomo-200); font-size: 24px; background-color: var(--ficha-plus-equipamiento); padding: 1px 8px; font-weight: 100; } body:is(.single-coches-ocasion, .single-coches-nuevos) .ficha-veh--equipamiento--pestana:is([aria-expanded="true"]):after { content: '-'; } /* body:is(.single-coches-ocasion, .single-coches-nuevos) .ficha-veh--equipamiento--contenido { color: var(--plomo-300); } */ .ficha-veh--equipamiento--alto-limitado.limitado:after, .ficha-veh--extras--alto-limitado.limitado:after { background: linear-gradient(to bottom, transparent 0%, var(--ficha-sombra-equipamiento) 70%, var(--ficha-sombra-equipamiento) 100%) !important; } /* Calculadora financiera */ .contenedor-ficha-veh--calculadora-financiera { background-color: var(--plomo-600); } .contenedor-ficha-veh--calculadora-financiera .titulo-calculadora { background-color: var(--accent-800); } .ficha-veh--calculadora-financiera > div > div:is(.ficha-veh--cal--campo, .ficha-veh--calc--resultado, .ficha-veh--calc--button) { max-width: 50%; } .ficha-veh--calculadora-financiera .ficha-veh--cal--caja-datos { margin-top: 20px; margin-bottom: 50px; padding: 0; color: var(--plomo-100); } .ficha-veh--calculadora-financiera .ficha-veh--cal--caja-datos > .row { background-color: var(--plomo-400); padding: 20px; margin: 0 15px; } .ficha-veh--calculadora-financiera .ficha-veh--cal--caja-datos .row .col-12 { max-width: 33%; } .ficha-veh--calculadora-financiera .ficha-veh--cal--caja-datos .row .col-12 .row { justify-content: center !important; } .ficha-veh--calculadora-financiera > div .ficha-veh--calc--resultado .ficha-veh--calc--resultado-caja { background-color: var(--plomo-300); color: var(--color-white); padding: 15px 0; height: auto !important; font-weight: 700; font-size: 24px; } .ficha-veh--calculadora-financiera .ficha-veh--calc--button > .ficha--boton { background-color: var(--plomo-200); height: auto !important; padding: 7px 0; } .ficha-veh--calculadora-financiera .ficha-veh--calc--button > .ficha--boton a { color: var(--plomo-700); } @media only screen and (max-width: 782px) { .ficha-veh--calculadora-financiera .ficha-veh--cal--caja-datos .row .col-12 .row { display: flex; flex-direction: column; align-items: center; text-align: center; } .ficha-veh--calculadora-financiera .ficha-veh--cal--caja-datos .row .col-12 .row div{ padding: 0 !important; } } .row-botones-ficha-mobile .ficha--boton.mx--boton{ padding: 10px !important; font-size: 13px !important; } /*Ficha gama*/ .scheme-gama .breadcrumbs{ color: var(--section-color-gama); } .scheme-gama .boton-volver-ficha i.mx, .scheme-gama .boton-volver-ficha .boton-ficha---txt { color: var(--section-color-gama); } .scheme-gama form.ficha--motorizaciones{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 20px; } .scheme-gama label.datos--motorizaciones{ width: 45%; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background-color: var(--background-gama-motorizaciones); color: var(--color-gama-motorizaciones) !important; padding: 25px !important; border-radius: 15px; } .scheme-gama label.datos--motorizaciones > div { width: 100%; max-width: 100%; grid-column: span 2; } .scheme-gama label.datos--motorizaciones .version--name{ font-size: 24px; line-height: 32px; font-weight: 700 !important; order: 1; } .scheme-gama label.datos--motorizaciones .columna-datos--combustible { text-transform: capitalize; font-size: 20px; line-height: 28px; font-weight: 400; order: 0; } .scheme-gama label.datos--motorizaciones .columna-datos--consumo{ order: 3; text-transform: capitalize; background: var(--background-dato-motorizaciones); padding: 9px !important; text-align: center; } .scheme-gama label.datos--motorizaciones .columna-datos--transmision{ order: 2; text-transform: capitalize; font-size: 18px; font-weight: 400; line-height: 22px; color: var(--blue-400); } .scheme-gama label.datos--motorizaciones .columna-datos--potencia{ order: 4; text-transform: capitalize; background: var(--background-dato-motorizaciones); padding: 9px !important; text-align: center; } .scheme-gama label.datos--motorizaciones .columna-datos--consumo, .scheme-gama label.datos--motorizaciones .columna-datos--potencia { grid-column: span 1; margin-top: 20px; } .scheme-gama label.datos--motorizaciones .col-cta{ order: 5; max-width: 100%; background: var(--black-500); color: var(--color-white); padding: 10px !important; border-radius: 6px; width: 150px; text-align: center !important; } .scheme-gama label.datos--motorizaciones .col-cta:hover{ background: var(--black-400); text-decoration: none; } .scheme-gama .ficha--motorizaciones input{ display: none; } .scheme-gama .ficha--motorizaciones>.row:before, .ficha--motorizaciones input:checked+label.row:after, .ficha--motorizaciones>.row:hover:after { display: none; } .scheme-gama .ficha--motorizaciones>.row:hover{ background-color: var(--background-gama-motorizaciones) !important; } @media (max-width: 992px) { .scheme-gama form.ficha--motorizaciones { flex-direction: column; } .scheme-gama label.datos--motorizaciones { width: 100%; } .single-coches-gama .img--destacada--veh{ aspect-ratio: 3/2; object-fit: cover; } } /* Relacionados */ .contenedor-ficha-veh--relacionados { position: relative; padding-top: 3rem; padding-bottom: 8rem; } .contenedor-ficha-veh--relacionados > * { position: relative; z-index: 20; } .contenedor-ficha-veh--relacionados:before { content: ""; position: absolute; top: 0; left: calc((100vw - 1442px) / 2* -1); width: 100vw; height: 100%; background-color: var(--section-background-8); } @media only screen and (max-width: 1480px) { .contenedor-ficha-veh--relacionados:before { left: 0 } } /*Botones sticky*/ .coches-nuevos-template-default .botones-sticky-ficha, .coches-ocasion-template-default .botones-sticky-ficha{ background: var(--plomo-50); padding: 19px 0; position: sticky; bottom: 0; z-index: 99; } @media only screen and (min-width: 992px) { .coches-nuevos-template-default .botones-sticky-ficha, .coches-ocasion-template-default .botones-sticky-ficha{ display: none; } } @media only screen and (max-width: 991px) { .coches-nuevos-template-default .row-ct_comp, .coches-ocasion-template-default .row-ct_comp{ display: none !important; } } /*Ficha gama*/ .single-coches-gama .img--destacada--veh{ margin-top: var(--ficha-gama-margin-top); } .single-coches-gama .padding-bottom{ padding-bottom: var(--ficha-gama-padding-bottom); } .row-imgen-gama{ position: relative; text-align: center; } /** * 00. Reserva * * ------------------------------------------------------------------- */ .mxr-resume-sticky { animation: fadeOut 2s 8s forwards; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; visibility: hidden; } } .payment-description .payment-description--img, .payment-description .payment-description--title{ display: none; } .resume-order { margin-top: -275px; } .resume-order .payment-methods-title { display: none !important; } .resume-order div:has(.order--image), .resume-order hr, .resume-order .resume-order-transaction-description, .resume-order .container-help-buttons { background-color: var(--plomo-50); color: var(--plomo-800); } .resume-order .order--details { padding: 0 32px; } .resume-order .resume-features-veh { background: var(--color-white); justify-content: center; padding: 6px 18px; } .resume-order hr { margin: 0; padding: 0 1rem; border-top-color: var(--accent-500); } .resume-order .resume-payment-ammount { margin: 15px 0; color: var(--accent-500); } .resume-order .resume-order-transaction-description { margin: 0 !important } .payment-form .mxr-tabs-loginregister { background-color: var(--plomo-600); } .payment-form .payment-method { background-color: var(--color-white); color: var(--plomo-800); } .mxr-tabs-loginregister .nav-tabs .nav-item .nav-link { background-color: var(--plomo-700) !important; color: var(--plomo-300); border-bottom: 1px solid var(--plomo-400); } .mxr-tabs-loginregister .nav-tabs .nav-item .nav-link.active { color: var(--color-white) !important; border-bottom: 3px solid var(--accent-500); } .mxr-resume-sticky .mxr-button{ color: var(--color-white) !important; } .mxr-resume-sticky { z-index: 99; color: var(--plomo-500); } .mxr-account .nav-tabs .nav-item .nav-link.active { color: var(--color-white); } .mxr-account .nav-link.active::before{ filter: invert(1); } .mxr-account .mxr-profile #boton_editar .mxr-button{ color: var(--color-white); } .mxr-account .mxr-profile .mxr-form--profile .form-control:disabled{ color: var(--color-white); } .payment-method .payment-buttons .payment-method-button.pay-with-redsys-container .payment-button{ background-color: var(--accent-primary); color: var(--color-white); } .container-help-buttons .help-button-condiciones, li#ancla--condiciones{ display: none; } .help-button { margin: auto; } .resume-order .order--details .resume-prices.resume-prices--legal { padding-bottom: 25px; } .container-help-buttons a:hover { text-decoration: underline; color: var(--accent-primary); } .mxr-menu--container:hover a.mxr-submenu--account{ z-index: 9; } a#mxr-tab-register:before { content: "REGÍSTRATE"; } a#mxr-tab-register { color: transparent !important; } a#mxr-tab-register:before { content: "REGÍSTRATE"; color: var(--plomo-300); } a#mxr-tab-register.active:before { content: "REGÍSTRATE"; color: var(--color-white) !important; font-size: 14px; } .mxr-card--title { color: transparent; font-size: 0 !important; } .mxr-card--title:before { content: 'Regístrate para comenzar!'; font-size: 18px; color: var(--plomo-200); } /** * 00. Quienes somos * * ------------------------------------------------------------------- */ .row-background-quienes-somos{ margin-top: -105px !important; } @media only screen and (max-width: 575px) { .colum-section-bg-color-2{ background-color: var(--section-bg-color-2); } } /** * 00. Seguros * * ------------------------------------------------------------------- */ .row-with-background-seguros{ height: 100%; min-height: 625px; } .column-absolute{ margin-top: -190px; } @media only screen and (max-width: 767px) { .column-absolute{ position: absolute; bottom: -180px; z-index: 99; width: 92%; transform: translateX(4%); } .row-relative{ position: relative; } .row-margin-plus{ margin-top: 220px; } .row-with-background-seguros{ min-height: 276px; } } /** * 00. 404 * * ------------------------------------------------------------------- */ .row-404{ min-height: 70vh; color:var(--plomo-100); } /** * 00. Gracias * * ------------------------------------------------------------------- */ .row-thank-you .img-position{ position:relative; top:-55px; right: -100px; } @media only screen and (min-width: 992px) { .row-thank-you .img-position{ position:absolute; top:5px; right: 40px !important; } } @media only screen and (min-width: 704px) { .row-thank-you .img-position{ right: -300px; } } /** * 00. PROMOCIONES GENERAL * * ------------------------------------------------------------------- */ /*Filtros para el listado de promociones*/ .col-filtro-promociones .tm-collapse--boton{ background: var(--plomo-500); padding: 15px; color: var(--var-plomo-50); } .ct-filters--mx_nf-promociones_category .ct-filters__item, .ct-filters--mx_nf-posventa_category .ct-filters__item{ background: var(--plomo-600);; padding: 12px; margin: 10px; width: 180px; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .ct-filters--mx_nf-promociones_category.ct-filters, .ct-filters--mx_nf-posventa_category.ct-filters{ display: flex; flex-wrap: wrap; justify-content: center; } .ct-filters--mx_nf-promociones_category .ct-filters__input, .ct-filters--mx_nf-posventa_category .ct-filters__input{ width: 100% !important; height: 70px; appearance: none; display: flex; cursor: pointer; } .ct-filters--mx_nf-promociones_category .ct-filters__item, .ct-filters--mx_nf-posventa_category .ct-filters__item{ width: 158px; cursor:pointer; } .ct-filters--mx_nf-promociones_category .ct-filters__item:has(input[type="radio"]:checked), .ct-filters--mx_nf-posventa_category .ct-filters__item:has(input[type="radio"]:checked){ background-color: var(--plomo-400) !important; } .ct-filters--mx_nf-promociones_category .ct-filters__label, .ct-filters--mx_nf-posventa_category .ct-filters__label{ width: 100%; text-align: center; } .ct-filters--mx_nf-promociones_category .ct-filters__input:before, .ct-filters--mx_nf-posventa_category .ct-filters__input:before{ content: ""; display: flex; margin: auto; background-image: url(/wp-content/uploads/2025/03/filtrar-white-1.png); width: 35px; height: 35px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="seat"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="seat"]:before{ background-image: url(/wp-content/uploads/2025/03/seat.png) !important; width: 42px; height: 38px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="cupra"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="cupra"]:before{ background-image: url(/wp-content/uploads/2025/03/cupra.png) !important; width: 45px; height: 36px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="volkswagen"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="volkswagen"]:before{ background-image: url(/wp-content/uploads/2025/03/volkswagen.png) !important; width: 60px; height: 40px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="kia"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="kia"]:before{ background-image: url(/wp-content/uploads/2025/03/kia.png) !important; width: 83px; height: 27px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="mazda"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="mazda"]:before{ background-image: url(/wp-content/uploads/2025/03/mazda.png) !important; width: 47px; height: 40px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="omoda"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="omoda"]:before{ background-image: url(/wp-content/uploads/2025/03/omoda-2.png) !important; width: 48px; height: 40px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="jaecoo"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="jaecoo"]:before{ background-image: url(/wp-content/uploads/2025/03/jaecoo.png) !important; width: 111px; height: 37px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="evo"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="evo"]:before{ background-image: url(/wp-content/uploads/2025/03/evo.png) !important; width: 77px; height: 40px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="dfsk"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="dfsk"]:before{ background-image: url(/wp-content/uploads/2025/03/DFSK-1.png) !important; width: 96px; height: 21px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="invicta"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="invicta"]:before{ background-image: url(/wp-content/uploads/2025/03/invicta.png) !important; width: 72px; height: 40px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="swm-motors"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="swm-motors"]:before{ background-image: url(/wp-content/uploads/2025/03/swm.png) !important; width: 68px; height: 40px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="ebro"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="ebro"]:before{ background-image: url(/wp-content/uploads/2025/03/ebro.png) !important; width: 88px; height: 40px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="mg"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="mg"]:before{ background-image: url(/wp-content/uploads/2025/03/mg.png) !important; width: 40px; height: 40px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="opel"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="opel"]:before{ background-image: url(/wp-content/uploads/2025/03/opel.png) !important; width: 51px; height: 40px; } .mx-grid-mx_nf-promociones .listado-categorias-post-type, .mx-grid-mx_nf-posventa .listado-categorias-post-type{ list-style-type: none; padding-left: 0; text-transform: uppercase; font-size: 12px; } @media only screen and (max-width: 992px) { .ct-filters--mx_nf-promociones_category .ct-filters__label, .ct-filters--mx_nf-posventa_category .ct-filters__label{ display: none; } .ct-filters--mx_nf-promociones_category .ct-filters__item, .ct-filters--mx_nf-posventa_category .ct-filters__item{ width: 95px; padding:3px; margin: 5px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="jaecoo"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="jaecoo"]:before{ background-image: url(/wp-content/uploads/2025/03/jaecoo-mobile.png) !important; width: 76px; height: 22px; } .ct-filters--mx_nf-promociones_category .ct-filters__input[data-url="dfsk"]:before, .ct-filters--mx_nf-posventa_category .ct-filters__input[data-url="dfsk"]:before{ background-image: url(/wp-content/uploads/2025/03/DFSK-mobile.png) !important; width: 74px; height: 17px; } } .filtro-marca-activo{ width: 317px; border-bottom: 3px solid var(--accent-primary); } .col-filtro-marca .wpb_text_column .wpb_wrapper, .col-filtro-marca .wpb_text_column .wpb_wrapper{ display: flex; justify-content: center; border-bottom: 1px solid var(--plomo-500); } .mx-grid-mx_nf-promociones .mx-grid-item > .vc_grid-item-mini, .mx-grid-mx_nf-posventa .mx-grid-item > .vc_grid-item-mini{ background-color: var(--color-white); box-shadow: 6px 7px 8px var(--plomo-50); } .mx-grid-mx_nf-promociones .vc_custom_heading a, .mx-grid-mx_nf-promociones .vc_custom_heading a:focus, .mx-grid-mx_nf-promociones .vc_custom_heading a:hover, .mx-grid-mx_nf-promociones .vc_custom_heading a:visited .mx-grid-mx_nf-posventa .vc_custom_heading a, .mx-grid-mx_nf-posventa .vc_custom_heading a:focus, .mx-grid-mx_nf-posventa .vc_custom_heading a:hover, .mx-grid-mx_nf-posventa .vc_custom_heading a:visited{ color: var(--plomo-600); } .mx-grid-mx_nf-promociones .post-resumen, .mx-grid-mx_nf-posventa .post-resumen{ color: var(--plomo-400); } .col-filtro-promociones .tm-collapse--contenido--inner{ padding-left:0; padding-right:0; } .col-filtro-promociones .tm-collapse .tm-collapse--boton-parent{ margin-bottom: 25px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .col-filtro-promociones .tm-collapse .tm-collapse--boton-parent{ display: none !important; } } /** * 00. PROMOCIONES * * ------------------------------------------------------------------- */ .row-background-posventa{ background-position: top center !important; background-image: url(/wp-content/uploads/2025/03/promociones.webp) !important; background-repeat: no-repeat !important; background-size: cover !important; } @media only screen and (max-width: 600px) { .row-background-posventa{ background-image: url(/wp-content/uploads/2025/03/promociones-mobile.webp) !important; } } .mx-grid-mx_nf-promociones [class*="link-ocs-"] .col-enlace-promocion-vn .enlace-ficha { display: none ; } .mx-grid-mx_nf-promociones .link-ocs- .col-enlace-promocion-vn .enlace-ficha { display: flex !important; } /** * 00. PROMOCIONES POSVENTA * * ------------------------------------------------------------------- */ .row-background-venta{ background-position: top center !important; background-image: var(--banner-desktop-promociones-vn); background-repeat: no-repeat !important; background-size: cover !important; } @media only screen and (max-width: 600px) { .row-background-venta{ background-image: var(--banner-mobile-promociones-vn); } } /** * 00. PROMOCIONES FICHA * * ------------------------------------------------------------------- */ .full-width, .full-width .wpb_wrapper.vc_figure, .full-width .wpb_wrapper.vc_figure .vc_single_image-wrapper, .full-width .wpb_wrapper.vc_figure .vc_single_image-wrapper img{ width: 100%; } /** * 00. OFERTAS DE EMPLEO * * ------------------------------------------------------------------- */ .mx-grid-mx_nf-ofertas-empleo .vc_gitem-zone{ background-color:var(--color-white); } .mx-grid-mx_nf-ofertas-empleo .vc_custom_heading, .mx-grid-mx_nf-ofertas-empleo .post-resumen{ color:var(--plomo-700); } .mx-grid-mx_nf-ofertas-empleo .fondo-gris-oferta .wpb_text_column, .mx-grid-mx_nf-ofertas-empleo .fondo-gris-oferta .listado-categorias-post-type{ background: var(--plomo-50); font-size: 14px; display: flex; align-items: center; justify-content: center; border-radius: 4px; height: 43px; list-style: none; padding: 10px; color:var(--plomo-700); margin-bottom: 10px !important; margin-right: 25px; } .row-contenido-oferta-empleo{ background: var(--plomo-100); color:var(--plomo-700);; } .row-contenido-oferta-empleo h2::after { content: ""; position: absolute; bottom: -10px; left: 0; width: 159px; height: 2.5px; background-color: var(--accent-primary); } .row-contenido-oferta-empleo h2{ position: relative; } /** * 00. NOTICIAS * * ------------------------------------------------------------------- */ .row-noticias .breadcrumbs{ color: var(--plomo-500); } .mx-grid-mx_nf-noticias .vc_custom_heading a, .mx-grid-mx_nf-noticias .vc_custom_heading a:focus, .mx-grid-mx_nf-noticias .vc_custom_heading a:hover, .mx-grid-mx_nf-noticias .vc_custom_heading a:visited{ color: var(--plomo-600); } .mx-grid-mx_nf-noticias .post-resumen{ color: var(--plomo-400); } .mx-grid-mx_nf-noticias .listado-categorias-post-type{ list-style-type: none; padding-left: 0; color: var(--plomo-300); text-transform: uppercase; font-size: 12px; } .mx-grid-mx_nf-noticias .vc_separator{ background-color: var(--plomo-200); } .mx_nf-noticias-template-default #content{ background-color: var(--plomo-50); color: var(--plomo-700); } /*Filtros de las noticias*/ .ct-filters--mx_nf-noticias_category{ display: flex; justify-content: center; flex-wrap: wrap; } .ct-filters--mx_nf-noticias_category .ct-filters__item{ display: flex; position: relative; padding: 5px 15px; border-radius: 5px; border: 1px solid var(--plomo-200); align-items: center; justify-content: center; margin: 5px; } .ct-filters--mx_nf-noticias_category .ct-filters__item:hover{ background: var(--plomo-200); } .ct-filters--mx_nf-noticias_category .ct-filters__item input{ position: absolute; width: 100%; height: 100%; appearance: none; } .ct-filters--mx_nf-noticias_category .ct-filters__item:hover input{ cursor:pointer; } .ct-filters--mx_nf-noticias_category .ct-filters__item label{ color:var(--plomo-200); margin-bottom: 0; font-weight: 400; font-size: 14px; text-transform: uppercase; } .ct-filters--mx_nf-noticias_category .ct-filters__item:hover label{ color:var(--color-white); } .ct-filters--mx_nf-noticias_category input[type="checkbox"]:checked { background-color: var(--plomo-200) !important; } .ct-filters--mx_nf-noticias_category .ct-filters__item input[type="checkbox"]:checked + label { color: var(--color-white) !important; position: relative; } /*--Paginado para las noticias---*/ .listado-grid-col .contenedor-tilo-grid .paginacion-mx { margin-top: 68px; padding: 24px 32px; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--top { justify-content: flex-end; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--top .prev-next-page, .listado-grid-col .contenedor-tilo-grid .paginacion-mx--top .items_per_page { display: none; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--top .paginacion-mx--orderby { margin: 0; background-color: var(--plomo-500); color: var(--plomo-300); padding: 14px 16px; height: auto; border: none; outline: none; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--bottom { justify-content: center; gap: 24px; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--bottom .prev-next-page { margin-left: initial !important; margin-right: initial !important; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--bottom .prev-next-page span:is(.prev-page, .next-page) { display: none; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--bottom .prev-next-page i { display: inline-flex; font-size: 12px; padding: 6px; background-color: var(--plomo-100); color: var(--plomo-300); border-radius: 24px; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--bottom .paginacion-mx--pages-nav { gap: 8px; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--bottom .paginacion-mx--pages-nav .page-numbers { margin: 0; color: var(--plomo-300); padding: 8px; } .listado-grid-col .contenedor-tilo-grid .paginacion-mx--bottom .paginacion-mx--pages-nav .page-numbers.current { opacity: 1; box-shadow: inset 0 -2px 0 var(--accent-primary); } /*Ficha de noticias*/ .row-imagen-fondo-noticia figure img{ height: 500px; object-fit: cover; } .row-imagen-fondo-noticia figure::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .mx_nf-noticias-template-default .title-h2{ color: var(--color-white); } .row-absolute-datos-noticia{ position:absolute; top: 0; left: 0; right: 0; } html .mx_nf-noticias-template-default .row-contenido-noticia{ margin-top: -150px; z-index: 99; position: relative; } @media only screen and (min-width: 1260px) { .mx_nf-noticias-template-default .row-contenido-noticia{ max-width: 65% !important; } } .row-filtro-contenido-noticia ul li{ list-style-type: none; padding: 8px; border-radius: 8px; text-transform: uppercase; font-size: 12px; margin-top: 15px; border: 1px solid var(--plomo-300); display: flex; justify-content: center; width: 170px; } .row-filtro-contenido-noticia li{ color: var(--plomo-700); text-transform: uppercase; font-size: 12px; } .mx_nf-noticias-template-default #content .ct--social-buttons--icon i{ color: var(--color-white) !important; background: var(--plomo-300); padding: 8px !important; border-radius: 48px; font-size: 25px; } @media only screen and (max-width: 991px) { .listado-grid-col .contenedor-tilo-grid .paginacion-mx { margin-top: 0; } } .mx_nf-noticias-template-default .social-networks { position: static; opacity: 1 !important; transform: unset; } .mx_nf-noticias-template-default a.ficha--boton.social-toggle { display: none !important; } .mx_nf-noticias-template-default .social-networks ul:after { display: none; } .mx_nf-noticias-template-default .social-networks ul { background: unset; } .mx_nf-noticias-template-default .row-contenido-noticia .ficha--boton{ justify-content: flex-end !important; } .mx_nf-noticias-template-default .social-networks ul a i{ background: var(--plomo-300); padding: 8px; border-radius: 25px; } .mx_nf-noticias-template-default .social-networks a:hover { color: var(--plomo-900); } .mxr-account .mxr-orders .mxr-order { color: var(--color-white) } .mx_nf-noticias-template-default .row-contenido-noticia .alignleft { float: left; margin: 0 30px 10px 0; clear: both; } .mx_nf-noticias-template-default .row-contenido-noticia .alignright { float: right; margin: 0 0 10px 30px; clear: both; } .mx_nf-noticias-template-default .row-contenido-noticia h2 { margin-bottom: 24px; margin-top: 28px; } .mx_nf-noticias-template-default .row-contenido-noticia h3 { margin-bottom: 12px; } .mx_nf-noticias-template-default .row-contenido-noticia :where(p,figure,img,blockquote,ul,ol,pre,table,video,audio):not(:where(:last-child,:where(figure,blockquote) :last-of-type,)) { margin-bottom: 28px; } /** * 00. EMPRESA * * ------------------------------------------------------------------- */ /*Card de empresa*/ .card-empresa-top{ background-color: var(--color-white); } .card-empresa-bottom{ background-color: var(--plomo-15); } .card-empresa-bottom .text-marca-modelo{ color:var(--plomo-800); } .card-empresa-bottom .text-version{ color:var(--plomo-300); } .card-empresa-bottom .text-precio{ color:var(--plomo-400); } .card-empresa-bottom .text-cuota{ color:var(--plomo-400); background-color: var(--color-white); padding:10px; } /** * 00. ALQUILER * * ------------------------------------------------------------------- */ /*Card de alquiler*/ .card-alquiler-top{ background-color: var(--color-white); } .card-alquiler-bottom{ background-color: var(--plomo-15); } .card-alquiler-bottom .text-marca-modelo{ color:var(--plomo-800); } .card-alquiler-bottom .text-version{ color:var(--plomo-300); } .card-alquiler-bottom .text-precio{ color:var(--plomo-400); } .card-alquiler-bottom .contenedor-datos{ color:var(--plomo-400); background-color: var(--color-white); padding:10px; } .mx-grid-mx_nf-alquiler .paginacion-mx--top{ display: none; } .card-alquiler-bottom .contenedor-datos-grid{ display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-items: center; } .card-alquiler-bottom .contenedor-datos-grid > *:not(:last-child) { border-right: solid 1px var(--plomo-100); } .card-alquiler-bottom .contenedor-datos-grid div { width: 100%; display: flex; justify-content: center; } /** * 00. OUTLET * * ------------------------------------------------------------------- */ .vc_gitem-row-position-top .text-outlet{ z-index: 9; position: absolute; background: var(--accent-primary); padding: 7px; margin: 9px 25px; text-transform: uppercase; color: var(--color-white); border-radius: 4px; font-size: 14px; } div:is(.mx-grid-outlet) .mx-grid-item .precio-outlet.item-veh--dato--cuota-financiacion .item-veh--dato--valor, div:is(.mx-grid-outlet) .mx-grid-item .precio-outlet.item-veh--dato--pvf .item-veh--dato--valor, div:is(.mx-grid-outlet) .mx-grid-item .precio-outlet.item-veh--dato--pvp .item-veh--dato--valor { color: var(--accent-primary); } /** * 00. CONTACTO * * ------------------------------------------------------------------- */ .columna-mapa-contacto .vc_column-inner, .columna-mapa-contacto .vc_column-inner .wpb_wrapper, .columna-mapa-contacto .vc_column-inner .wpb_wrapper .wpb_text_column, .columna-mapa-contacto .vc_column-inner .wpb_wrapper .wpb_text_column iframe{ max-width: 100% !important; width: 100% !important; } .columna-mapa-contacto .vc_column-inner, .columna-mapa-contacto .vc_column-inner .wpb_wrapper, .columna-mapa-contacto .vc_column-inner .wpb_wrapper .wpb_text_column, .columna-mapa-contacto .vc_column-inner .wpb_wrapper p, .columna-mapa-contacto .vc_column-inner .wpb_wrapper .wpb_text_column iframe{ max-height: 100% !important; height: 100% !important; } @media only screen and (max-width: 991px) { .columna-mapa-contacto .vc_column-inner .wpb_wrapper .wpb_text_column iframe{ height: 500px !important; } } /** * 00. FAVORITOS * * ------------------------------------------------------------------- */ .mx-grid-favoritos .boton--borrar-favoritos{ margin-top: 25px; } .mx-grid-favoritos .boton--borrar-favoritos .boton-ficha---txt:before{ content: "\e915"; font-family: 'mx-icons'; margin-right: 15px; } .mx-grid-favoritos .boton--borrar-favoritos .boton-ficha---txt { text-transform: uppercase; background: var(--accent-primary); padding: 17px; color: var(--color-white); margin-top: 21px !important; } /** * 00. COMPARADOR * * ------------------------------------------------------------------- */ .comparador--box.comparador--dato--box:nth-child(even), .comparador--box.comparador--dato-img--box:nth-child(even) { background-color: var(--plomo-600) !important; } .d-none.d-sm-block.col-4.col-lg-3.zi-2.comparador--titulos{ background-color: var(--plomo-500); } .comparador--textos-foto { font-weight: 600; font-size: 27px; line-height: 32px; color: var(--color-white); } .swiper-comparador .swiper-slide, .comparador--titulos>.row { box-shadow: unset !important; } .comparador-page .swiper-button-next { filter: invert(1); } .comparador--titulos .comparador--dato--box { font-weight: 400 !important; color: var(--color-white); } a.comparador-boton.comparador-boton--ver{ border: 1px solid var(--color-white); color: var(--color-white); padding: 14px; width: 100% !important; } .comparador-boton.comparador-boton--del{ margin-top: 25px; color: var(--color-white); } .comparador-boton.comparador-boton--delall{ color: var(--color-white); background: var(--accent-primary); padding: 15px 25px; margin-top: 30px; } /** * 00. LISTADO CONCESIONARIOS * * ------------------------------------------------------------------- */ .listado-concesionario-grupal .conces-list .row > div:not(.conce-map){ padding-left: 12% !important; padding-right: 30px; } .listado-concesionario-grupal .conces-single{ background: var(--plomo-200); border-radius: unset; margin-right:10px; } .listado-concesionario-grupal .conces-single .conces-single-datos .conces-nombre{ color: var(--plomo-700); } .listado-concesionario-grupal .conces-single .conces-single-datos .conces-direccion, .listado-concesionario-grupal .conces-single .conces-single-datos .enlaces .conces-telefono, .listado-concesionario-grupal .conces-single .conces-single-datos .enlaces .conces-telefono a, .listado-concesionario-grupal .conces-single .conces-single-datos .enlaces .conces-email, .listado-concesionario-grupal .conces-single .conces-single-datos .enlaces .conces-email a{ color: var(--plomo-500); } .listado-concesionario-grupal .conces-single .conces-location{ background-color: var(--plomo-50); } .listado-concesionario-grupal .conces-single .conces-location i { color: var(--accent-primary); } .listado-concesionario-grupal .conces-list .h2{ text-transform: uppercase; color: var(--color-white); } .listado-concesionario-grupal .select-content { border-radius: unset; background: var(--plomo-500);; padding: 5px !important; } .listado-concesionario-grupal .select-content #conces_makes{ background: var(--plomo-500) !important; color: var(--color-white) !important; border: unset !important; border-radius: unset !important; } @media only screen and (max-width: 767px) { .listado-concesionario-grupal .conces-list .row > div:not(.conce-map) { padding-left: 30px !important; } } /** * 00. PLUGIN DE WHATSAPP * * ------------------------------------------------------------------- */ .joinchat__button{ bottom: 50px; right: -7px; } @media only screen and (max-width: 991px) { .joinchat__button:not(.home){ bottom: 90px; } } /** * 00. PLUGIN DE COOKIES * * ------------------------------------------------------------------- */ #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { background-color: rgba(0, 0, 0, 0.4) !important; border: none !important; max-height: 100%; min-height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 0 15px; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme.gdpr_lightbox-hidden { visibility: hidden; opacity: 0; z-index: 9998; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container { background-color: #ffffff; max-width: 800px; width: 100%; border-radius: 25px; padding: 40px; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content { flex-direction: column; padding: 0 !important; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding: 0 !important; width: 100%; flex-direction: column; gap: 12px; margin-top: 16px; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton:is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn, .moove-gdpr-infobar-settings-btn) { width: 100%; margin: 0; opacity: 1 !important; justify-content: center; box-shadow: none !important; height: auto !important; line-height: 1.5; display: inline-flex; align-items: center; justify-content: center; position: relative; overflow: hidden; --button-icon-size: var(--mx-c-button-icon-size, 21px); gap: 16px; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton:is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn, .moove-gdpr-infobar-settings-btn) * { position: relative; z-index: 20; color: inherit !important; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton:is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn, .moove-gdpr-infobar-settings-btn) i { font-size: var(--button-icon-size); width: var(--button-icon-size); height: var(--button-icon-size); margin: 0 !important; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton:is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn, .moove-gdpr-infobar-settings-btn)::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-white); opacity: 0; z-index: 10; transition: inherit; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton:is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn, .moove-gdpr-infobar-settings-btn):hover { color: var(--button-color-hover, inherit); } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton:is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn, .moove-gdpr-infobar-settings-btn):hover::after { opacity: 0.1; } #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton:is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn, .moove-gdpr-infobar-settings-btn) { transition: ease opacity 0.3s; border-radius: 30px; padding: 10px 60px; background-color: var(--accent-primary) !important; font-size: 18px; color: var(--color-white) !important; } /** * 00. OCULTADO DE RESERVA PROVISIONAL Y MENU RESERVA * * ------------------------------------------------------------------- */ /* .mxr_reservation_cta, .mxr-menu{ display: none !important; } */